MediaDeviceMenu
function MediaDeviceMenu(__namedParameters): Element;Defined in: packages/react/src/components/device/MediaDeviceMenu.tsx:50
The MediaDeviceMenu component is a button that opens a menu that lists all media devices and allows the user to select them.
Parameters
| Parameter | Type |
|---|---|
__namedParameters | MediaDeviceMenuProps |
Returns
Element
Example
// Basic — let the user choose an active media device.
<VoiceRoom agent={agent}>
<MediaDeviceMenu />
</VoiceRoom>
// Advanced — render separate menus and track the active choices.
function DeviceMenus() {
const handleDeviceChange = (kind: MediaDeviceKind, deviceId: string) => {
setActiveDevices((devices) => ({ ...devices, [kind]: deviceId }));
};
return (
<VoiceRoom agent={agent}>
<MediaDeviceMenu kind="audioinput" onActiveDeviceChange={handleDeviceChange} />
<MediaDeviceMenu kind="videoinput" onActiveDeviceChange={handleDeviceChange} />
</VoiceRoom>
);
}