如何使用HTML5 Web Audio API录制我的声音

时间:2013-03-09 06:49:40

标签: html5 three.js html5-audio tquery

我正在寻找一种录制我的声音的方法 - 根据录制的声音 - 向左或向右移动动画。

我听说HTML5有一个音频API,您可以通过它来录制您的声音,但我不知道该怎么做。

我将感谢所有能够帮助我或提出解决此问题的解决方案,建议,代码或指南的人。

1 个答案:

答案 0 :(得分:2)

在webkit浏览器上,您可以将get user media apiwebkitGetUserMedia一起使用 - 就像html5rocks上所示。 如果你想用你的声音创建javascript事件(例如控制屏幕上的对象)你必须分析传入的声音(例如事件1的高频率 - 事件2的低频率,语音分析要复杂得多,见下文)

另外,还有chrome的'x-webkit-speech'语音识别(请参阅示例here),它将分析谷歌服务器上的语音,因此对于实时控制来说可能太慢了。

我不知道浏览器中的任何实时语音分析 ,但很乐意找到(甚至非常基本的)可能性。

编辑:添加一些代码(改编自here

<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>