尝试使用getUserMedia帧率约束
trying to use the getUserMedia framerate constraint
我正在尝试调整getUserMedia网络摄像头流的帧率显示。我尝试使用的方法是
var constraints = { video: { frameRate: { ideal: 10, max: 15 } } };
在Moz开发人员网络中引用。
我想创建几个函数,可以调用来改变帧率到不同的设置,但在试图实现约束它似乎没有效果。我试过单独使用
function setFps1() {
var constraints ...
}
以及在(重新)声明流
的函数中 function useVideo(){
// Query user for device permission
navigator.mediaDevices.getUserMedia({video: true})
// If granted
.then(function(stream) {
// Stream & play video from webcam
var video = document.getElementById('userVideo');
var constraints = { video: { frameRate: { ideal: 10, max: 15 } } };
video.src = window.URL.createObjectURL(stream);
video.play();
})
// If not
.catch(function(error) {
alert(error.message);
});
}
,
function useVideo(){
// Query user for device permission
navigator.mediaDevices.getUserMedia({video: true})
// If granted
.then(function(stream) {
// Stream & play video from webcam
var video = document.getElementById('userVideo');
video.src = window.URL.createObjectURL(stream);
video.play();
var constraints = { video: { frameRate: { ideal: 10, max: 15 } } };
})
// If not
.catch(function(error) {
alert(error.message);
});
}
的好措施,认为也许视频必须首先播放帧率之前可以设置。
如何使用帧速率约束,或者是什么阻止我使用它?
一行:
var constraints = { video: { frameRate: { ideal: 10, max: 15 } } };
只是将一个局部变量constraints
初始化为指定的对象。对其他东西没有影响。
使用getUserMedia
或applyConstraints
功能对相机设置约束,例如:
navigator.mediaDevices.getUserMedia(constraints)
.then(function(stream) {
var video = document.getElementById('userVideo');
video.srcObject = stream;
video.play();
})
.catch(error => console.log(error));
或
var track = video.srcObject.getVideoTracks()[0];
track.applyConstraints(constraints).catch(e => console.log(e));
一旦你让它工作,请注意,浏览器目前实现的约束有点不同。
相关文章:
- 关键帧之间的css3动画延迟
- 画布:逐像素绘制图像并请求动画帧计时
- 访问css3动画的关键帧
- 正在从帧创建时间代码
- D3/Raphael js 以慢帧率绘制 1000+ 动画圆圈
- BlackBerry PlayBook网络作品:低帧率
- 尝试使用getUserMedia帧率约束
- 画布游戏帧率下降
- 用requestAnimationFrame实现一些稳定的帧率
- HTML5 Canvas和JS帧率慢慢下降到0
- 低帧率的JS和CSS动画
- 如何使用javascript获得良好的帧率
- EaselJS性能问题/帧率下降
- Javascript水涟漪效应减慢帧率
- 如何改变精灵帧率
- 动态调整paperjs动画的帧率
- 低帧率嵌套转换元素
- 使用JS和DOM设置多个DIV元素的动画会导致低帧率
- javascript游戏中的异步/可变帧率
- 函数计算函数帧率