Skip to content

Latest commit

 

History

History
41 lines (29 loc) · 9.49 KB

using-url-parameters.md

File metadata and controls

41 lines (29 loc) · 9.49 KB
description
With Attributes or URL Parameters you can customize the meeting experience for each individual user after the room has been created.

Using Attributes/URL Params

Attributes can be used on Whereby's pre-built Web Component by adding them to the <whereby-embed> element.

{% hint style="info" %} Note that Attributes and URL Parameters are only compatible with Whereby's pre-built UI and will not work with the React SDK. {% endhint %}

For example, the following component would open the room with the screenshare and people buttons hidden:

<whereby-embed 
    room="https://subdomain.whereby.com/your_room?roomKey=3fe345a"
    screenshare=off
    people=off
/>

URL Parameters are used with an iframe implementation and appended directly to the roomUrl. Several parameters can be combined by using the ampersand symbol (&).

For instance, the following iframe implementation uses URL parameters to disable the screenshare and people buttons:

{% code overflow="wrap" lineNumbers="true" %}

<iframe 
    src="https://subdomain.whereby.com/room?screenshare=off&people=off"
    allow="camera; microphone; fullscreen; display-capture; autoplay; compute-pressure"
/>

{% endcode %}

Attributes/URL parameters reference

Attribute/ParamDescriptionNotes
aec=offTurn off acoustic echo cancellation on audio, useful in situations where higher quality audio is important like in music lessonsAEC must be on in order to use the in room "Noise Reduction" feature.
agc=offTurn off automatic gain control on audioAGC must be on in order to use the in room "Noise Reduction" feature.
audio=offParticipant joins the room with microphone turned off.
audioDenoiser=<on|off>Enables/Disables the noise cancelation featureCan increase CPU load, particularly for older/slower devices
autoHideSelfViewAutomatically hide the self view in the bottom rightFloating the self view to the bottom right is required in order to hide the self view. Must be used with floatSelf for this feature to work
autoSpotlightAutomatically spotlight the local participant on room joinOnly works when the participant joining has host privileges.
avatarUrl=<url>Set the profile avatar of participant.Images must be a square .png or .jpg, maximum of 64pxx64px

The image URL must be listed in the allowed domains section of the dashboard. The image URL must be https and cannot contain query params.
background=offHide the room background.
bottomToolbar=<on|off>Show/hide the entire bottom toolbar.
breakout=<on|off>Show/hide the breakout room feature for the meeting host.
callQualityMonitoring=<on|off>Show/hide the meeting diagnostics button, sidebar, and indicatorsThe rooms top toolbar is required to use the meeting diagnostics feature.
cameraAccess=<on|off>Camera permissions are not requested or used at all. On by default.
cameraEffect=<effect>Set default camera effect to be used. Still user changeable. Values: slight-blur, blur, image-cabin, image-concrete, image-brick, image-sunrise, image-day, image-night
chat=<on|off>Show/hide the chat button
chatTranscriptDownloadOnAllows you to download the chat transcript from a session once it's finishedThis will only enable the chat download functionality for the user that has this parameter included in their url
displayName=<name>Set display name of participantSupports any characters except code characters $!<>:; and can be up to 100 characters long. Strings not in this format will be rejected and the user will be prompted to enter a different display name instead.
externalId=<id>A custom identifier for the participant. Gets saved in Insights dataSupports alphanumeric characters (A-Za-z0-9-_) and can be up to 36 characters long. Strings not in this format will be rejected and return an error. We recommend the UUID v4 format.
floatSelfFloat the self view to the bottom right
groups=Orange,Banana,CoconutPredefine up to 20 groups for the breakout groups function.
lang=<code>Set the room UI language.Czech cs, Chinese (Traditional) zh-hant, Danish da, Dutch nl, English en, French fr, German de, Greek el, Hindi hi, Hungarian hu, Italian it, Japanese jp, Norwegian nb, Portuguese pt, Polish pl, or Spanish es
leaveButton=<on|off>Show/hide the leave button.
localization=<on|off>Show/hide the language pickerHiding the localization options means the user will not be able to change their language preference.
locking=offHide the room lock button.
logo=offHide the logo in the room header.
lowData=<on|off>Use a lower resolution by default
metadata=<string>Gets passed on to the corresponding webhooks.
minimalApplies a minimal UI. Turns off all controls except for cam and mic.

Hidden items: Status bar, chat, screensharing, leave button, and Whereby’s branding

Shown items: Video, audio, and people buttons

moreButton=offHide the more [...] button.
participantCount=offHide the participant counter.
people=offHide the people button.
pipButton=offHide the Picture in Picture button.
precallCeremony=<on|off>Determines if users see the pre-call device and connectivity testThis feature is a subset of the Pre-call review. This means in order for the pre-call tests to appear, pre-call cannot be turned off.
precallCeremonyCanSkip=onAdds functionality for participants to skip the connectivity testThis feature is a subset of the Pre-call review. This means in order for the pre-call tests to appear, pre-call cannot be turned off.
precallPermissionHelpLink=<url>Specify custom help link in pre-call review step pointing users to additional support pages
precallReview=<on|off>Determines if users see the pre-call review step.
roomIntegrations=onEnables YouTube and Miro integrations in the meetingIt is recommended you do testing to verify these integrations behave as expected before releasing to your users.
screenshare=<on|off>Show/hide the screenshare button.
settingsButton=offHide the settings button.
skipMediaPermissionPromptSkips the request permissions UI and asks for devices
subgridLabels=<on|off>Enable name labels for participants in the subgrid
timer=<on|off>Show/hide the meeting timer.
toolbarDarkTextSets button icon labels color to black.
topToolbar=<on|off>Show/hide the entire top toolbar.
video=offParticipant joins the room with camera turned off.
virtualBackgroundUrl=<url>Specify custom virtual background which should be applied to the local participantThe image must be provided in 1280x720 resolution in either image/jpeg or image/png format. In addition, the image should be retrievable using CORS.