HTML5: ghi lại âm thanh và video kết hợp từ trình duyệt web

Question

Tôi đã thấy rất nhiều bản trình diễn và trình diễn thể hiện cách ghi và ghi lại âm thanh và video bằng một trang web đơn giản.

trẻ ưa vận động demo cho đến nay:

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

Tôi đang tìm kiếm để chụp và ghi cả suối cùng một lúc. Tôi quan tâm ngay cả khi nó chỉ hoạt động trên một trình duyệt cụ thể trên một nền tảng cụ thể.

Tôi nghĩ điều đó là không thể, nhưng không chắc chắn. Có ai đó đã tìm thấy một mẹo để nắm bắt cả âm thanh và video đồng thời bằng một trang web không?

Answer 1

hi cố gắng để làm như vậy có thể bạn nên xem xét

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

cho tôi biết nếu bạn quản lý để làm nhờ

$("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.")) 
    }); 
} 

Answer 2

Thử nghiệm này như thế nào. Nó hoạt động trong Chrome và FF hàng đêm. Kiểm tra các repo: https://github.com/muaz-khan/WebRTC-Experiment/tree/master/RecordRTC

Ở đây bạn có thể thử một bản demo trực tiếp: https://www.webrtc-experiment.com/RecordRTC/PHP/