Cesar Mendivil
8b458a3ddf
- Add Next.js app structure with base configs, linting, and formatting - Implement LiveKit Meet page, types, and utility functions - Add Docker, Compose, and deployment scripts for backend and token server - Provide E2E and smoke test scaffolding with Puppeteer and Playwright helpers - Include CSS modules and global styles for UI - Add postMessage and studio integration utilities - Update package.json with dependencies and scripts for development and testing
32 lines
974 B
TypeScript
32 lines
974 B
TypeScript
'use client';
|
|
|
|
import React from 'react';
|
|
import { Track } from 'livekit-client';
|
|
import { useTrackToggle } from '@livekit/components-react';
|
|
|
|
export function KeyboardShortcuts() {
|
|
const { toggle: toggleMic } = useTrackToggle({ source: Track.Source.Microphone });
|
|
const { toggle: toggleCamera } = useTrackToggle({ source: Track.Source.Camera });
|
|
|
|
React.useEffect(() => {
|
|
function handleShortcut(event: KeyboardEvent) {
|
|
// Toggle microphone: Cmd/Ctrl-Shift-A
|
|
if (toggleMic && event.key === 'A' && (event.ctrlKey || event.metaKey)) {
|
|
event.preventDefault();
|
|
toggleMic();
|
|
}
|
|
|
|
// Toggle camera: Cmd/Ctrl-Shift-V
|
|
if (event.key === 'V' && (event.ctrlKey || event.metaKey)) {
|
|
event.preventDefault();
|
|
toggleCamera();
|
|
}
|
|
}
|
|
|
|
window.addEventListener('keydown', handleShortcut);
|
|
return () => window.removeEventListener('keydown', handleShortcut);
|
|
}, [toggleMic, toggleCamera]);
|
|
|
|
return null;
|
|
}
|