2013-03-09 4 views
5

Ich suche nach einer Möglichkeit, meine Stimme aufzunehmen und - je nach aufgenommener Stimme - eine Animation nach links oder rechts zu bewegen.Wie benutze ich HTML5 Web Audio API um meine Stimme aufzunehmen?

Ich habe gehört, HTML5 hat eine Audio-API, über die Sie Ihre Stimme aufnehmen können, aber ich habe keine Ahnung, wie das geht.

Ich werde allen dankbar sein, die mir helfen können oder einige Lösungen, Vorschläge, Code oder Richtlinien zur Lösung dieses Problems finden.

Antwort

2

auf Webkit-Browsern können Sie die get user media api mit webkitGetUserMedia verwenden - wie auf html5rocks demonstriert.
Wenn Sie Ihre Stimme verwenden möchten, um Javascript-Ereignisse zu erzeugen (zB um Objekte auf dem Bildschirm zu steuern), müssten Sie den eingehenden Ton analysieren (zB hohe Frequenz für Ereignis1 - niedrige Frequenz für Ereignis2, Sprachanalyse ist viel komplizierter, siehe) (siehe Beispiel here), die Sprache auf Googles Servern analysieren wird und daher wahrscheinlich zu langsam für die Echtzeitsteuerung ist.

Ich kenne keine Echtzeit-Sprachanalyse im Browser, wäre aber glücklich, eine (auch sehr einfache) Möglichkeit zu finden.

edit: fügt einen Code (angepasst von 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

Hallo Danke für einen guten Vorschlag. Ich werde versuchen, damit zu arbeiten, aber ich wollte nur bestätigen, dass es eine Möglichkeit gibt, dass ich meine Stimme über 'x-webkit-speach' aufnehmen kann und sie zum Verschieben meiner Animation verwenden kann. Gibt es einen Code oder ein Beispiel, auf den ich verweisen kann? – Saurabh

Verwandte Themen