2013-06-10 2 views
5

Я видел много репетиций и демонстраций, показывающих, как захватывать и записывать аудио и видео с помощью простой веб-страницы.HTML5: захват аудио и видео в сочетании с веб-браузером

BESTS демки до сих пор:

Аудио: http://webaudiodemos.appspot.com/AudioRecorder/index.html
Видео: http://html5-demos.appspot.com/static/getusermedia/record-user-webm.html

Ищу для захвата и записей оба потоки одновременно. Меня интересует, даже если он работает только в определенном браузере на конкретной платформе.

Я думаю, что это невозможно, но не уверен. Кто-нибудь нашел трюк, чтобы одновременно захватить как аудио, так и видео с веб-страницей?

+0

Удалось ли вам получить хорошее решение для этого? – trainoasis

ответ

0

привет пытается сделать то же самое может быть, вы должны смотреть на

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

дайте мне знать, если вы чесотки сделать Thanks

$("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.")) 
    }); 
} 
Смежные вопросы