BigBlueButton in iFrame

1,413 views
Skip to first unread message

iFieldSmart Technologies

unread,
Aug 14, 2019, 3:10:39 AM8/14/19
to BigBlueButton-dev
Hi Team,

We tried to use iframe when meeting is created, this does launch the meeting, however, it asks for microphone permission, but no dialog to allow the permission is displayed. There is no button to allow or deny.
Tried allow="microphone *" in the iframe tag, tried resizing the frame itself, but with no luck.
Any suggestions on what can be done here?

Thanks,
Sumeet Maru

Guillaume R.

unread,
Aug 14, 2019, 4:40:20 AM8/14/19
to BigBlueButton-dev
Hi Sumeet Maru,

I use iframe too for BBB and I don't have problem with this.

Is your configuration good? Can you try this command and see what do you obtain?

sudo bbb-conf --check

(I'm not a BBB dev... sorry)

Guillaume R.

unread,
Aug 14, 2019, 4:45:49 AM8/14/19
to BigBlueButton-dev
On which browser did you test BBB? Documentation recommends to use it on Chrome or Firefox.

iFieldSmart Technologies

unread,
Aug 14, 2019, 4:51:21 AM8/14/19
to BigBlueButton-dev
It works fine when on localhost, when published, the live version has this issue.
Tried it with Chrome as well as Firefox. Chrome asks for permission to allow mic, but the buttons are not there. Firefox does not show any prompt, directly says there was a problem with your media
Also, check command does not show any errors. It was working fine until we decided to put in the iframe.
Thanks!

iyan sofyan

unread,
Aug 14, 2019, 7:33:03 AM8/14/19
to BigBlueButton-dev
Please try

<iframe allow="microphone *; camera *">

it must be https

iFieldSmart Technologies

unread,
Aug 14, 2019, 11:05:17 AM8/14/19
to BigBlueButton-dev
I have already tried adding allow="microphone *; geolocation *; camera*" to the iframe tag, but still not working. 
The https, however, would make a difference hopefully. Will install the SSL certificate and try again to see what I get.

Chad Pilkey

unread,
Aug 14, 2019, 12:10:44 PM8/14/19
to BigBlueButton-dev
If you don't have SSL setup then that is a complete blocker for media access. Chrome has always required SSL and a recent Firefox updated added an SSL requirement there also.

iFieldSmart Technologies

unread,
Aug 20, 2019, 8:05:19 AM8/20/19
to BigBlueButton-dev
Why this is marked as abuse? It has been marked as abuse.
Report not abuse
Hi Chad,

After installing an SSL certificate, I am getting the following error when trying to create meeting,
ajax-libs-angularjs-1.2.25-angular.min.js:79 Mixed Content: The page at 'https://XXX.XXX.com/Indexdocs/Indexdocs.html#/allmeetingrooms' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://X.X.X.X/bbb/bbbapi/createMeeting.php?meetingId=863285426&meetingName=Demo%20Phase&attendeePw=123&moderatorPw=12345&voicebrige=undefined'. This request has been blocked; the content must be served over HTTPS.

From the message it seems that the location where the API have been stored would need an SSL certificate too. But a friend told me that the reason behind this error is the SSL certificate and that I would need an SSL from "Let's Encrypt" for this to work, it doesn't work properly with SSL certificates from any other providers.

Could you please shed some light on this. We need to make what our options are and what the right path is before we proceed any further.
Thanks.

- Sumeet

Chad Pilkey

unread,
Aug 20, 2019, 12:38:40 PM8/20/19
to BigBlueButton-dev
Why this is marked as abuse? It has been marked as abuse.
Report not abuse
You can use any certificate from a normal Certificate Authority (CA) that you want. We recommend Let's Encrypt certificates because they're free and the process to obtain them can be automated.

The cause of the error is in that log message and it's actually completely outside of BigBlueButton. Your front-end system is served up over HTTPS and it's trying to make a request to a page that is not HTTPS and the browser is blocking the request. Is this a custom front-end that you've developed and is it using our PHP API? I've never used the PHP API myself, but double-check that the URL for your BBB server is HTTPS and not HTTP.

iFieldSmart Technologies

unread,
Aug 27, 2019, 11:14:11 AM8/27/19
to BigBlueButton-dev
After moving the API to a subdomain that had SSL installed, everything started working smoothly.
Thanks a lot for the help guys!

Fred Dixon

unread,
Aug 27, 2019, 4:20:29 PM8/27/19
to BigBlueButton-dev
Why this is marked as abuse? It has been marked as abuse.
Report not abuse
> Thanks a lot for the help guys!

Your welcome!  If you want to contribute back, take a moment and share your experiences with the project



Regards,... Fred

--
You received this message because you are subscribed to the Google Groups "BigBlueButton-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to bigbluebutton-...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/bigbluebutton-dev/acc0e5c5-a62d-4b47-ae8e-c14f8bd3f55b%40googlegroups.com.


--
BigBlueButton Developer
@bigbluebutton

iFieldSmart Technologies

unread,
Aug 28, 2019, 2:57:54 AM8/28/19
to BigBlueButton-dev
Why this is marked as abuse? It has been marked as abuse.
Report not abuse
What you guys have created is great indeed. The possibilities are endless with what you can do with BigBlueButton to customize it to suit to your needs. There are a lot of people using it already and hence the support forum is great too. Most of the queries one might come across are already answered somewhere, you just need to search properly. If it is something new, you guys are always there to resolve unanswered questions. Overall, it has been a great experience so far and I am sure it is gonna keep improving beyond great in the coming time.
Thanks a lot team BigBlueButton!
To unsubscribe from this group and stop receiving emails from it, send an email to bigblueb...@googlegroups.com.

Tiago Jacobs

unread,
Oct 8, 2021, 3:55:37 PM10/8/21
to BigBlueButton-dev
Hello everyone.

I had a situation today and it took me some time - a customer was having problem when trying to use the screen share feature with BBB embeded into an iframe.

It was fixed by adding the permission "display-capture", like this:

<iframe width="100%" height="100%" src="https://your-bbb-link" allow="camera;microphone;display-capture" allowfullscreen></iframe>

Best regards,
Tiago
Reply all
Reply to author
Forward
0 new messages