> ## Documentation Index
> Fetch the complete documentation index at: https://docs.daily.co/llms.txt
> Use this file to discover all available pages before exploring further.

# DailyCallOptions

> Configuration options accepted by Daily factory methods and join().

`DailyCallOptions` is the configuration object accepted by Daily's factory methods ([`createCallObject()`](/reference/daily-js/factory-methods/create-call-object), [`createFrame()`](/reference/daily-js/factory-methods/create-frame), etc.) and by [`join()`](/reference/daily-js/instance-methods/join) and [`load()`](/reference/daily-js/instance-methods/load). Properties marked with `*` are only supported in [Prebuilt](/docs/prebuilt) mode. Properties marked as `dailyConfig` must be nested inside a `dailyConfig` key.

```javascript theme={null}
const call = Daily.createCallObject({
  subscribeToTracksAutomatically: false,
  dailyConfig: {
    micAudioMode: 'music',
  },
});

await call.join({
  url: 'https://your-domain.daily.co/room-name',
  token: 'YOUR_TOKEN',
  startVideoOff: true,
});
```

## Properties

<Note>
  `*` after a property name indicates that property is only supported when using [Daily Prebuilt](/docs/prebuilt).
</Note>

<ParamField body="url" type="string">
  Optional as a DailyCall property if a url is passed to the `join()` method. Otherwise, required.
</ParamField>

<ParamField body="token" type="string">
  Optional [meeting token](/reference/rest-api/meeting-tokens)

  (Used with the `join()` method).
</ParamField>

<ParamField body="startVideoOff" type="boolean">
  Optional: set to `true` to disable the default behavior of automatically turning on your camera on the first call to either `join()` or `startCamera()`.

  Note: this means that if you turn on your camera as part of or after `startCamera()`, using `startVideoOff: true` in a subsequent `join()` will have no effect.

  You can also control what happens on a direct `join()` (i.e. without `startCamera()` first) using [token](/reference/rest-api/meeting-tokens/create-meeting-token#body-properties-start-video-off) or [room](/reference/rest-api/rooms/get-room#response-config-start-video-off) properties.
</ParamField>

<ParamField body="startAudioOff" type="boolean">
  Optional: set to `true` to disable the default behavior of automatically turning on your microphone on the first call to either `join()` or `startCamera()`.

  Note: this means that if you turn on your microphone as part of or after `startCamera()`, using `startAudioOff: true` in a subsequent `join()` will have no effect.

  You can also control what happens on a direct `join()` (i.e. without `startCamera()` first) using [token](/reference/rest-api/meeting-tokens/create-meeting-token#body-properties-start-video-off) or [room](/reference/rest-api/rooms/get-room#response-config-start-video-off) properties.
</ParamField>

<ParamField body="lang*" type="string">
  Optional: the default language of [Daily Prebuilt](/docs/prebuilt)

  Currently suppported languages are:

  * `"da"`: Danish

  * `"de"`: German

  * `"en"`: English

  * `"es"`: Spanish

  * `"fi"`: Finnish

  * `"fr"`: French

  * `"it"`: Italian

  * `"jp"`: Japanese

  * `"ka"`: Georgian

  * `"nl"`: Dutch

  * `"no"`: Norwegian

  * `"pt"`: Portuguese (Portugal)

  * `"pt-BR"`: Portuguese (Brazil)

  * `"pl"`: Polish

  * `"ru"`: Russian

  * `"sv"`: Swedish

  * `"tr"`: Turkish

  * `"user"`: Uses the browser's current language setting (defaults to English if the language is not one of the above supported language)
</ParamField>

<ParamField body="showLeaveButton*" type="boolean">
  Optional

  Defaults to false
</ParamField>

<ParamField body="showFullscreenButton*" type="boolean">
  Optional

  Defaults to false

  ⚠️iOS 15.1 and greater does not support this feature
</ParamField>

<ParamField body="showUserNameChangeUI*" type="boolean">
  Optional: Display the user name change UI in [Daily Prebuilt](/docs/prebuilt).

  Default: true

  ⚠️Use a token to populate a `user_name` in the Daily Prebuilt UI when this property is disabled.
</ParamField>

<ParamField body="iframeStyle*" type="object">
  Optional: Used only by [`createFrame()`](/reference/daily-js/factory-methods/create-frame)

  Example object:

  ```javascript theme={null}
  \{
    iframeStyle: \{
      position: 'fixed',
      border: '1px solid black',
      width: '375px',
      height: '450px',
      right: '1em',
      bottom: '1em'
    \}
  \}
  ```
</ParamField>

<ParamField body="theme*" type="object">
  Allows theme color customization, on either a global, or per sub-theme, basis (`light` and `dark`).

  See [`setTheme()`](/reference/daily-js/instance-methods/set-theme) for detailed options.
</ParamField>

<ParamField body="avoidEval" type="boolean">
  This configuration property only applies when using `daily-js`'s call object (custom) mode *and* when a CSP (Content Security Policy) is defined. As of `daily-js` v0.27.0, developers using a CSP can remove `'unsafe-eval'` from their `script-src` directive but must pass `'https://*.daily.co'` in its place. Must be passed as a property of a `dailyConfig` object. Learn more in our [CSP guide](/docs/guides/privacy-and-security/content-security-policy#avoiding-the-unsafe-eval-requirement).

  Default: false
</ParamField>

<ParamField body="keepCamIndicatorLightOn" type="boolean">
  ⚠️ This configuration property only applies when building on top of [the Daily call object](/call-object). Must be passed as a property of a `dailyConfig` object.

  Optional: Setting to true will keep the hardware video light on even when the participant camera is disabled.

  Default: false
</ParamField>

<ParamField body="experimentalChromeVideoMuteLightOff" type="boolean">
  ⚠️ Removed in `daily-js 0.43.0`; use [`keepCamIndicatorLightOn`](/reference/daily-js/types/daily-call-options#param-keep-cam-indicator-light-on) instead. This configuration property only applies when building on top of [the Daily call object](/call-object). Must be passed as a property of a `dailyConfig` object.

  Optional: Setting to true will disable the hardware video light when the participant camera is disabled.

  Default: false
</ParamField>

<ParamField body="alwaysIncludeMicInPermissionPrompt" type="boolean">
  ⚠️ This configuration property only applies when building on top of [the Daily call object](/call-object). Must be passed as a property of a `dailyConfig` object.

  Optional: Setting to false will make it so that, if the user needs to be prompted by the browser for camera access, that access prompt won't also include a request for microphone access.

  Default: true. For most apps, if the user turns on their camera first, it's preferable to prompt for both camera and microphone access up front to avoid a second prompt when the user later turns on their microphone.
</ParamField>

<ParamField body="alwaysIncludeCamInPermissionPrompt" type="boolean">
  ⚠️ This configuration property only applies when building on top of [the Daily call object](/call-object). Must be passed as a property of a `dailyConfig` object.

  Optional: Setting to true will make it so that when the user is first prompted by the browser for device access, the prompt will always include a request for camera access, even if the user is only turning on their microphone.

  Default: false. For most apps, if the user turns on their microphone first, it would be surprising to be asked for camera access as well.)
</ParamField>

<ParamField body="userName" type="string">
  Optional: Sets the participant's userName
</ParamField>

<ParamField body="userData" type="unknown">
  Optional: Sets custom `userData` on the participant. See [`setUserData()`](/reference/daily-js/instance-methods/set-user-data) for more details and requirements.

  For Daily Prebuilt, you can use `userData` to add a custom avatar image that will be displayed for muted participant tiles and in the People tab. To add this, include `avatar: 'https://example.com/avatar.jpg'` in the userData object. The avatar image URL must be publicly accessible. When a custom avatar image is set, it will displayed on the participant's tile and in the People tab.
</ParamField>

<ParamField body="subscribeToTracksAutomatically" type="boolean">
  Optional: Receive all audio, video, and screen tracks from all call participants

  Default: true

  ⚠️This configuration property is not supported when using [Daily Prebuilt](https://www.daily.co/prebuilt).

  Applies only when building with the [Daily call object](/docs/daily-js/concepts/call-modes#call-object-mode) and while connected in [SFU mode](/docs/guides/architecture-and-monitoring/intro-to-video-arch#the-architecture-of-a-room-p2p-vs-sfu-calls).

  A value of `false` means no tracks will be received until they are explicitly subscribed to. Read more about manual track subscriptions in our [docs](/reference/daily-js/instance-methods/update-participant#param-set-subscribed-tracks).
</ParamField>

<ParamField body="audioSource" type="boolean or MediaStreamTrack object">
  Optional: set the audio track, device, or initial state for the call.

  Default: true

  ⚠️This configuration property is not supported when using [Daily Prebuilt](https://www.daily.co/prebuilt).

  Pass false only if the participant's audio should remain muted the entire call.

  Pass a device ID string (like you get back from `enumerateDevices()` to specify what audio input device to use.

  Or pass a [MediaStreamTrack object](https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack) to use that audio/video track directly. If you pass a MediaStreamTrack, you're responsible for managing the lifecycle of that track. If you pass a Device ID string, the Daily API will manage the media track for that device.
</ParamField>

<ParamField body="videoSource" type="boolean or MediaStreamTrack object">
  Optional: set the video track, device, or initial state for the call.

  Default: true

  ⚠️This configuration property is not supported when using [Daily Prebuilt](https://www.daily.co/prebuilt).

  Pass false only if the participant's video should remain muted the entire call.

  Pass a device ID string (like you get back from [`enumerateDevices()`](/reference/daily-js/instance-methods/enumerate-devices)) to specify what video input device to use.

  Or pass a [MediaStreamTrack object](https://developer.mozilla.org/en-US/docs/Web/API/MediaStreamTrack) to use that audio/video track directly. If you pass a MediaStreamTrack, you're responsible for managing the lifecycle of that track. If you pass a Device ID string, the Daily API will manage the media track for that device.
</ParamField>

<ParamField body="showLocalVideo*" type="boolean">
  Optional: Display the video of the local call participant in [Daily Prebuilt](/docs/prebuilt).

  Default: true

  Useful for [webinar-style applications](https://www.daily.co/blog/customize-your-prebuilt-video-call-ui-with-dailys-latest-methods-and-properties/).
</ParamField>

<ParamField body="showParticipantsBar*" type="boolean">
  Optional: Controls visibility of other participants' videos in [Daily Prebuilt](/docs/prebuilt)'s speaker view.

  Default: true

  Useful for [webinar-style applications](https://www.daily.co/blog/customize-your-prebuilt-video-call-ui-with-dailys-latest-methods-and-properties/).
</ParamField>

<ParamField body="activeSpeakerMode*" type="boolean">
  Optional: Specifies whether to start the [Daily Prebuilt](https://www.daily.co/prebuilt) call in [active speaker mode](/reference/daily-js/instance-methods/active-speaker-mode). Defaults to true, but can be set to false to start the call in grid mode instead.

  Default: true
</ParamField>

<ParamField body="layoutConfig*" type="object">
  Optional: Takes an object of the form: `\{grid: \{ minTilesPerPage: [number], maxTilesPerPage: [number] \}\}`, which specifies how the grid of video tiles behave when the browser is resized when the call is in grid mode.

  Default:

  `maxTilesPerPage` defaults to 25, with a limit of 49\*.

  `minTilesPerPage` defaults to 1, with a minimum of 1.

  \*If you need more than 49 max tiles, please [contact us](https://www.daily.co/contact).
</ParamField>

<ParamField body="receiveSettings" type="object">
  Optional: Takes a media receive settings object (see [`updateReceiveSettings()`](/reference/daily-js/instance-methods/update-receive-settings) for details). Specifies the receive settings to use right away upon joining the call.
</ParamField>

<ParamField body="inputSettings" type="object">
  Optional: Applies settings to alter local input media streams, making it possible to override track constraints and/or enable a media processor like `"noise-cancellation"` or `"background-blur"`. See [`updateInputSettings()`](/reference/daily-js/instance-methods/update-input-settings) for details.
</ParamField>

<ParamField body="sendSettings" type="object">
  Optional: Takes a media send settings object (see [`updateSendSettings()`](/reference/daily-js/instance-methods/update-send-settings) for details). Specifies the send settings to use right away upon joining the call.
</ParamField>

<ParamField body="camSimulcastEncodings" type="object">
  This property has been deprecated. Instead, use the [`sendSettings`](/reference/daily-js/types/daily-call-options#param-send-settings) iframe property to specify custom simulcast encodings.

  Optional: Requests that a participant sends video spatial layers with specific simulcast encodings (`maxBitrate`, `maxFramerate`, and `scaleResolutionDownBy`) to the server. Must be passed as a property of a `dailyConfig` object.

  <Badge color="yellow">Deprecated</Badge>
</ParamField>

<ParamField body="micAudioMode" type="string or object">
  Optional (Advanced): Configures the sender's audio tracks (`audio` or `screenAudio`) to be either `music` or `speech`. When set to `music`, a 256kbps stereo audio track will be sent to other participants. When set to `speech`, browser defaults will be applied.

  Alternatively, an object can be provided in order to specify the audio bitrate and stereo mode. The bitrate is a number in bits per second and the stereo mode is a boolean, where `true` enables 2-channel stereo audio and `false` enables 1-channel mono audio.

  Must be passed as a property of a `dailyConfig` object.

  `micAudioMode` works in SFU mode only.

  Example object:

  ```javascript theme={null}
  \{
    micAudioMode: \{
      bitrate: 128000,
      stereo: false,
    \},
  \}
  ```

  Default: `null`
</ParamField>

<ParamField body="userMediaAudioConstraints" type="object">
  This property has been deprecated. Instead, use the [`inputSettings`](/reference/daily-js/types/daily-call-options#param-input-settings) iframe property to specify custom constraints.

  Optional (Advanced): Allows for audio media constraints to be defined. Must be passed as a property of a `dailyConfig` object. The value passed should be a [`MediaTrackConstraints`](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints) object.

  Constraints will be used when Daily invokes [`getUserMedia()`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia).

  If `micAudioMode` is set to `music`, this property will be overwritten in favor of the `music` settings.

  <Badge color="yellow">Deprecated</Badge>
</ParamField>

<ParamField body="userMediaVideoConstraints" type="object">
  This property has been deprecated on daily-js. Instead, use the [`inputSettings`](/reference/daily-js/types/daily-call-options#param-input-settings) iframe property to specify custom constraints.

  Optional (Advanced): Allows for video media constraints to be defined. Must be passed as a property of a `dailyConfig` object. The value passed should be a [`MediaTrackConstraints`](https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints) objects.

  Constraints will be used when Daily invokes [`getUserMedia()`](https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia).

  <Badge color="yellow">Deprecated</Badge>
</ParamField>

<ParamField body="useLegacyVideoProcessor" type="boolean">
  Must be passed as a property of a `dailyConfig` object.

  Optional: Setting to true will cause Daily to prefer the legacy video processing provider (i.e. for background blur and background image replacement). The legacy provider was the default provider until `daily-js 0.56.0`.

  Default: false
</ParamField>

<ParamField body="allowMultipleCallInstances" type="boolean">
  Must be passed as a property in a [factory method](/reference/daily-js/factory-methods).

  Optional: Setting to true will override Daily's default behavior and allow multiple call instances to exist and work simultaneously. See [this guide](/docs/daily-js/guides/multi-instance) for more.

  Introduced in `daily-js 0.67.0`.

  Default: false
</ParamField>

<ParamField body="strictMode" type="boolean">
  Must be passed as a property in a [factory method](/reference/daily-js/factory-methods).

  Optional: Setting to false will override override Daily's default behavior and allow a call instance to be used after it has been destroyed. Use of this flag is discouraged.

  Default: true
</ParamField>

<ParamField body="customTrayButtons*" type="object">
  Optional: Configures a set of custom buttons in your [Daily Prebuilt](/docs/prebuilt) call through the passed-in dictionary. You can pass multiple custom buttons in at once. Because Daily Prebuilt runs in an `<iframe>`, the `iconPath` and  `iconPathDarkMode` values must each be a URL, complete with the `https:` protocol string.

  Example object:

  ```javascript theme={null}
  \{
    customTrayButtons: \{
      customButtonOne: \{
        iconPath: 'https://example.com/path/to/your/icon.svg',
        iconPathDarkMode: 'https://example.com/path/to/your/darkmode/icon.svg',
        label: 'My Custom Button',
        tooltip: 'My Custom Button Tooltip',
        visualState: 'default'
      \},
      customButtonTwo: \{
        iconPath: 'https://example.com/path/to/your/icon.svg',
        label: 'Another Custom Button',
        tooltip: 'Another Custom Button Tooltip',
      \},
    \},
  \}
  ```

  `visualState` can be one of

  * `"default"`: default style
  * `"active"`: adds a red background to the provided icon. Use this when the custom button represents a service or state, where `"active"` indicates the service is running or the state is active.
  * `"sidebar-open"`: requires setting a [customIntegration](#customIntegrations) with `"location": "sidebar"`. When the sidebar tab is active, this custom button will have a little bottom-border indicator, similar to "People", "Chat" or "Network".
</ParamField>

<ParamField body="customIntegrations*" type="object">
  Optional (Advanced): Configures Daily Prebuilt so that an Internet hosted website can be embedded into Prebuilt as an iframe. Active integrations will appear in one of two areas: in the `main` call area or the `sidebar`. The location depends on the configuration. `main` integrations will appear in the main call area, only when they are running. `sidebar` integrations will appear as additional tabs in the Prebuilt sidebar. The full list of properties are referenced [here](/reference/daily-js/instance-methods/set-custom-integrations#param-custom-integrations).

  Example object:

  ```javascript theme={null}
  \{
    const miroEmbed: DailyCustomIntegration = \{
      iconURL: 'https://files.readme.io/17d4a23-miro-logo-color-square.png',
      label: 'Miro',
      location: 'main',
      name: 'miro',
      shared: false,
      allow: 'fullscreen; clipboard-read; clipboard-write',
      src: '',
    \}
  \}
  ```
</ParamField>

<ParamField body="iceConfig" type="object">
  Optional (Advanced): Allows for specifying custom TURN servers rather than only using Daily's default TURN servers.

  ⚠️ This configuration property is part of the Advanced Firewall Control add-on. Please contact [Sales](https://live.daily.co/talk-to-us) to enable this functionality.

  Must be passed as a property of a `dailyConfig` object.

  #### Properties:

  `iceServers`:

  * type: [`RTCIceServer[]`](https://w3c.github.io/webrtc-pc/#dom-rtciceserver)
  * description: Each object in the array has properties `urls`, `username` and `credential`. See [`RTCIceServer[]`](https://w3c.github.io/webrtc-pc/#dom-rtciceserver) for full description.
  * default: `[]`

  `placement`:

  * type: `'front'` | `'back'` | `'replace'`
  * description: Controls how the provided `iceServers` are included relative to the Daily-provided servers. `'front'` means the provided `iceServers` are included in the array first. `'back'` means the Daily-provided servers are included first. `'replace'` means that only the provided `iceServers` are used. Since all known WebRTC implementations will try all included `iceServers` and pick one based on the lowest RTT, we recommend omitting this property unless using `'replace'`.
  * default: `'front'`

  `iceTransportPolicy`:

  * type: `'all'` | `'relay'`
  * description: `'all'` will use all of the candidates. `'relay'` will only use relay candidates, such as those passing through a TURN server. See [`RTCIceTransportPolicy` Enum](https://w3c.github.io/webrtc-pc/#rtcicetransportpolicy-enum) for more information. Note: Forcing the use of relay candidates is useful for testing, but for most production use cases, the default value of `'all'` should be used.
  * default: `'all'`

  Example object:

  ```javascript theme={null}
  \{
    iceConfig: \{
      iceServers: [
        \{
          "urls": [
            "stun:stunserver.example.org:3478",
            "turn:turnserver.example.org:3478?transport=udp",
            "turn:turnserver.example.org:3478?transport=tcp",
            "turn:turnserver.example.org:443?transport=tcp",
            "turns:turnserver.example.org:443?transport=tcp"
          ],
          "username": "[USER_NAME]",
          "credential": "[CREDENTIAL]"
        \}
      ],
    \},
  \}
  ```

  After setting `iceConfig` as a frame property, it will be necessary to call [`setIceConfig()`](/reference/daily-js/instance-methods/set-ice-config) periodically so that the `iceServer` credentials remain valid, in case they are needed for reconnections, or to connect to new peers in peer mode.

  It is recommended to use TURN server credentials that are valid for more than one hour, and call [`setIceConfig()`](/reference/daily-js/instance-methods/set-ice-config) every hour to refresh the credentials, if possible.
</ParamField>

<ParamField body="proxyUrl" type="string">
  Optional (Advanced): If defined, connections to Daily's HTTPS and WebSocket endpoints will be sent instead to the specified proxy server.

  ⚠️ This configuration property is part of the Advanced Firewall Control add-on. Please contact [Sales](https://live.daily.co/talk-to-us) to enable this functionality.

  Must be passed as a property of a `dailyConfig` object. Defaults to `null`.

  Example:

  ```javascript theme={null}
  // Pass configuration properties to createFrame()
  call = window.Daily.createFrame(\{
    iframeStyle: \{
      position: 'fixed',
      border: '1px solid black',
      width: '375px',
      height: '450px',
      right: '1em',
      bottom: '1em',
    \},
    dailyConfig: \{
      micAudioMode: 'music',
      proxyUrl: 'https://my-proxy-server:8080',
    \},
    showLeaveButton: true,
    showFullscreenButton: true,
  \});
  call.join(\{ url: 'DAILY_ROOM_URL' \});
  ```

  If needed, [`setProxyUrl()`](/reference/daily-js/instance-methods/set-proxy-url) can be used to modify the property once set.

  #### Proxy requirements

  The proxy server must proxy HTTPS connections to:

  * [https://prod-ks.pluot.blue/](https://prod-ks.pluot.blue/)\*
  * [https://c.daily.co/](https://c.daily.co/)\*
  * [https://gs.daily.co/](https://gs.daily.co/)\*

  It must also proxy HTTPS connections converting to WebSockets on `*.wss.daily.co` and `*-wss.daily.co`. If possible, proxying on `*.daily.co` is best.

  Note: the URLs listed here are subject to change in subsequent releases of `daily-js`.
</ParamField>
