Configure Daily Prebuilt's UI for a custom experience

If you need to build a fully custom UI, use the Daily call object.

Enabling and disabling Daily Prebuilt meeting features

Domain, room, and meeting token properties

Many parts of the in-call experience can be customized by changing domain, room or meeting token properties.

Properties that can be set at both the domain and room level

If a property is set for the domain and also set at the room level, the room setting takes precedence.

Domain and room level properties

Properties that can be set at both the room and meeting token level

If a property is set for the room and also set in the meeting token, the meeting token setting takes precedence.

Room and meeting token level properties

These UI-related properties can be specified at the room level:

Room level properties

And these UI-related properties can be configured using meeting tokens:

Meeting token level properties
redirect_on_meeting_exit (can also be set at the domain level)

UI flows when a user joins a meeting: managing room access and pre-meeting experiences

If you’re using Daily Prebuilt, setting enable_prejoin_ui to true at either the room or domain level turns on a lobby experience for call participants. They can check their camera and microphone before joining a call, and also wait to be admitted by the host if the room is private and they are joining without a token.

You can also take advantage of a suite of Daily methods and events geared towards implementing a custom lobby if you're building on top of the Daily call object and using WebSocket signaling (signaling_impl = 'ws' in your room config). With these methods and events you can:

These methods and events are also all available when using Daily Prebuilt if you'd like to build similar waiting room experiences around the call embed.

UI flows when a user leaves a meeting

Two properties control what happens when a user leaves a meeting from a standalone browser tab: close_tab_on_exit and redirect_on_meeting_exit.

If close_tab_on_exit is set to true, the browser tab closes when the user clicks the leave meeting button in the in-call menu bar.

If the redirect_on_meeting_exit property is set, the property value will be interpreted as a URL that the browser should redirect to when the user clicks the leave meeting button. A query string that includes the parameter recent-call=<domain>/<room> is appended to the URL.

By default, there is no leave meeting button when you embed Daily Prebuilt. You control that meeting flow with your own UI code outside the iframe. Or you can add a leave call button to the embedded UI with our Javascript API.

API plan level, and Daily branding

There are currently two different "flavors" of UX defaults for Daily rooms: with Daily branding (Free and Launch plan), and without Daily branding (Scale plan).

This applies to all of the following cases:

  • The room was created by an API call,
  • The call UI is embedded in an iframe,
  • The call was joined via a URL that includes a meeting token

To remove Daily branding, upgrade to the Scale plan. The free and Launch plans include Daily branding. (See API pricing plans.)

Here's a table listing the differences between the two different UX variants:

Meeting elementFree and Launch planScale plan
enable_chatdefault: falsedefault: false
enable_screensharedefault: truedefault: true
enable_recordingnot alloweddefault: not enabled
start_video_offdefault: falsedefault: false
start_audio_offdefault: falsedefault: false
enable_knockingdefault: falsedefault: false
owner_only_broadcastdefault: falsedefault: false
top action/branding barDisplays 'Powered by Daily'none
browser warnings displayednono
menu bar meeting invite info displayedyesyes
help menu/icon displayednono
more-menu "shh" mode buttonownerowner
more-menu top brandingDaily brandingnone

Suggested posts