{title}
17 | 23 |Real-Time Voice Listener
35 |32 | {label} 33 |
34 | )} 35 | 47 | {!!error && showError && ( 48 |{error}
49 | )} 50 | > 51 | ); 52 | }; 53 | -------------------------------------------------------------------------------- /chat-app-frontend/app/provider/recorder-provider.tsx: -------------------------------------------------------------------------------- 1 | "use client"; 2 | 3 | import React from "react"; 4 | 5 | export const RecorderContext = React.createContext<{ 6 | quantizationTime: number; 7 | echoCancellation: boolean; 8 | noiseSuppression: boolean; 9 | setQuantizationTime: (_: number) => void; 10 | setEchoCancellation: (_: boolean) => void; 11 | setNoiseSuppression: (_: boolean) => void; 12 | }>({ 13 | quantizationTime: Number( 14 | process.env.NEXT_PUBLIC_REFRESH_MEDIA_RECORDER_TIMEOUT || 1000 15 | ), 16 | echoCancellation: true, 17 | noiseSuppression: true, 18 | setQuantizationTime: () => undefined, 19 | setEchoCancellation: () => undefined, 20 | setNoiseSuppression: () => undefined, 21 | }); 22 | 23 | interface IRecorderProviderProps { 24 | children: JSX.Element | JSX.Element[] | React.ReactNode; 25 | } 26 | export const RecorderProvider: React.FC{label}
50 | {!!desc && ( 51 |52 | {desc} 53 |
54 | )} 55 |{error}
} 61 |Real-Time Voice Recorder
85 | {isRecording ? ( 86 |