如何使用HTML5网络音频API录制我的声音

如何使用HTML5网络音频API录制我的声音,html,three.js,html5-audio,tquery,Html,Three.js,Html5 Audio,Tquery,我正在寻找一种方法来录制我的声音,并根据录制的声音向左或向右移动动画 我听说HTML5有一个音频API,通过它你可以录制你的声音,但我不知道怎么做 我将感谢所有能够帮助我或提出一些解决方案、建议、代码或指导方针来解决此问题的人。在webkit浏览器上,您可以与webkitGetUserMedia一起使用,如上所示。 如果要使用语音创建javascript事件(例如,控制屏幕上的对象),则必须分析传入的声音(例如,事件1的高频-事件2的低频,语音分析要复杂得多,请参见下文) 另外,还有chrome

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

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


我将感谢所有能够帮助我或提出一些解决方案、建议、代码或指导方针来解决此问题的人。

在webkit浏览器上,您可以与
webkitGetUserMedia一起使用,如上所示。
如果要使用语音创建javascript事件(例如,控制屏幕上的对象),则必须分析传入的声音(例如,事件1的高频-事件2的低频,语音分析要复杂得多,请参见下文)

另外,还有chrome的“x-webkit-speech”语音识别(见示例),它将在谷歌的服务器上分析语音,因此可能太慢,无法进行实时控制

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

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



嗨,谢谢你的建议。我将尝试使用它,但只是想确认是否有可能通过“x-webkit-speach”录制我的声音,并利用它移动动画。是否有我可以参考的代码或示例。
<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>