[ ๐Ÿ†• ] P2P Video Conference plugin

Designed for Bubble, with one-click setup, without code or hundreds workflows and actions, yet providing useful states and events.
Free from third-party fees and constraints, offering a direct peer-to-peer connection where NO data passes through any servers whatsoever.

Features:

  • Video call for up to 10 users
  • Decentralized, no extra fees
  • Unlimited call time
  • Efficient Smart Compress
  • User-friendly integrated UI
  • Customizable
  • Responsive
  • Highlights noise (speaking) source
  • Screen Sharing

Coming Soon:

  • Blur Background
  • Full screen
  • Record & Save
  • Admin can Mute/Unmute anyone


Demo: https://p2p-demo.bubbleapps.io/version-test/p2p_conference

Marketplace: P2P Video Conference Plugin | Bubble

Documentation

2 Likes

Here I am, with the risk of making a fool out of myself.
The plugin seems really awesome!
Itโ€™s just that even if I use your editor, or connect through my app.
I just cannot see anyone on video except for the connected user.
Is it me or is it a temporary bug?

1 Like

Can you please take a look into browser console logs, see if there are any errors? Because on my end everything seems to work.
You can answer with a screenshot in PM and we can continue debugging it there

@gochain Hi!
I would like to purchase this plugin, but is it possible to record it now?

Hi, we are working on improving the current features before adding new ones.
So recording will be added a bit later.
If you donโ€™t have time to wait, you can combine it with our Universal Video Recorder plugin.

@gochain Weโ€™re looking forward to using this plugin. Does it relay on third party SDKs or services? or it natively using webRTC capabilities?

OK, thank you. I look forward to your update soon.

Actually, when we open this demo page (https://p2p-demo.bubbleapps.io/version-test/p2p_conference), one person creates a conference ID with the start button, the other person enters that conference ID and presses the connect button, but cannot start. Is there a reason for this?

It uses peerjs, it is an open source SDK that just makes it easier to work with webRTC features.

The demo was made as simple as possible to make it easier to understand how it works from the app editor.
It doesnโ€™t have any limitations regarding who can start a conference, and you can integrate it into your app up to your needs.

Update v.1.1

  • New feature: Select Audio Input Source
    Try it here
    Documentation
  • Bugs with incorrect states fixed
1 Like

@gochain thanks for clarifying. is it possible to build our own UI and just use the webRTC capabilities?

In the current version you can customize the control buttons (The integrated ones can be disabled).
Additionally, you can set the background color, border radius and aspect ratio of video elements.
We will add more customizable UI settings eventually.

1 Like

Update v.1.2

:new: UI Settings:

  • Paddings between video elements
  • Nickname position

:new: Features:

  • Event - Frame Expanded
    (When expanding a video element on bigger screen)
  • State - Expanded User ID
    (If the ID was indicated in the optional User ID field when starting or connecting to a stream)

Update v.1.3

More UI Settings:

  • Videos Column location (Right,Left,Top,Bottom)
  • Mirror video checkbox
  • Fixed bugs with audio source selector

Here is a list of all UI settings