Doğuş Technology
Published in

Doğuş Technology

Customization of BigBlueButton 2.2

In my previous post, I explained in detail how to install the BigBlueButton. If you are still having problems with the installation, please re-check the steps in this post.

In this article, we’re going to customize both BigBlueButton 2.2 and its user interface “Greenlight”. Let’s review its folder structure.

File/Folder Structure of Greenlight

When you connect the server via SSH, the root path welcomes you.

In the folder of “greenlight”, there are 2 important files. One of them is “docker-compose.yml” and the other one is “.env” file.

  • docker-compose.yml : To run the apps via Docker
  • .env : Contains some credentials

Convert Greenlight to Customization Mode

If you want to customize Greenlight, you need to take actions below:

We moved “greenlight” folder to “greenlight-old” folder. Then, we clone the original repository to our sever and we copy “.env” file from the old to the new “greenlight” folder. Now, we need to update greenlight’s docker-compose file.

docker-compose.yml opens like this:

We need to change “image:” line with:

So, the final docker-compose.yml must be like that:

Now, we can build and up Greenlight with this:

If there is no error, everything is okay, we can proceed to customizations 😊

Greenlight Customizations

Let’s customize the user interface application of BigBlueButton.

Site Settings Page of Greenlight

How to change the logo?
Login to Greenlight with your admin credentials and click to “organization > site settings”. You can paste your logo URL to “Branding Image” field.

How to change colors?
Login to Greenlight with your admin credentials and click to “organization > site settings”. You can choose a new color by clicking to “Primary Color”.

How to “Features” block in the homepage for guests?
Connect to the server via a simple FTP client. Go to “/greenlight/app/views/main/components/” and edit “_features.html.erb” file with any code editor.

How to page title and favicon?
Connect to the server via a simple FTP client. Go to “/greenlight/app/views/layouts/” and edit “application.html.erb” file with any code editor.

How to remove recordings from logged-in users?
Connect to the server via a simple FTP client. Go to “/greenlight/app/views/users/” and edit “recordings.html.erb” file with any code editor.

BigBlueButton Customizations

Let’s edit the BigBlueButton application for editing meeting pages.

BigBlueButton’s Folders (Transmit)

How to change the page title of the meeting page?

How to change the default welcome message?

How to change some other defaults?

  • Default favicon: /var/www/bigbluebutton-default/favicon.ico
  • Default presentation: /var/www/bigbluebutton-default/default.pptx
  • Default pdf: /var/www/bigbluebutton-default/default.pdf

Bonus 🎉

  • Restart only BigBlueButton:
  • Adding new admin:
  • Recordings: 10 minutes meeting record ~= 10 mb.

Have a great day 👋

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store