Add Custom field in interfaceconfig

Developers
1

Hi,

I am looking to start meeting with some custom fields. I wanted two custom fields ‘webinar’ and ‘isHost’

I added both fields inside interfaceConfigWhitelist as shown below.
Secondly, I added the same fields in interface_Config.js and inside the Toolbox component I simply use the following code to grab the fields data but my custom fields are undefined.
Please guide me if there are any extra steps I am missing.

export default [
‘AUDIO_LEVEL_PRIMARY_COLOR’,
‘AUDIO_LEVEL_SECONDARY_COLOR’,
‘AUTO_PIN_LATEST_SCREEN_SHARE’,
‘CLOSE_PAGE_GUEST_HINT’,
‘CONNECTION_INDICATOR_AUTO_HIDE_ENABLED’,
‘CONNECTION_INDICATOR_AUTO_HIDE_TIMEOUT’,
‘CONNECTION_INDICATOR_DISABLED’,
‘DEFAULT_BACKGROUND’,
‘DISABLE_PRESENCE_STATUS’,
‘DISABLE_JOIN_LEAVE_NOTIFICATIONS’,
‘DEFAULT_LOCAL_DISPLAY_NAME’,
‘DEFAULT_REMOTE_DISPLAY_NAME’,
‘DISABLE_DOMINANT_SPEAKER_INDICATOR’,
‘DISABLE_FOCUS_INDICATOR’,
‘DISABLE_PRIVATE_MESSAGES’,
‘DISABLE_RINGING’,
‘DISABLE_TRANSCRIPTION_SUBTITLES’,
‘DISABLE_VIDEO_BACKGROUND’,
‘DISPLAY_WELCOME_PAGE_CONTENT’,
‘ENABLE_DIAL_OUT’,
‘ENABLE_FEEDBACK_ANIMATION’,
‘FILM_STRIP_MAX_HEIGHT’,
‘GENERATE_ROOMNAMES_ON_WELCOME_PAGE’,
‘HIDE_INVITE_MORE_HEADER’,
‘INDICATOR_FONT_SIZES’,
‘INITIAL_TOOLBAR_TIMEOUT’,
‘LANG_DETECTION’,
‘LIVE_STREAMING_HELP_LINK’,
‘LOCAL_THUMBNAIL_RATIO’,
‘MAXIMUM_ZOOMING_COEFFICIENT’,
‘NATIVE_APP_NAME’,
‘OPTIMAL_BROWSERS’,
‘PHONE_NUMBER_REGEX’,
‘PROVIDER_NAME’,
‘RECENT_LIST_ENABLED’,
‘REMOTE_THUMBNAIL_RATIO’,
‘SETTINGS_SECTIONS’,
‘SHARING_FEATURES’,
‘SHOW_CHROME_EXTENSION_BANNER’,
‘SHOW_DEEP_LINKING_IMAGE’,
‘SHOW_POWERED_BY’,
‘SUPPORT_URL’,
‘TILE_VIEW_MAX_COLUMNS’,
‘TOOLBAR_ALWAYS_VISIBLE’,
‘TOOLBAR_BUTTONS’,
‘TOOLBAR_TIMEOUT’,
‘UNSUPPORTED_BROWSERS’,
‘VERTICAL_FILMSTRIP’,
‘VIDEO_LAYOUT_FIT’,
‘VIDEO_QUALITY_LABEL_DISABLED’,
‘webinar’,
‘isHost’
];

2

Not sure what you are doing there, but you are just exporting an array of strings.

3

Hi,

We can initiate meeting through url by passing config parameters likewise startVideoMuted =true or startWithVideoMuted=false etc.
and use it like that

https://meet.myserver.live/1212#config.startWithVideoMuted=true;

Now I wanted to add a few custom fields for my app requirement. So my question is if I wanted to add my own fields inside config and can handle these parameters to achieve the desired result.

Something like that.

https://meet.myserver.live/1212#config.webinar=true;

4

Then you also need to add them to configWhitelist.js or the URL parameters will be ignored.

5

Very interesting ! Where do I find configWhitelist.js and how do I add config parameters that I want to pass via URL ?

6
7

Thanks @emrah, how do I use this whitelistconfig ? I have installed Jitsi Meet on Ubuntu, did not build from source code. Is this config file to be placed at some predefined location or to be specified in config.js ?

8

They are already some examples in this topic

9

Thank you. I think I misunderstood this comment from Saghul - “Then you also need to add them to configWhitelist.js or the URL parameters will be ignored” and was searching for that whitelisting file. Then I realised that recordingService is already part of standard whitelisting and I had to just pass config.recordingService.enabled=false in the meeting URL if I wanted to disable recording.

Thank you all for your inputs, helped me to find this solution.