Как использовать HTML5 Web Audio API для записи моего голоса

Я ищу способ записать свой голос и - в соответствии с записанным голосом - переместить анимацию влево или вправо.

Я слышал, что в HTML5 есть Audio API, с помощью которого вы можете записывать свой голос, но я понятия не имею, как это сделать.

Я буду благодарен всем, кто может мне помочь или придумать какие-то решения, предложения, кодекс или рекомендации для решения этой проблемы.

1 ответ

Решение

В webkit-браузерах вы можете использовать утилиту get user media api с webkitGetUserMedia - как показано на html5rocks.
если вы хотите использовать свой голос для создания событий javascript (например, для управления объектами на экране), вам придется анализировать поступающий звук (например, высокая частота для события1 - низкая частота для события2, анализ речи намного сложнее, см. ниже)

в качестве альтернативы, есть распознавание речи в chrome 'x-webkit-speech' (см. пример здесь), которое будет анализировать речь на серверах Google и поэтому, вероятно, будет слишком медленным для контроля в реальном времени.

Я не знаю никакого анализа речи в реальном времени в браузере, но был бы рад найти (даже очень простую) возможность.

редактировать: добавляет код (адаптировано отсюда)

<html>
  <head>
  </head
  <body>
    <input type="search" id="mike" x-webkit-speech>
    <script type="text/javascript">
      var mike = document.getElementById('mike');
      mike.onwebkitspeechchange = function(e) {
        console.log(e); // SpeechInputEvent
        console.log(e.results[0].utterance);
      };
    </script>
  </body>
</html>
Другие вопросы по тегам