2013-03-09 86 views
5

我正在寻找一种方法来记录我的声音,并根据录制的声音向左或向右移动动画。如何使用HTML5 Web Audio API记录我的声音

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

我会感谢所有能够帮助我的人,或想出解决方案,建议,代码或指导方针来解决此问题的人。

回答

2

在webkit浏览器上,您可以使用get user media apiwebkitGetUserMedia - 就像在html5rocks上演示的那样。
如果你想使用你的声音来创建JavaScript事件(例如控制屏幕上的对象),你将不得不分析传入的声音(例如event1的高频率 - event2的低频率,语音分析要复杂得多,请参阅下面)

或者,还有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> 
+0

嗨感谢一个很好的建议。我会尝试使用它,但只是想确认是否有可能通过'x-webkit-speach'记录我的声音,并可以利用它来移动我的动画。有没有我可以参考的代码或例子。 – Saurabh 2013-03-09 09:03:41