Services Plugins FAQs

Agora Video Conferencing (WebRTC) and Streaming with Cloud Recording - New Plugin from Zeroqode

Hi all, really need help on this.
We are able to start a video call with this plugin and join the call on a website. But when we are trying to join the video call from Flutter SDK but we are facing this error. Please advise.

Hi @waikeong,
Thank you for your message.

Would it be convenient for you to provide more details regarding your use case?

Namely, screenshots and screencasts of your workflow setup, plugin element, the issue you see, and the expected result, for screencast recording I can suggest using the Loom tool.

Please record a video in step-by-step mode with the browser’s console enabled, in case there are any error messages there, and share a link with us so we can understand better your use case.

These details will help us reproduce your setup on our side and look into it.
ï»ż
ï»żThank you once again and looking forward to your reply.
ï»żAll the best, :slight_smile:

Hi @Igor,

Thanks for reaching out.
Our use case is to Start a video conference call from Bubble.io and allowing users from other platform to join (e.g: Mobile app).
We tested on an app that is build on Flutter with Agora SDK, thats where we have this error and we cannot see the video coming from the mobile app, but on the mobile app there isn’t any error.

Hi @waikeong,
Thank you for your reply.

I’ve passed this information to the dev team for additional research, once there will be any updates, I will notify your right away.
Thank you for your understanding and cooperation.

Best regards,

Hi @Igor, while we wait for the dev team for updates. do you have any suggested workarounds for our use case?

Hi @waikeong,
Thank you for your message, I appreciate your patience.

The Agora Plugin has been updated with a new library, which is now available as version 1.46.0.

I have personally tested this latest version on my end and can confirm that it is functioning correctly. To test it, I used the plugin’s live demo page to start a conference, and then I shared the link to Join the Room from a mobile device.

Please update the plugin inside your app to the latest version and let me know if that solved the above issue.

If you require any further information, let me know.
Best regards, :pray:

Hi @Igor, thanks for informing and testing the plugin over your side.
We just did a test over Flutter SDK to join a Real-Time Call from Bubble.io.
On Flutter side, is working fine. But on Bubble.io the plugin is still not showing the cam from the mobile app.
Please advise.

Hello @waikeong,

Thank you for your feedback. We cannot assure you that the plugin will work perfectly in any native applications such as those built on Flutter SDK. However, we ensure that our plugins function correctly within Bubble Web Apps on the browser.

I have personally tested the plugin by launching a conference on the live demo page, copying the invitation link, and opening it on my Android phone through Google Chrome. The image from my mobile camera was successfully sent to my browser on the laptop.

Please verify that you are receiving accurate information in your browser by following the step-by-step mode. Additionally, please refer to the screenshots below as they demonstrate the workflow triggered when connecting to the conference through the shared link from my mobile browser.

Summary



If I can help you with additional information regarding our plugins, please let me know.
Have a great weekend ahead.
Best regards, :pray:

Hi @Igor,
Thanks again for your time on testing the updated plugin.
We have checked with Agora directly too. They are pointing us to check with you if this plugin have a trigger (AgoraRTCClient.on(“user-joined”)) when clients joins.
Please advise.

Hi @waikeong,
Thank you for your reply.

The plugin has this event that can be used: AgoraRTC A User joined
Below you can find the workflow example from the plugin demo page.


I hope it helps.
If you require any further information, feel free to contact me.
All the best, :slight_smile:

Hi @Igor, thanks for sharing. We tested out, it only works when client is coming in from another web browser. If we try to join from Flutter SDK it doesn’t trigger “User joined” event. :melting_face:

Hello @waikeong,

I appreciate your response.

  1. Are you currently using the latest version of the Agora plugin in your Bubble application?
  2. Have you attempted to view your Bubble application in step-by-step mode while having the browser console activated to check for any error messages that may arise when the user enters the Conference link through a Flutter SDK application?
  3. Have you also experimented with the plugin’s live demo page in step-by-step mode?

I look forward to hearing back from you.

Best regards,

Hello! I am not able to see the other user’s screen in conference mode. I have added the unique ID to the element and everything else seems to work fine, however, the other person’s video is not displayed. See the image below:
This is the link to the editor: TalkShopV1 | Bubble Editor

Hello @canodjan3,

Thank you for your message, and I apologize for the delayed response during the weekend.

I have thoroughly examined your Demo page and also reviewed the plugin demo page for references, to confirm that the viewers are visible when someone joins the conference.

Upon checking our plugin demo page, I could see that the viewers were indeed visible.

I recommend double-checking the setup of your plugin page. Run each action in step-by-step mode and compare with the plugin demo editor page, to ensure that your workflow is accurate, and verify that the groups you are using have a data source to display relevant information.

For example, I noticed that your Agora viewers group lacks a data source.

Hope it helps. :pray:

If you have any other inquiries related to the plugin, feel free to contact me.

Best regards,

Thank you Igor! I double-checked everything but your Edito doesn’t have a content type either and it is working. Everything is copy pasted from your editor and every single workflow is the same as well as conditionals and elements.

Hello @canodjan3,

Thank you for getting back to us.

I couldn’t determine the exact reason why your page is not functioning as expected. It’s possible that the issue might be related to the privacy settings in some way. We noticed that when we initiated a conference, a specific workflow ran on your page that is not present on our test demo page.


To further investigate, we created a simple test page within your app. On this page we used only one action in the workflow: the “Join AgoraRTC A” plugin element, along with a group to display remote users. As shown in the screenshot below, this setup is functional, and I am able to see myself connected from another device.

Screenshot

I hope this will be helpful for you.

If you have any other questions related to the product, please don’t hesitate to reach out.

Wishing you all the best! :blush:

Thank you Igor! Apparently, the issue was the group layout was a column, when I changed it to align to parent it became visible. Very weird haha btw, you can only screen share at the beginning, right?

I was wondering if you could help me figure this out too: Loom | Free Screen & Video Recording Software | Loom

Thank you!

Hello @canodjan3,

I appreciate your message. It’s great to hear that you were able to resolve the problem with responsiveness and that the visibility of the groups has improved.

In regards to the problem you’re experiencing with the Start Recording Button, I will review this matter with our team. If there are any issues in your setup that you’ve noticed, I’ll be sure to inform you. Your thorough Loom video explanation is much appreciated.

I’ll keep you posted as soon as there are any updates.

Thank you for your understanding and cooperation.

Best regards,

Hi @canodjan3,
Thank you for your patience.

We have verified the Loom video with the dev team and also checked the Get resource ID action on our side and it is working.
The action works as it should:

Our team suggested that another reason for the problem may be the wrong value in Authorization settings. You don’t use this in some fields, but it is used in all API calls.

We found the tutorial on how to obtain the Client ID and Client Secret Here. You can encode these values Here.

Kindly note that you need to put this symbol between the keys before encoding.
Please try to generate the keys once again and use the last generated keys from Agora to try to test the Get resource ID action after it.
image

I hope the above information will be useful for you.
Please try our suggestions, and let us know if they worked.
Regards, :slight_smile: