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

前端之家收集整理的这篇文章主要介绍了html5 – 如何使用getUserMedia获取网络摄像头的大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图找出使用getUserMedia从网络摄像头获取的图像的大小.

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

有可能做到吗?

谢谢!@H_301_7@丹尼尔

解决方法

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

猜你在找的HTML5相关文章