仅使用javascript / html5获取麦克风/网络摄像头记录流

时间:2013-01-27 13:58:09

标签: javascript asp.net ios html5 web-applications

我制作的网络应用程序需要使用java脚本和html5(无闪存)从pc /移动麦克风/摄像机录制流。我怎么能这样做?

2 个答案:

答案 0 :(得分:1)

有两种方法,getusermedia和传统方法使用输入,这是ios6允许的:

旧方式:

<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">

目前的方式:

window.URL = window.URL || window.webkitURL;
navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia ||
                          navigator.mozGetUserMedia || navigator.msGetUserMedia;

var video = document.querySelector('video');

if (navigator.getUserMedia) {
  navigator.getUserMedia({audio: true, video: true}, function(stream) {
    video.src = window.URL.createObjectURL(stream);
  }, onFailSoHard);
} else {
  video.src = 'somevideo.webm'; // fallback.
}

这些样本是从here复制的。 HTML5Rocks也有很多工作样本。

答案 1 :(得分:0)

navigator.getUserMedia ( constraints, successCallback, errorCallback );