neoris/meet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add audio output selection (#270)

Browse Source
This commit is contained in:
lukasIO 2024-06-11 08:31:43 +02:00 committed by GitHub
parent 16283f5bf6
commit 73bd6444b8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
lib/SettingsMenu.tsx
View File

@ -6,6 +6,7 @@ import {
useLocalParticipant,
MediaDeviceMenu,
TrackToggle,
useRoomContext,
} from '@livekit/components-react';
import styles from '../styles/SettingsMenu.module.css';
@ -19,10 +20,11 @@ export interface SettingsMenuProps extends React.HTMLAttributes<HTMLDivElement>
*/
export function SettingsMenu(props: SettingsMenuProps) {
const layoutContext = useMaybeLayoutContext();
const room = useRoomContext();
const settings = React.useMemo(() => {
return {
media: { camera: true, microphone: true, label: 'Media Devices', speaker: false },
media: { camera: true, microphone: true, label: 'Media Devices', speaker: true },
effects: { label: 'Effects' },
};
}, []);
@ -108,8 +110,11 @@ export function SettingsMenu(props: SettingsMenuProps) {
{settings.media && settings.media.speaker && (
<>
<h3>Speaker & Headphones</h3>
<section>
<MediaDeviceMenu kind="audiooutput"></MediaDeviceMenu>
<section className="lk-button-group">
<span className="lk-button">Audio Output</span>
<div className="lk-button-group-menu">
<MediaDeviceMenu kind="audiooutput"></MediaDeviceMenu>
</div>
</section>
</>
)}