StartMediaButton
function StartMediaButton(__namedParameters): Element;Defined in: packages/react/src/components/controlbar/StartMediaButton.tsx:35
The StartMediaButton component is only visible when the browser blocks media playback. This is due to some browser implemented autoplay policies. To start media playback, the user must perform a user-initiated event such as clicking
Parameters
| Parameter | Type |
|---|---|
__namedParameters | StartMediaButtonProps |
Returns
Element
Example
// Basic — let the user unlock blocked media playback.
<VoiceRoom agent={agent}>
<StartMediaButton label="Click to allow media playback" />
</VoiceRoom>
// Advanced — pair media unlock with local track controls.
<VoiceRoom agent={agent}>
<div className="preflight-controls">
<StartMediaButton label="Start camera and microphone" />
<TrackToggle source={Track.Source.Microphone} />
<TrackToggle source={Track.Source.Camera} />
</div>
<RoomAudioRenderer />
</VoiceRoom>