MediaDeviceSelect
function MediaDeviceSelect(__namedParameters): Element;Defined in: packages/react/src/components/device/MediaDeviceSelect.tsx:64
The MediaDeviceSelect list all media devices of one kind. Clicking on one of the listed devices make it the active media device.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | MediaDeviceSelectProps |
Returns
Element
Example
// Basic — list microphone devices.
<VoiceRoom agent={agent}>
<MediaDeviceSelect kind="audioinput" />
</VoiceRoom>
// Advanced — persist the selected microphone and handle errors.
function MicrophoneSelect() {
const [deviceId, setDeviceId] = React.useState<string>();
return (
<VoiceRoom agent={agent}>
<MediaDeviceSelect
kind="audioinput"
initialSelection={deviceId}
onActiveDeviceChange={setDeviceId}
onDeviceSelectError={setDeviceError}
/>
</VoiceRoom>
);
}