2013-06-10 26 views
5

Ho visto un sacco di tutorial e dimostrazioni che mostrano come acquisire e registrare audio e video con una semplice pagina web.HTML5: acquisizione audio e video combinati dal browser

Bests demo finora:

Audio: http://webaudiodemos.appspot.com/AudioRecorder/index.html
video: http://html5-demos.appspot.com/static/getusermedia/record-user-webm.html

Sto cercando per la cattura e la registrazione entrambi i flussi allo stesso tempo. Sono interessato anche se funziona solo su un particolare browser su una piattaforma particolare.

Penso che non sia possibile, ma non sono sicuro. Qualcuno ha trovato un trucco per acquisire sia l'audio che il video contemporaneamente con con una pagina Web?

+0

sei riuscito ad ottenere una buona soluzione per questo? – trainoasis

risposta

0

hi cercando di fare lo stesso può essere si dovrebbe guardare a

[http://jsfiddle.net/james2doyle/URyLt/]

fatemi sapere se mange a fare grazie

$("button").click(do_it); 

function do_it() { 
    var obj = {}, txt=""; 
    if (this.id == "video") { 
     obj = { 
      video: true, 
      audio: true 
     }; 
     txt = "<video>"; 
    } else { 
     obj = { 
      video: false, 
      audio: true 
     }; 
     txt = "<audio>"; 
    } 
    navigator.webkitGetUserMedia(obj, function(stream) { 
     $("#result").empty(); 
     var output = $(txt).appendTo("#result")[0], 
      source = window.webkitURL.createObjectURL(stream); 
     output.autoplay = true; 
     output.src = source; 
     console.log(stream); 
     window.a = stream; //debug 
     $("span#name").html("Camera name: <b>" + stream.videoTracks[0].label + "</b><br>" + "Mic name: <b>" + stream.audioTracks[0].label + "</b>"); 
    }, function(err) { 
     console.log(err); 
     err.code == 1 && (alert("You can click the button again anytime to enable.")) 
    }); 
}