HxMeet Core Component

This project provides the core component for video conferencing systems. It is open-source, allowing the creation of custom, tailored conferencing solutions. The conference component <HxMeet> is a browser-based Vue.js component.

Live Demo

👉 Try it out at: https://hxmeet.io

Screenshot

✨ Conferencing Features

• Low-latency WebRTC video & audio
• Screen sharing
• Chat
• Different layout options
• Participant list
• Media controls (mute, camera off)
• Support keyboard shortcuts
• Dark mode
• Mobile friendly

🛠️ Developer options

• Themable (set your own color schema)
• Embeddable in your app or website
• Customizable
  • Hook into the component events
  • Add extensions
• Add test participants
• Open-source (MIT license)

Installation and first tests

Requirements

• Node.js (v22 recommended)
• npm
• LiveKit account (later you can switch to an self-hosted livekit solution)

Simple test

The project contains a simple test page. You can run it locally with:

1. Checkout project and install dependencies: npm install
2. Copy the .env file to .env.local
3. Enter your LiveKit credentials there:

VITE_LIVEKIT_URL=<your-livekit-url>
VITE_LIVEKIT_TOKEN=<your-token>

[!NOTE] The URL is the Livekit project URL and the token you can find in Settings/API-Keys (create an API-Key and generate a token inside the three-dot menu)

4. Start the test page: npm run dev
5. Open http://localhost:5173 in your browser

This test is limited to only one 'real' participant, because you have only one token, but you can add more test participants.

Advanced test (starter project )

see Starter-Project

License

Licensed under the MIT License.