获取当前的分辨率和帧速率FrameRate

navigator.mediaDevices.getUserMedia()方法返回MediaStream对象与您的视频和音频流。这个MediaStream对象有getVideoTracks()getAudioTracks()方法。

getVideoTracks()[0]从本地摄像头返回视频流。这个videotrack对象有getSettings()方法返回一些有用的属性,如:

  • stream.getVideoTracks()[0].getSettings().deviceId
  • stream.getVideoTracks()[0].getSettings().aspectRatio
  • stream.getVideoTracks()[0].getSettings().height
  • stream.getVideoTracks()[0].getSettings().width
  • stream.getVideoTracks()[0].getSettings().frameRate

结果,例如:

aspectRatio:1.3333333333333333

deviceId:“e85a2bd38cb0896cc6223b47c5d3266169524e43b6ab6043d8dd22d60ec01a2f”

frameRate:30

height:480

width:640
aspectRatio - 4x3(1.3333333333333333)或16x9(全屏或不全屏),

deviceId - 网络摄像头Id,

framRate - 您的视频流的帧率,

width - 视频宽度,

height - 视频高度。

使用track.getSettings()方法更简洁:

HTMLElement.textContent = JSON.stringify(stream.getVideoTracks()[0].getSettings(), null, 2);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • 先创建服务端的APP 1.官网下载Winrun4j。http://winrun4j.sourceforge.net...
    Alex_1799阅读 1,788评论 1 2
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,497评论 0 17
  • 8月3日,韩大爷推荐了一部电影名叫《楚门的世界》,我简要了解了一下,主要讲了男主楚门,从出生直到30岁时都生活在一...
    南鸭梨阅读 491评论 0 1
  • 你的正能量你脚踏实地的前进,终会遇见下一个更好的你,让你真正拥有更好的。而你所抱怨的负能量,你动过投机取巧或瞒天过...
    杏郁阅读 253评论 0 0