我试图找出使用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);
