Agora.io plugin by zeroqode

Need help
1

I am trying to configure agora.io plugin by zeroqode:
Agora Streaming & Video Conference Plugin | Bubble

I am trying to understand what are the IDs, certificates and authorizations necessary and I THINK I got it (if anyone could confirm, would be AWESOME)

I am creating this post for future people having the same problem.
For the IDs, according to this post, you need to create two projects in agora.io:

  1. App ID + Certificate + Token , you get the Agora ID and Certificate keys, which are needed for the Streaming feature in the plugin.
  2. App ID, you get the Video Calls ID key, which is needed for the video calls feature in the plugin.

Like in this image (do the project creation from the projects page in agora.io):

image
image494×500 27.4 KB

I did it, but I ended up creating a certificate for option 2) as well to use as “Video conference certificate”

This way, we can put as following:

Streaming App ID: option “1” app id

Video Conference App ID: option “2” app id

Video Conference Certificate: option “1” certificate

Streaming Certificate: option “2” certificate

Authorization (shared headers): see bellow

For Authorization (shared headers)
This is what chatGPT gave me, which seems correct:
To configure the Zeroqode Agora Streaming & Video Conferencing plugin, you need to set up the “Authorization (Shared header)” correctly. Here’s how you can obtain and configure it:

  1. Generate Agora RESTful API Credentials:
  1. Create the Authorization Header:
  • Combine your Customer ID and Customer Secret in the format CustomerID:CustomerSecret.​docs.agora.io+1docs.zeroqode.com+1
  • Encode this combined string using Base64 encoding.​forum.zeroqode.com+2docs.agora.io+2docs.zeroqode.com+2
  • The resulting encoded string will be used as the “Authorization (Shared header)” in the plugin settings.​For example, if your Customer ID is abc123 and your Customer Secret is def456, the combined string is abc123:def456. Encoding this string in Base64 yields YWJjMTIzOmRlZjQ1Ng==.
  1. Configure the Plugin in Bubble:
  • In your Bubble application, go to the plugin settings for the Agora Streaming & Video Conferencing plugin.​zeroqode.com+6forum.zeroqode.com+6forum.bubble.io+6
  • Locate the field for “Authorization (Shared header)”.​
  • Enter the Base64-encoded string prefixed by the word "Basic ". Using the previous example, you would enter: Basic YWJjMTIzOmRlZjQ1Ng==.​

By following these steps, you should be able to configure the “Authorization (Shared header)” for the Zeroqode Agora plugin successfully.

AGAIN: I just discovered all this and will start testing with the plugin, if anyone could confirm this steps arae correct, I’d appreciate

EDIT: I can onfirm now this works

2

Hey @consultoresdgb2 ,
Thank you for using our product.

Your approach seems correct, but I highly recommend referring to the official Zeroqode documentation for this plugin to ensure you have everything covered.

Here are a few helpful resources you can use to double-check your setup:

  1. Agora Streaming & Video Conference Plugin Documentation: You can find detailed guidance on plugin configuration, including the required App IDs, certificates, and authorization headers. This will give you a clearer picture of the necessary steps.
    Zeroqode Plugin Docs
  2. Demo Page: We also offer a demo page for the plugin, which allows you to test the features before finalizing your setup. This can help you troubleshoot or confirm that everything is working as expected.
    Demo Page for Agora Streaming & Video Conference Plugin

If you follow these resources, you should have a smoother time configuring and testing the plugin.

Good luck, and I hope this helps!

Best Regards,
Zeroqode Support Team

Browse all Zeroqode Plugins for Bubble
Banner_Last3

3

The Authorization (shared headers) part was the tricky one, it was the only one I wasn’t able to get from the docs and demo editor.

Just one quick question: is there a way to mirror video in the plugin?