html5 – 如何使用getUserMedia获取网络摄像头的大小？

您应该可以使用videoWidth和videoHeight属性,如下所示：

// check camera stream is playing by getTing its width
video.addEventListener('playing',function() {
    if (this.videoWidth === 0) {
        console.error('videoWidth is 0. Camera not connected?');
    }
},falsE);

更新：实际上,这在Opera中起作用,但似乎不再支持Chrome,并且还没有在Firefox中实现(至少不是视频流).不过,在HTML5 spec,希望这些浏览器的路线图.

更新2：这是工作,但听的事件是“播放”而不是“播放”(固定在上面的代码).当播放play()方法返回时,“播放”事件触发,而播放实际开始时,“播放”事件触发.在Opera,Chrome和Firefox中进行了测试.

更新3：Firefox 18似乎反复触发“播放”事件,这意味着如果您在侦听器中执行大量代码,浏览器可能会停止播放.更好地删除侦听器在它被触发后,像这样：

var videoWidth,videoHeight;
var getVideoSize = function() {
    videoWidth = video.videoWidth;
    videoHeight = video.videoHeight;
    video.removeEventListener('playing',getVideoSize,falsE);
};

video.addEventListener('playing',falsE);