Webrtc 浏览器web cam流的性能/帧速率极低
我正在尝试测试WebRTC,希望显示我自己的流以及对等方的流。我目前有一个简单的垫片来获取相机的流,并将其导入视频元素,但是帧速率非常低。关于这一点的罕见之处在于,我可以尝试网站上的例子,它们工作得完美无缺。。视频很流畅,没有问题。我走到控制台,我的代码与他们的相似。。会发生什么?我试图创建一个和运行括号内的代码,但它仍然表现糟糕Webrtc 浏览器web cam流的性能/帧速率极低,webrtc,getusermedia,webcam-capture,Webrtc,Getusermedia,Webcam Capture,我正在尝试测试WebRTC,希望显示我自己的流以及对等方的流。我目前有一个简单的垫片来获取相机的流,并将其导入视频元素,但是帧速率非常低。关于这一点的罕见之处在于,我可以尝试网站上的例子,它们工作得完美无缺。。视频很流畅,没有问题。我走到控制台,我的代码与他们的相似。。会发生什么?我试图创建一个和运行括号内的代码,但它仍然表现糟糕 video = document.getElementById('usr-cam'); navigator.mediaDevices.getUserMedia(
video = document.getElementById('usr-cam');
navigator.mediaDevices.getUserMedia({video : {
width : {exact : 320},
height : {exact: 240}
}})
.then(function(stream){
if(navigator.mozGetUserMedia)
{
video.mozSrcObject = stream;
}
else
{
video.srcObject = stream;
}
})
.catch(function(e){
alert(e);
});
几乎所有我做的事。考虑到我使用的是新的
navigator.mediaDevices()
API,而不是navigator.getUserMedia()
,但我看不出这有什么关系,因为1.我使用的是WebRTC组提供的名为adapter.js
的垫片,它们自己也使用该垫片。2.我不认为你如何获得视频流会影响性能。好吧,我觉得这一点很愚蠢。。。我被这样一个事实欺骗了,即视频元素将更新显示的图像,而您不必做任何事情,只需对输出流进行管道传输,这意味着图像将以很长的间隔进行更新,使视频看起来好像是滞后的。我忘记做的实际上是play()
视频或添加autoplay
作为其属性。。。现在效果很好。捕捉得不错,但这有点出乎意料。你能把一个bug提交给我吗?