2013-04-11 22 views
7

Qualcuno può aiutarmi su come acquisire audio dal microfono predefinito utilizzando HTML5? Sono disponibili molti esempi, ma nessuno di essi sembra funzionare. Ho provato Audio capturing with HTML5 Come funziona solo con chrome con flag abilitati. ma sta ottenendo NavigatorUserMediaError. L'icona del video sulla barra degli indirizzi ha un segno di croce rossa e il suo suggerimento dice "questa pagina è stata bloccata dall'accesso alla videocamera e al microfono"HTML5 acquisizione audio dal microfono predefinito

risposta

8

Ci sono alcuni fantastici articoli su HTML5 Rocks. Questo è solo uno che ho tirato. http://updates.html5rocks.com/2012/09/Live-Web-Audio-Input-Enabled

// success callback when requesting audio input stream 
function successCallback(stream) { 
    var audioContext = new (window.webkitAudioContext)(); 

    // Create an AudioNode from the stream. 
    var mediaStreamSource = audioContext.createMediaStreamSource(stream); 

    // Connect it to the destination to hear yourself (or any other node for processing!) 
    mediaStreamSource.connect(audioContext.destination); 
} 

function errorCallback() { 
    console.log("The following error occurred: " + err); 
} 

navigator.webkitGetUserMedia({audio:true}, successCallback, errorCallback); 
+1

grazie per la vostra risposta. ho capito anche questo ma sembra non funzionare. dal link possiamo ottenere due esempi di dimostrazioni dal vivo. [One] (http://webaudiodemos.appspot.com/pitchdetect/index.html) e [Two] (http://chromium.googlecode.com/svn/trunk/samples/audio/visualizer-live.html) ma nessuno sembra funzionare. entrambi mi chiedono di usare il microfono, ma dopo non succede nulla. l'unico cambiamento è che c'è una palla rossa che lampeggia lentamente sull'icona del titolo. il mio chrome è aggiornato e ho anche abilitato "Web Audio Input". chiunque può fornire un campione funzionante. – abduIntegral

+0

eventuali aggiornamenti su questo? –

+1

HTML5 Rocks ha creato alcune demo audio sul Web quando quelle API erano nuove, ma non hanno mai aggiornato le demo mentre le API si evolvevano. Purtroppo, alcune delle loro demo audio sul Web non funzionano più. –

3

assicurarsi che si avvia la demo da un server web - semplicemente copia/incolla & inizio dal file system non funziona - in cromo non si ha mai l'accesso al microfono in questo modo.

2

Recentemente (non so quando) Chrome ha aggiunto il requisito per l'accesso alla pagina tramite SSL per abilitare getUserMedia.