First of all, please make sure that when you copied the page from the demo, you did not miss the workflows and plugin elements. Also, please check if the Agora plugin setup was correct (all IDs in the plugin section were set correctly).
When I copied and pasted the page, the workflows and plugin elements also got carried over. I am attaching a screen shot of the plugin credentials (img 1), the design view (img 2) and the page preview (img 3).
I am also attaching a shot of my elements tree and workflows view.
Furthermore, I have contacted customer service at Bubble.io. They asked me to delete the page and the plugin and reinstall it, then try pasting the page again. Those steps did not work, so they suggested I contact you.
As far as I can see, everything should be working as it should, so I’m lost of answers at this point.
You can check what kind of an error has occurred within your app by adding to the end of your page URL the ?debug_mode=true text and pressing the “Inspect” button for checking the element: http://prntscr.com/sf7m39
Please inspect the element “missing” within your page and share the screenshot from debug_mode.
Also, I would like to suggest you add our support email as a collaborator of your app, so we can check and find the root cause of your issue faster [email protected].
Hi Kate. I am on the personal plan and would need to upgrade to the professional plan in order to add collaborators. I’d be willing to do that as a last resort. Would you be willing to login to my account directly if I give you my credentials instead?
I ran the debugger and have attached the screenshot. In the first screen shot, I selected the Agora Connector A element. In the second screen shot, I clicked on the red exclamation mark (the alert box) in the debugger window. Does this information help you at all?
The General error you’ve shared tells that the plugin was not loaded (something caused a failure of the loading). The main guidance on this matter - is a simple page refresh. Or, you may have indicated the element IDs incorrectly.
I think it will be better to doublecheck the settings of the plugin within your app in comparison with our demo page.
As I have said, our support email can be added as a collaborator of the app, even if the app owner subscription plan is not a Professional (just ignore that red notification in the Collaboration tab in your Editor).
If you add [email protected] as a collaborator of your app, please do not forget to grant the edit rights It will be needed for plugin testing.
I feel like we’re making progress here, but there are more issues. Let me explain the steps I’ve taken since your recent fixes:
Since the Agora Connector plugin was no longer “missing,” I attempted to join a room while in preview mode. The browser asked if it could access my camera and I allowed it. However, nothing showed up afterwards. I could not see any video at all, but my webcam light was on. That’s when I noticed that the bottom section of the page (“see as host” and “see as audience”) was completely missing.
I then deleted that page, recopied the page from the demo again – with workflows – and made sure the bottom of the page was included. After creating a new page pasting it (with the workflows), the plugin element was missing like before. I deleted it like you suggested, added a new one from the visual elements menu and then manually reconstructed the workflows from the demo.
The Agora Plugin no longer says missing, but I still cannot join a room or access my webcam when in preview mode. Furthermore, when in design mode, the section next the “peers online” says missing.
I also noticed that a certificate and video calls ID have been added to the plugin settings that were not there before. Where did you retrieve these numbers from?
Hi Kate… I’d like to get this project moving if possible. Could your team please just setup the demo page for me? I’ve tried everything and can’t get it to work. My Agora ID number is already entered in the settings. The certificate and video calls ID were taken from the ZeroCode demo page I believe. I do not know how to generate those 2 numbers from my Agora account.
I’m not sure what’s better at this point: coding it from scratch myself or continuing with your plugin. I’ve already spent the money, though, and would like to see it work.
I’m sorry that you have such trouble with the Agora plugin setup
I’m afraid we cannot do any work for you, but we can point on your mistakes (within the plugin setup) in order to help in its resolution.
I have recommended you a few times to recheck the demo page plugin setup and the things you have copied to your page. The last time I have checked your app, there were incorrect/uncompleted workflows in it, which made me think you have simply copied the demo page without adjusting the workflows. If you are going to replicate our demo page in your app, you have to make sure you’ve done the same setups.
As the plugin demo page is working correctly, I assume your issue is under your app settings (but not in the plugin).
Still, I have opened a ticket on checking your last request -
So I hope to inform you asap on the solution to this issue. Thank you for understanding
The answer is appeared even faster than I expected
The reason why the video was not displayed on your page after you clicked the “Join room” button and so on - you have not specified the ID attribute for the video container element. This is an obliged setting which is described in plugin documentation: