Changing Jitsi UI and removing 3 dots button on hosted server

Question

I am new to server side of coding. Somehow looking at tutorials I was able to host Jitsi server on my hosting.

I am using jitsi_meet plugin with flutter. Till now Jitsi works as expected in app. What I need is remove text

You are the only one in meeting

and also remove 3 dots menu icon. Instead of menu icon I would love to have camera swap icon there.

What I have done is in /etc/jitsi/meet/my-domain.com-config.js is below

// - if `toolbarButtons` is undefined, we fallback to enabling all buttons on the UI
toolbarButtons: [
    'camera',
    //'chat',
    //'closedcaptions',
    //'desktop',
    //'download',
    //'embedmeeting',
    //'etherpad',
    //'feedback',
    //'filmstrip',
    //'fullscreen',
    'hangup',
    //'help',
    //'invite',
    //'livestreaming',
    'microphone',
    //'mute-everyone',
    //'mute-video-everyone',
    //'participants-pane',
    //'profile',
    //'raisehand',
    //'recording',
    //'security',
    //'select-background',
    //'settings',
    //'shareaudio',
    //'sharedvideo',
    //'shortcuts',
    //'stats',
    //'tileview',
    'toggle-camera',
    //'videoquality',
    //'__end'
],

But it only made changes to website version not on mobile app (I am using flutter pluging jitsi_meet).

Is there anything else I need to do as well? Please help, how to go about it.

Answer 1

As far as I remember there should be separate code for web and mobile apps. So you should look more into the codes and understand the separation and you will definitely be able to tweak the UI you are wanting. You can also follow threads like this.

For more responses, you can post in jitsi community where there are lots of jitsi enthusiasts who can guide/help you along your journey related to jitsi. Thanks.