僅使用javascript / html5獲取麥克風/網絡攝像頭記錄流

Question

我制作了一個Web應用程序，需要使用Java腳本和html5（不使用Flash）記錄來自PC /移動麥克風/相機的流。 我該怎么辦？

Answer 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.
}

這些樣本是從這里復制的。 HTML5Rocks也有許多工作示例。

Answer 2

navigator.getUserMedia ( constraints, successCallback, errorCallback );

• 簡短說明與示例
• API
• 支持的瀏覽器