Clubhouse style audio through Agora plugin

[naveen]

Hi,

First of all, I would like to appreciate the Agora plugin by the zeroqode team.

But I have run into some very basic issues and am stuck.

Objective - Multiple people log into an audio room aka Clubhouse

What I did:

1. Created the App ID on the Agora console
   

   

2. Inserted the App ID
   

   

3. Created a basic design of join button and the window
   

   

4. Here is the basic workflow of joining AgoraRTC A
   

   

5. But when I click on join button in the preview, nothing happens.
   

   

Would really appreciate the help. Am really perplexed why the initial step is not happening.

Thanks
Naveen

[Greg.P]

*Edited
Hello @naveen, thanks for reaching out to us, and thanks for using our Agora plugin

@naveen

Objective - Multiple people log into an audio room aka Clubhouse

To let multiple people log into the room, first, it is needed to give the Conference a name as shown on our Conference demo page. Please check the editor page to get familiar with the related Workflow that runs in the backend, check the screenshot for reference.

I would also recommend you to add the Video Conference App ID in the development field as well, in case you did not deploy your website to live.
You would also need to setup an input of the page, where users can type the room name. The same input will be used by other users who will connect to the room.

Let me know if you sorted it out, or if there is anything else I can assist you with.

[naveen]

Thanks Greg for the reply!

I tried with the approach you suggested but still no success.

1. I played with the pointers you gave and stripped it just three elements:
   a. Input room name
   b. Start room with input room’s name and join AgoraRTC A
   c. Have the AgoraRTC A element to see my video

2. I added the Video Conference App ID in the development field
   

   

3. I set up an input “Room name”
   

   

4. Here is how the backend workflow looks like
   

   

5. Here is how my AgoraRTC A inspector looks like:
   

   

6. And it still doesn’t work - no sign of camera activity, though your demo works.
   

   

Please help.

By now it seems, you could do a dedicated webinar just for Agora plugin Am sure a lot of ppl will sign up.

[Greg.P]

Hi Naveen, thank you for your patience.

I have recreated your setup on my side to test out your use case. It worked fine on my side, please check the test page and verify it for yourself.

Can you share a screencast where you are trying to connect to the room, before doing so please activate the ‘Step-by-step’ debugger mode from the bottom of the page? To record your screen you can use the Loom tool or any other screen recording tool.

Waiting for your reply.

[naveen]

hi Greg,

Your test page did work, but my setup doesn’t work.

I have uploaded the loom video as well.

Can you share the plugin settings screenshot of the test page you created? Is it sth to do with the video ID etc?

Thanks for the patience, looking forward to resolve it soon.

Regards
Naveen

[naveen]

In case the loom video is not clear, I did try speaking with the same link on my mobile phone, and it didn’t work.

Am sure sth simple is being missed.

[Greg.P]

Hey @naveen, hope you are doing well.

@naveen

Can you share the plugin settings screenshot of the test page you created? Is it sth to do with the video ID etc?

Sure, here are the screenshot with my settings - Screenshot-bubble.io-2021.11.15-11_19_15.png - Nimbus Capture Screenshot-bubble.io-2021.11.15-11_19_15.png - Nimbus Capture Screenshot-bubble.io-2021.11.15-11_20_20.png - Nimbus Capture

Can you try to copy our app ID and insert it on your side and see if it will work afterwards. I suppose the connection issue might be caused by the App ID.

Let me know about the results.

[naveen]

Thanks @Greg.P will do and let know shortly.

[naveen]

Am assuming you meant the Video Conference App ID and NOT the Streaming App ID.

[naveen]

Okay! I inserted your Video Conference App ID and it worked like a charm!

Atleast sth works! Yay!

Now what should I do?

[naveen]

I created a couple of more App IDs using projects on Agora console, and the IDs work now.

Anything I should know?

This has been an incredible help, thank you for the support, as my prototype was really stuck here! ::

[Greg.P]

I was going to advise you to create a new Video Conference App ID as there might be some connection issues with your Bubble and Agora console at first.
Glad I was able to help.

Let us know if there is anything else we can assist you with.