WebRTC JS plugin on Bubble

Anyone have experience using WebRTC on Bubble to video chat? The only way I can do it now is through a third party app like Gruveo or Appear.in. The problem is iOS users have to download the third party app. If there is a JS plugin or an WebRTC API I could use to connect users via video chat without downloading a third party app, I’d be ecstatic.

I’ve seen a working implementation of Bubble + WebRTC using https://tokbox.com/

That said, the actual WebRTC viewer was hosted elsewhere and being ran on a PHP generated page, and Bubble was the backend database and login portal. Can’t say much more than this, but I know it’s possible to an extent.

Looks like you have to pay for tokbox as well…

As with most things worth implementing with a userbase :slight_smile: There’s a ton of tech behind live video chats, most people get spoiled by Google and Facebook offering these ‘services’ up for free in exchange for ad revenue.

1 Like

We use tokbox with our app. It works as @philip explains he’s seen – we spent a fair amount of money to have a 3rd party build the stand alone video that we iframe into our product. I’m happy to discuss collaborating if there may be ways to do so that are mutually beneficial.

1 Like

Thank you but that’s ok. I’ll just keep my app the way I have it. I thought since WebRTC was free there would be a way to embed it in my app without downloading a third party app for free

Makes sense. WebRTC makes it cheap to run 1on1 conversations without the need for a server to manage the connection (i.e., peer to peer) so that can be really cheap. The challenge with doing it on your own and not through a 3rd party vendor is that there are lots of challenges with firewalls, variability of connection quality, packet loss, cross-browser/OS compatibility issues, etc.

So, if you want it to just work, then you’d need either a 3rd party vendor or someone on staff who builds/maintains this. Wish it were easier to do, but it’s still quite costly to run video.

1 Like

Hi, Gruveo founder here. Unfortunately, a native app is the only way to go on iOS because there is currently no WebRTC support in Safari (both macOS and iOS). This may change in the future, but for now, it is what it is. Hope that helps!

2 Likes

@art I disagree, there are many ways of polyfilling webrtc on both android and iOS today using custom cordova builds.

1 Like

@gurun, could you share more details? I’ve heard from many people that WebRTC is not supported by Apple so native apps are the only solution for iPhones and iPads. If that’s no longer true, I’d love to know more.

Yep ofcourse, happy to help.

First you need to get up to speed with custom cordova builds. I`ll hopefully make some progress on this soon when I get some extra time on my hands.

Here are some projects/plugins that can be used, along with a few guides. I have no idea which ones perform best yet, but you should at least start with the newest or recently updated ones first.

https://github.com/BasqueVoIPMafia/cordova-plugin-iosrtc (Latest commit: 24 days ago)
https://github.com/apizee/ApiRTC-mobile (Latest commit: 4. April)
https://github.com/blinkmobile/camera (Latest commit: 25. Jan)
https://github.com/alongubkin/phonertc (Latest commit: 29 Jun 2016)
demo app: http://phonertc.io/
https://github.com/remotium/cordova-plugin-webrtc (Latest commit: 27 Aug 2015)

Tutorials:
https://apirtc.com/apirtc-on-cordova/
https://quickblox.com/developers/Sample-webrtc-cordova
https://github.com/onsip/onsip-cordova (using onsip)
https://webrtcweb.com/cordova-apps/video-conferencing/ (possibly some native rtc code mixed w cordova)

How should I add this to my Bubble app? Though he API section? I’m not sure how to include it in my app.

@vharris12, I don’t think there’s an easy way to add it. You’d have to buy or build a video conferencing capability and then integrate it into Bubble. When we built a video conferencing app on top of Tokbox (who uses WebRTC), we received estimates ranging from ~100 to 500 hours to build a basic video conferencing app. That didn’t include any non-essential features or integration with Bubble.

Scott

If I purchased a custom domain, do I have access to a TURN server and signal server?

I heard iOS 11.0 will have Safari 11.0 which will support WebRTC technology. Anyone have an idea on how to get or create a WebRTC plugin for Bubble? I would like to use my own domain name and let users agree on a code to connect the two users via video chat.

Process = 1) Select a vendor (e.g., Tokbox), 2) Create a Plugin for Bubble using Vendor’s APIs, 3) Anyone who wants to use the plugin needs to create an account with Tokbox and pay them a monthly fee for usage. Then, they plug in their credentials and can use the plugin.

Depending on the scope of WebRTC capabilities you’re looking to have coded, I’d estimate the cost at $5k-$30k to create a plugin. Then, ongoing usage fees for Tokbox or another company for the calls themselves which require tremendous server bandwidth.

Hi Scott - I’d love to talk to you about your experience having a 3rd party build the functionality and potential opportunities to collaborate. What is the best way to connect?

1 Like

Hi Scott,

I’d like to have a third party build the functionality, but I’m coming across some bugs on my native app that I’m trying to fix at the moment. Once I fix those I’ll be in touch.

1 Like

Disregard. I just noticed you were talking to Scott.