Блог

Я работаю над проектом в React, в котором используется функция распознавания речи React. Я пытаюсь следовать образцу, приведенному в документах. Я не могу видеть стенограмму в веб — приложении, когда я записываю. Я использую Windows 10 и Google Chrome версии 92.0.4515.131 (Официальная сборка) (64-разрядная версия).

Также в инструментах веб-разработчика в разделе «Проблема» я вижу следующее : Проверка использования navigator.UserAgent, navigator.appVersion и navigator.platform Страница или сценарий обращаются по крайней мере к одному из navigator.UserAgent, navigator.appVersion и navigator.platform. В будущей версии Chrome объем информации, доступной в строке Агента пользователя, будет уменьшен.

Влияет ли это в любом случае на механизм распознавания речи react?

Вот код, который я запускаю.

 import SpeechRecognition, { useSpeechRecognition } from 'react-speech-recognition';


function App() {

  const {
    transcript,
    listening,
    browserSupportsSpeechRecognition
  } = useSpeechRecognition();
  const startListening = () => {
    
    SpeechRecognition.startListening({ continuous: true });
    console.log("listening " transcript);
  };

  if (!browserSupportsSpeechRecognition) {
    return <span>Browser doesn't support speech recognition.</span>;
  }

  return (
    <div>
      <p>Microphone: {listening ? 'on' : 'off'}</p>
      <button
        onTouchStart={startListening}
        onMouseDown={startListening}
        onTouchEnd={SpeechRecognition.stopListening}
        onMouseUp={SpeechRecognition.stopListening}
      >Hold to talk</button>
      <p>{transcript}</p>
    </div>
  )
}

export default App;
 

Ценю любую помощь или указания относительно того, почему это происходит. Спасибо.