2013-03-09 61 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

相關問題