MARKETPLACE
PLUGINS
LIVEKIT (REAL-TIME VIDEO/AUDIO)
LiveKit (Real-Time Video/Audio) logo

LiveKit (Real-Time Video/Audio)

Published April 2024
   •    Updated December 2025

Plugin details

Welcome to LiveKit!
LiveKit is an open source WebRTC stack that pretty much gives you access to everything you'll ever need to build a scalable and real-time video/audio/data type of application. Along with the features LiveKit offer, I've also included a lot of custom features that now make this plugin capable of re-creating the same functionality which you see in both Google Meet and WhatsApp (for both mobile/desktop views). A lot of time, thought and testing have gone into this plugin making sure all browsers are supported, it's reliable and fast. It's taken a little under 4 months to complete (along with all the documentation and three demo pages) and I'm hoping it will serve everyone’s needs.

Any features that had been previously asked for throughout other plugins of this nature, have been considered and added into this one.

Since this uses LiveKit under the hood, you'll need to sign up with them. A free account gives you a generous quota limit that consists of the following:

• Up to 50GB of data transfer
• 60 minutes of transcoding
• Up to 100 concurrent connections (participants joined to a room)
• 1 concurrent recording session

These are reset every month.


Below are just some of the features you'll get.

• Fully configurable UI inside the plugin options that allow you to define a lot of CSS
• High-quality video and audio, various options will allow you to adjust this
• The ability to screen share, mute both video/audio
• All video/audio constraints configurable, such as resolutions, echo cancellation, noise suppression, sample rates etc
• Remote participants can be muted if you're the room owner
• End to end encryption and JSON Web Tokens are used to add security to your video/audio streams
• Videos background can be changed, like you can do with Google Meet or you can blur video backgrounds instead
• Avatars can be used with facial recognition software to mimic your own facial movements and then be published to the room instead of your camera.
• Audio can be routed through a WebSocket connection (both client/server-side) for feeding into third party applications
• Floating video elements can be configured for when 2 participants are connected, similar to how you see with typical mobile video calls
• Name labels and microphone indicators can be shown
• Ability to swap video elements when you click them
• Can optionally record participant's location details so you plot locations of where people are on a map if they're decide to share
• Three different views can be configured, gallery, grid and speaker modes
• Speech detection included and you can take action like animate borders as a user is speaking
• Camera mute options, can display custom images or user's initials (and animate on speech detection) just like Google Meet do
• Uses flex components to allow everything to be fully responsive and you can set a number of aspect ratios on video elements
• Send data messages between one of more participants
• Contains a knocking feature which is where the room owner has to accept/reject requests before allowing others to join a room
• Rooms are created when needed and automatically removed when the last participant leaves
• Participants can be forcibly kicked/removed from a room if required
• Has a built-in adaptive streaming feature where you may choose to dynamically pause data streams when the page isn't focused or another tab is open
• Capable of using multiple video devices and flip the video horizontally


Enjoy! And if you experience any problems then please feel free to shout at me because I will be supporting this.

$35

One time  •  Or  $8/mo

5.0 stars   •   2 ratings
57 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Pork1977gm logo
Pork1977gm
Joined 2017   •   34 Plugins
View contributor profile

Instructions

Place the "LiveKit" element onto your page, configure it as needed and away you go!
Please see this link for full instructions:
https://paul-testing.bubbleapps.io/version-test/livekit_instructions

Standard demo page:
https://paul-testing.bubbleapps.io/version-test/livekit_demo

Demo page showing the knocking feature:
https://paul-testing.bubbleapps.io/version-test/livekit_demo_knocking

Demo page showing the visual effects (only supported on desktop):
https://paul-testing-4.bubbleapps.io/version-test/livekit-effects

Types

This plugin can be found under the following types:
Api   •   Action   •   Element   •   Event

Categories

This plugin can be found under the following categories:
Chat   •   Technical   •   Video   •   Media   •   AI   •   Visual Elements

Resources

Support contact
Tutorial
Forum

Rating and reviews

Average rating (5.0)

Excellent Plugin!!
May 1st, 2024
Working for a client we have a video chat element that needs to be used on both wrapped mobile app & desktop. Was going to use a 3rd party, but they stopped support of their SDK. Spoke to Paul and this plugin allowed us to use video chat on wrapped mobile app & desktop. Also we were able to fully customise how it looks so it looks exactly like the Figma design. Works flawlessly & you have full control over everything! Smashed it mate.
Awesome plugin
April 26th, 2024
Works flawlessly, and the developer is very responsive to questions and feedback. Highly recommended!
Bubble