HTML5：从web浏览器捕获音频和视频

我看过很多图图和演示，展示了如何用一个简单的网页捕获和录制音频和视频

迄今为止的最佳演示：

音频：
视频：

我希望同时捕获和录制两条流。我很感兴趣，即使它只在特定平台上的特定浏览器上工作

---

我认为这是不可能的，但不确定。有人找到了一个技巧，可以用网页同时捕获音频和视频吗？

嗨，你应该看看

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

如果你想做的话请告诉我谢谢

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

$（“按钮”）。单击（执行）；
函数do_it（）{
var obj={}，txt=“”；
如果（this.id==“视频”）{
obj={
视频：没错，
音频：正确
};
txt=“”；
}否则{
obj={
视频：错，
音频：正确
};
txt=“”；
}
webkitGetUserMedia（obj，函数（流）{
$（“#结果”）.empty（）；
变量输出=$（txt）.appendTo（#result”）[0]，
source=window.webkitURL.createObjectURL（流）；
output.autoplay=true；
output.src=源；
console.log（流）；
window.a=stream；//调试
$（“span#name”）.html（“摄像机名称：+stream.videoTracks[0]。标签+”
“+”话筒名称：“+stream.audioTracks[0]。标签+”）；
}，函数（err）{
控制台日志（err）；
err.code==1&&（警告（“您可以随时再次单击按钮以启用”）
});
}

这个实验怎么样。它每晚在Chrome和FF中工作。查看回购协议：

---

您可以在这里尝试一个现场演示：

您是否找到了一个很好的解决方案？