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

我试图找出使用getUserMedia从网络摄像头获取的图像的大小.

现在,在我的Macbook中,我估计是一台720p的相机,但是我得到的图像是640×480.我假设这并不总是这样,但是,我想要尽可能多地处理相机. (我关心长宽比大小本身,我只想确保图片不显示拉伸)

有可能做到吗？

谢谢！
丹尼尔

解决方法

您应该可以使用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);