How do I customize the html5 client background, according to the wishes of the room owner?

1,392 views
Skip to first unread message

Project Cancut

unread,
Jun 3, 2020, 7:33:09 AM6/3/20
to BigBlueButton-dev
Hi everyone, I want to ask a question that matches the title above. is it possible?

If possible, what should I do?
Please answer friends

Cheers!

Kristoff Scherer

unread,
Jun 5, 2020, 5:35:55 AM6/5/20
to BigBlueButton-dev
Same Question!

Anybody with an idea?

THX

vipin jain

unread,
Jun 5, 2020, 6:47:25 AM6/5/20
to bigblueb...@googlegroups.com
Hi,

You can customise the html5client and change the layout. Please go to below link for more details:

Thanks,
Vipin

--
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/517712ee-85ab-4ad4-83eb-bdcf792d5024o%40googlegroups.com.

Cyber Corra

unread,
Jun 5, 2020, 10:09:38 AM6/5/20
to BigBlueButton-dev
Hi,

we're doing a little bit of experimenting passing a custom css url to the client (userdata-bbb_custom_style_url=https://..........) and manipulating some of the elements and classes, adding a small logo and background image.

Still looking into it.

Cheers
html5.css

Project Cancut

unread,
Jun 8, 2020, 10:32:36 PM6/8/20
to BigBlueButton-dev
Hello, sorry for the late reply
Thank you for your answer, but unfortunately that wasn't help. :(
Because IMO we need to access the database and make a simple CRUD to user that have a create room access for background image path or something, that makes every room has a different background.

But the problem is, I don't know what database that bbb html5 is using.
Is mongoDB or Postgre? and how to access it?

Kind regards,
Wisnu


Pada Jumat, 05 Juni 2020 17.47.25 UTC+7, vipin jain menulis:
Hi,

You can customise the html5client and change the layout. Please go to below link for more details:

Thanks,
Vipin

On Fri, Jun 5, 2020 at 3:05 PM Kristoff Scherer <kristof...@gmail.com> wrote:
Same Question!

Anybody with an idea?

THX

--
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 bigblueb...@googlegroups.com.

Cyber Corra

unread,
Jun 11, 2020, 5:09:27 PM6/11/20
to BigBlueButton-dev
Hi,

we manage users, projects and meetings in a custom application; via api calls the application creates bbb meetings providing join links for moderators and users.

Depending on the project, user group or whatever is the need, a specific css is selected and used in the join, in order to have different bbb "looks" for different scenarios. 

regards
CC

Fran Pereyra

unread,
Jun 13, 2020, 1:10:54 AM6/13/20
to BigBlueButton-dev
Hi Cyber. What kind of app are you using?  Is it available/open source? Could you share it? It would be much appreciated.

Thanks,

Matias Silva

unread,
Jun 13, 2020, 6:45:37 PM6/13/20
to BigBlueButton-dev
Hi Fran,

I'm not sure what Cyber is using but in any case you can accomplish all that they are referring to by tacking on "userdata-bbb_" to your join API call. You can do this directly by tinkering with the Greenlight source code or try it out on the API mate. You can look at all the available options here: https://github.com/bigbluebutton/bigbluebutton/blob/develop/bigbluebutton-html5/imports/api/users-settings/server/methods/addUserSettings.js

Martin Thomas Schrott

unread,
Jun 14, 2020, 3:35:50 AM6/14/20
to bigblueb...@googlegroups.com

> I'm not sure what Cyber is using but in any case you can accomplish
> all that they are referring to by tacking on "userdata-bbb_" to your
> join API call. You can do this directly by tinkering with the
> Greenlight source code or try it out on the API mate. You can look at
> all the available options here:
> https://github.com/bigbluebutton/bigbluebutton/blob/develop/bigbluebutton-html5/imports/api/users-settings/server/methods/addUserSettings.js
>
>

Hi, could you please help me to understand how to use the userdata in a
join url?

I tried to add "forceListenOnly=True" or
"userdata-bbb_force_listen_only=True" or
"userdata-bbb_forceListenOnly=True" in the join url with no effect.

Something I am missing ;-)

Or is the userdata.js not active by default and I would have to
customize my bbb?


thanks!

Martin


Matias Silva

unread,
Jun 14, 2020, 3:42:34 AM6/14/20
to BigBlueButton-dev
Hi Martin,


docs.pngYou're almost there. Here's a picture that might help:

This is taken from a PR I made to the documentation, which you can check out here: https://github.com/bigbluebutton/bigbluebutton.github.io/pull/155

You don't need to activate anything else, it really is as simple as passing those parameters into the join request. In your case, it might be the capital T that's messing things up. If you have any further questions, please move the discussion to the bigbluebutton-users group.

Cyber Corra

unread,
Jun 14, 2020, 3:46:58 AM6/14/20
to BigBlueButton-dev
Hi,
the app has been made specifically for a client and is not available.

However, as per Matias Silva suggestion, if you don't want to mess with the code and build your own version of html5 client with custom modification, all you need is to call the join api using the needed user defined parameters.

Append userdata-XXXXXXX=value for any parameter you want to use, can be easily tested in APIMATE.

CC

Cyber Corra

unread,
Jun 14, 2020, 3:50:53 AM6/14/20
to BigBlueButton-dev
Hi,
it should work out of the box, please check which version of BBB/html5 client you are running, because there is a specific build that does not work as expected (client build 894 ).

CC

Martin Thomas Schrott

unread,
Jun 14, 2020, 4:27:20 AM6/14/20
to bigblueb...@googlegroups.com, Cyber Corra

thanks,


still not getting it ... (think it should be okay for the dev list as api calls are quite dev?)


using: Clientversion: 937


okay used lowercase "true" now - with no effect. I tried:

            joinParams['userdata-bbb_force_listen_only'] = "true"
            joinParams['userdata-bbb_listen_only_mode'] = "true"
            joinParams['userdata-forceListenOnly'] = "true"
            joinParams['userdata-listenOnlyMode'] = "true"


still the choice for mic or listen only appears.

(could you write what you added in the pic, as I am blind and do not see your pic?)

also had a look at your pr and there you used userdata-bbb_ so I do not see what I am doing wrong. :-/


thanks

Martin

--
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/65fca77d-11d9-4a74-93ea-8bf31193c3e1o%40googlegroups.com.

Matias Silva

unread,
Jun 14, 2020, 4:32:55 AM6/14/20
to BigBlueButton-dev
Ah, my apologies. The picture is essentially a screenshot of my rendered PR. How are you interfacing with the API? Try running `sudo bbb-conf --secret` then take the API mate link and then at the bottom under custom parameters, try userdata-bbb_force_listen_only=true. That should work and then once you have that, you just need to interface correctly with the API.

As for whether this is dev or not, the group is dedicated to "making changes to BigBlueButton source, understanding BigBlueButton's architecture, and feature requests". I wouldn't count this as understanding architecture, it really is more of a users question. No worries though, this is just so we can start to move away from using the dev group as a dumping ground for errors and how-tos.
To unsubscribe from this group and stop receiving emails from it, send an email to bigblueb...@googlegroups.com.

Martin Thomas Schrott

unread,
Jun 14, 2020, 4:50:02 AM6/14/20
to 'Matias Silva' via BigBlueButton-dev


Am 14.06.2020 um 10:32 schrieb 'Matias Silva' via BigBlueButton-dev:
Ah, my apologies. The picture is essentially a screenshot of my rendered PR. How are you interfacing with the API? Try running `sudo bbb-conf --secret` then take the API mate link and then at the bottom under custom parameters, try userdata-bbb_force_listen_only=true. That should work and then once you have that, you just need to interface correctly with the API.


I am using the python library to generate the link and as the get_join_url function does not allow parameters, I use the util/UrlBuilder to create the url. This works well so far for the normal join url without the listenOnly.

here is the link I generate - that is not working though (changed pw and url/checksum)

https://bbb30.my.domain/bigbluebutton/api/join?fullName=system+administrator&userdata-bbb_force_listen_only=true&password=xxrqLQ&meetingID=fxxx01054cb6dbxx8dfc6aa8209dd049f3f218a0&checksum=83xxxx3b5ee19a50237aa880ecd8a43209bd1d

I am logged in with the popup to choose mic or listenOnly.

what am I still missing? :-/


ok will keep in mind to choose users for such questions in future. But will have to join there too, as I am mainly helping out here ;-)

cheers

Martin




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/ad47720a-a8e7-494b-9f88-07efc3513791o%40googlegroups.com.

Matias Silva

unread,
Jun 14, 2020, 4:56:32 AM6/14/20
to BigBlueButton-dev

Martin Thomas Schrott

unread,
Jun 14, 2020, 5:02:07 AM6/14/20
to bigblueb...@googlegroups.com

:-/

I fear there is a missunderstanding ... you where talking about the "join" url and specifying the userdata parameter.

Now in your example you have a create link ...


Do the userdata parameters only work for creating rooms? Then that won't help me, as I do need the parameter per user.


will try another userdata argument though to check this out.


cheers

Martin

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/abd112b8-5b4f-4dbf-9159-99c9afb962b6o%40googlegroups.com.

Matias Silva

unread,
Jun 14, 2020, 5:04:42 AM6/14/20
to BigBlueButton-dev

Martin Thomas Schrott

unread,
Jun 14, 2020, 5:15:11 AM6/14/20
to bigblueb...@googlegroups.com

Matias Silva

unread,
Jun 14, 2020, 5:18:27 AM6/14/20
to BigBlueButton-dev
I've just tried the API call. It works for non-moderators, as expected. You must be joining as a moderator then.

Martin Thomas Schrott

unread,
Jun 14, 2020, 5:28:58 AM6/14/20
to bigblueb...@googlegroups.com

...oh, yes I am.

why does it not work for moderators? ...will try as atendee - sorry, did not realize that.

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/21dd804a-3d94-46f7-9738-6c0be3dfddc3o%40googlegroups.com.

Martin Thomas Schrott

unread,
Jun 14, 2020, 5:53:18 AM6/14/20
to bigblueb...@googlegroups.com

ok, works for attendees ... but instead of the mic/listenOnly popup I now get an confirmation question to allow audio. :-(

as my goal was to get no popup it makes no sense at all, or can I disable this too?

Thought "auto_join_audio" would have done that :-/


cheers

Martin

Martin Thomas Schrott

unread,
Jun 14, 2020, 6:45:24 AM6/14/20
to bigblueb...@googlegroups.com

Matias,


thanks a lot, I got it to work with listenOnly = false. This way I can join with mic and without any popup.

this is okay for my case.


Anyway I think it is a bug, that the popup still comes up  if I instead choose force_listen_only with auto_join_audio.

It should do exactly the opposite, join automatically without asking for confirmation, as it does with listen_only_mode = false.

otherwise the auto_join_audio does not make sense.  hope someone knows where to fix this little issue.

if both, mic and listen only mode work without confirmation when auto_join_audio = true, then it would be perfect.

Matias Silva

unread,
Jun 14, 2020, 7:16:08 AM6/14/20
to BigBlueButton-dev
Yeah, it wouldn't make much sense to have moderators listen-only then nobody would be able to speak :) I believe it's a matter of playing around with the existing options and seeing how they work together. Once my documentation is approved, hopefully this will get cleared up.
--
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 bigblueb...@googlegroups.com.
--
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 bigblueb...@googlegroups.com.

Martin Thomas Schrott

unread,
Jun 14, 2020, 7:18:47 AM6/14/20
to bigblueb...@googlegroups.com

...

not agreeing.

it defenitely makes sense to make moderators listen only! not for presenters though. ;-) but if you have a bunch of moderators there might be some that never want to speak, we had that during the conference in the past days.


additionally the listen only auto_join_audio does not work for attendees either.


cheers

Martin

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/0bbc69a6-4abd-48e3-a428-d13df116c790o%40googlegroups.com.

Matias Silva

unread,
Jun 14, 2020, 7:47:28 AM6/14/20
to BigBlueButton-dev
Recall that someone must first join as moderator to be allocated as presenter. Though as this is per join call, you can set up special permissions on your installation and only grant this to certain people. I believe the auto_join_audio needs to be used in tandem with another param. You can find out how by searching for that param in the bbb repo. Anyway, glad we got this sorted for you ;)

Martin Thomas Schrott

unread,
Jun 14, 2020, 8:15:46 AM6/14/20
to bigblueb...@googlegroups.com
Matias,


yes, I also am aware, that auto_join_audio needs to be used with some
other params.

But as stated, there are two problems / bugs that would have to be
fixed, as it seems.


* listenOnly does not work for moderators, but it really would make
sense, as there can be a lot of moderators in a room and you even may
wish rooms without audio anyway. Not all moderators do have to use the
same link though. ;-)


* auto_join_audio does only work for listen_only_mode=false, not for
force_listen_only=true

to be consistent it would have to work for both, listen_only_mode=false
and force_listen_only=true


cheers

Martin


Matias Silva

unread,
Jun 14, 2020, 8:31:25 AM6/14/20
to BigBlueButton-dev
Now this sounds like something worth opening an issue on GitHub on ;) We can investigate it further there.

Martin Thomas Schrott

unread,
Jun 14, 2020, 8:33:07 AM6/14/20
to bigblueb...@googlegroups.com

agree :-)

did you already open an issue or should I open one?

cheers

Martin

--
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/6f73c202-7621-4c65-bd1b-6f69a7d639aeo%40googlegroups.com.

Matias Silva

unread,
Jun 14, 2020, 8:37:46 AM6/14/20
to BigBlueButton-dev
Go ahead! This is of your own discovery, you know it best.
To unsubscribe from this group and stop receiving emails from it, send an email to bigblueb...@googlegroups.com.

Martin Thomas Schrott

unread,
Jun 14, 2020, 9:13:02 AM6/14/20
to bigblueb...@googlegroups.com
to close this topic in the list ...


I opened an issue for the problems:

https://github.com/bigbluebutton/bigbluebutton/issues/9840


cheers

Martin

vipin jain

unread,
Jun 17, 2020, 1:51:40 PM6/17/20
to bigblueb...@googlegroups.com
It is using mongo.


On Tuesday, June 9, 2020, Project Cancut <projec...@gmail.com> wrote:
Hello, sorry for the late reply
Thank you for your answer, but unfortunately that wasn't help. :(
Because IMO we need to access the database and make a simple CRUD to user that have a create room access for background image path or something, that makes every room has a different background.

But the problem is, I don't know what database that bbb html5 is using.
Is mongoDB or Postgre? and how to access it?

Kind regards,
Wisnu

Pada Jumat, 05 Juni 2020 17.47.25 UTC+7, vipin jain menulis:
Hi,

You can customise the html5client and change the layout. Please go to below link for more details:

Thanks,
Vipin

On Fri, Jun 5, 2020 at 3:05 PM Kristoff Scherer <kristof...@gmail.com> wrote:
Same Question!

Anybody with an idea?

THX

--
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 bigblueb...@googlegroups.com.

--
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-dev+unsubscribe@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/bigbluebutton-dev/60c89242-89bc-4939-af0d-bd65170ea0eco%40googlegroups.com.

Matias Silva

unread,
Jun 17, 2020, 2:04:01 PM6/17/20
to bigblueb...@googlegroups.com
Hi guys,

Please move to
https://groups.google.com/forum/#!forum/bigbluebutton-setup. I will
provide a solution here but please move there if you have any further
questions. You can enable the branding area per room and change settings
per room via these options:
https://docs.bigbluebutton.org/2.2/customize.html#branding-parameters.
You can even change the logo for different users. There is an example of
how to do that somewhere in this mailing list, just google it.

---
Thanks, Matias

On 2020-06-17 18:51, vipin jain wrote:
> It is using mongo.
>
> On Tuesday, June 9, 2020, Project Cancut <projec...@gmail.com>
> wrote:
>
>> Hello, sorry for the late replyThank you for your answer, but
>> unfortunately that wasn't help. :(
>> Because IMO we need to access the database and make a simple CRUD to
>> user that have a create room access for background image path or
>> something, that makes every room has a different background.
>>
>> But the problem is, I don't know what database that bbb html5 is
>> using.
>> Is mongoDB or Postgre? and how to access it?
>>
>> Kind regards,
>> Wisnu
>>
>> Pada Jumat, 05 Juni 2020 17.47.25 UTC+7, vipin jain menulis:
>>
>> Hi,
>>
>> You can customise the html5client and change the layout. Please go
>> to below link for more details:
>> https://docs.bigbluebutton.org/2.2/dev.html [1]
>>
>> Thanks,
>> Vipin
>>
>> On Fri, Jun 5, 2020 at 3:05 PM Kristoff Scherer
>> <kristof...@gmail.com> wrote:
>>
>> Same Question!
>>
>> Anybody with an idea?
>>
>> THX
>>
>> --
>> 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 bigblueb...@googlegroups.com.
>> To view this discussion on the web visit
>>
> https://groups.google.com/d/msgid/bigbluebutton-dev/517712ee-85ab-4ad4-83eb-bdcf792d5024o%40googlegroups.com
>> [2].
>
> --
> 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/60c89242-89bc-4939-af0d-bd65170ea0eco%40googlegroups.com
> [3].
>
> --
> 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/CAFVBnJi-Lim2jd%2BvRr%3Dm6N26C1s4FbVYftQGgwA4ZeN%3D5BpR2w%40mail.gmail.com
> [4].
>
>
> Links:
> ------
> [1] https://docs.bigbluebutton.org/2.2/dev.html
> [2]
> https://groups.google.com/d/msgid/bigbluebutton-dev/517712ee-85ab-4ad4-83eb-bdcf792d5024o%40googlegroups.com?utm_medium=email&amp;utm_source=footer
> [3]
> https://groups.google.com/d/msgid/bigbluebutton-dev/60c89242-89bc-4939-af0d-bd65170ea0eco%40googlegroups.com?utm_medium=email&amp;utm_source=footer
> [4]
> https://groups.google.com/d/msgid/bigbluebutton-dev/CAFVBnJi-Lim2jd%2BvRr%3Dm6N26C1s4FbVYftQGgwA4ZeN%3D5BpR2w%40mail.gmail.com?utm_medium=email&utm_source=footer
Reply all
Reply to author
Forward
0 new messages