Services Plugins FAQs

Agora Bubble Plugin Connector Error

Plugins
#1

I am trying to connect to an agora channel/room using the Agora Streaming & Video Conference plugin and when I load my preview in bubble I am getting the following error:

Element AgoraConnector A
The plugin Agora Streaming & Video Conference / element Agora Connector threw the following error: TypeError: Cannot read properties of undefined (reading ‘setLogLevel’) at new AgoraConnector (PLUGIN_1566995240236x776771559460700200/Agora-Streaming—Video-Conference-initialize–Agora-Connector-.js:131:24) at g (https://unpkg.com/preact@8.5.2/dist/preact.min.js:1:5055) (please report this to the plugin author)

I am trying to connect to a livestream that I am pushing through OBS agora plugin. The channel has the stream in it, it works when I join the channel via
https://webdemo.agora.io/agora-websdk-api-example-4.x/basicVideoCall/index.html
but I cannot get that video stream to show up on bubble

#2

Hello, @blockshangerous
Thanks for reaching out.

First of all, please allow me to recommend you to use the new Agora Element - Agora RTC. Check the documentation here: Agora Streaming & Video Conferencing (v4.5) - Zeroqode Documentation

I assure you that it will be easier and more convenient for you :pray:

This issue is related to the fact that the old Agora Element (which you are using) is not compatible with Google Chrome’s latest browser version.

Can you please add more details regarding the OBS here? It is pretty confusing and unclear.

I kindly ask you to provide me with more details regarding your workflow, since it is not clear where is your streaming channel and how exactly you are trying to connect it with your application.

Looking to hearing from you all the requested details.
Best regards,

#3

Thanks for letting me know I don’t need the old element. Removing that got rid of the error.

So I am trying to create a page on bubble where upon page load it shows the host’s stream.
The host is connected to agora via the OBS RTC tool (pictures attached).
When I join the video call demo (Basic Video Call -- Agora) the host’s stream shows up immediately - that is the functionality I am trying to build in bubble on page load.

In bubble I cannot get any of the AgoraRTC elements to show the host’s video - only my webcam as an audience member.

agora obs settings.PNG
agora obs settings.PNG1920×1028 125 KB

agora obs.PNG
agora obs.PNG1916×1037 157 KB

agora video demo.PNG
agora video demo.PNG1707×917 161 KB

#4

bubble design
bubble design3739×1743 375 KB

bubble preview
bubble preview2362×1393 46.2 KB

bubble workflow
bubble workflow3757×1566 174 KB

#5

I think maybe the OBS stream isn’t being automatically set as “host” and it needs to be set. The “web demo” video call link on agora doesn’t show the OBS stream but it does show up on both of these demos
https://webdemo.agora.io/agora-websdk-api-example-4.x/basicVideoCall/index.html
https://webdemo.agora.io/agora-web-showcase/examples/Agora-Web-Tutorial-1to1-Web/

#6

Hello, @blockshangerous
Thanks a lot for the details. Now your scenario is clear.

Theoretically, your flow is possible, however, we can’t provide you with a solution for fixing your issue. It is related not to the plugin, but to using OBS.

This plugin allows you to integrate live video conferencing (also known as Web RTC) as well as streaming into your Bubble app using the Agora Platform. So, the plugin is just " a bridge" between Bubble Application and the Agora platform.
Thus, it means that we cannot guarantee that the third-party platform will interact correctly with our plugin.

For your case, I can just provide you with some advice for checking and trying to implement the OBS to your application:

  • Your keys for OBS and Agora plugin should be the same. In another case, your platforms will not interact.
  • You need to make sure that the moment when Agora and OBS are tokenized is the same.

I’m afraid that I can’t provide you detailed answer regarding the settings of the “Host” status and configuration of the OBS platform.

Please note that our team can help you only with information and advice regarding the configuration of the plugin within your Bubble Application, but we can’t provide step-by-step guidance regarding the custom platform settings :pray:

Sory for the inconvenience.
Best regards,