itProger Видеокурсы Программирование - все что с ним связано Распознавание голоса и чтение текста на JavaScript (Примеры и демонстрация)

Распознавание голоса и чтение текста на JavaScript (Примеры и демонстрация)

Распознавание голоса и чтение текста в браузере в 3 строки на JavaScript: демонстрация и примеры кода. В этом видео мы с вами рассмотрим две шикарнейшие библиотеки JavaScript, которые называются webkitSpeechRecognition и speechSynthesis.

Видеоурок

1) SpeechRecognition (Распознавание голоса)
2) SpeechSynthesis (Проговаривание голоса)

Исходный код

Распознавание голоса и чтение текста

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Распознавание голоса и чтение текста</title>
</head>
<body>

  <button onclick="speech ()">Слушать</button>
  <button onclick="talk ()">Проговорить</button>
  <button onclick="stop ()">Остановить</button>

  <script>
  // Создаем распознаватель
  var recognizer = new webkitSpeechRecognition();

  // Ставим опцию, чтобы распознавание началось ещё до того, как пользователь закончит говорить
  recognizer.interimResults = true;

  // Какой язык будем распознавать?
  recognizer.lang = 'ru-Ru';

  // Используем колбек для обработки результатов
  recognizer.onresult = function (event) {
    var result = event.results[event.resultIndex];
    if (result.isFinal) {
      alert('Вы сказали: ' + result[0].transcript);
    } else {
      console.log('Промежуточный результат: ', result[0].transcript);
    }
  };

  function speech () {
    // Начинаем слушать микрофон и распознавать голос
    recognizer.start();
  }

  var synth = window.speechSynthesis;
  var utterance = new SpeechSynthesisUtterance('How about we say this now? This is quite a long sentence to say.');

  function talk () {
    synth.speak (utterance);
  }

  function stop () {
    synth.pause();
  }
  </script>

</body>
</html>