STT+VAD article - useSpeechToText.ts - 2

useSpeechToText.ts

// ...


const mutedRef = React.useRef<boolean>(muted);

// We use a ref to check if the microphone is muted or not, to avoid recreating
// the Azure's SpeechRecognizer instance every time we mute/unmute.
React.useEffect(() => {
  mutedRef.current = muted;
}, [muted]);


// ...


// Initialize the Azure Speech to Text instance and bind the necessary events
React.useEffect(() => {

  // ...

  const onAudioProcess = (ev: AudioProcessingEvent) => {
    const block = {
      duration: ev.inputBuffer.duration,
      bytes: convertFloat32ToInt16(ev.inputBuffer.getChannelData(0)),
    };

    if (!mutedRef.current) {
      pushStream.write(block.bytes);
    }
  };
  
  // ...

}, [speechToTextEnabled, newMessage, stream]);


// ...