Embed BigBlueButton in an Iframe

Big Blue Meeting cloud hosting, dedicated server, and dedicated private cloud supports embedding content in an iframe.

If you are using the Cloud option, then you can simply use your API key no configuration is necessary. If you are using the other options please contact us as we will have to make a small change to your server in order to facilitate this functionality.

There are a few pre-requisites to hosting BigBlueButton within an iframe:
Your iframe must by on a site which is hosted under SSL otherwise WebRTC can not work and webcam, microphone, and screensharing permission can not be given.

You must first create a meeting with the create API call. After a meeting is created you can either wait a seconds before joining or poll the API endpoint for if the meeting has started, it shouldn't take more than 3-4 seconds. You can then generate a join link which you will use for the src tag of your iframe. Your iframe should look like this, notice the allow permissions they must be specified exactly like this.

<iframe src="https://manager.bigbluemeeting.com/bigbluebutton/api/join?..." width="100%" height="700" allow="camera *;microphone *;display-capture *;" allowfullscreen></iframe>