getUserMedia 获取相机信息

js获取相机信息,并输出到video,同时绘制到canvas上,功能实现如下:






Demo










  height="120px"
  autoplay="autoplay"
  x5-video-player-type="h5-page"
  playsinline="true"
  webkit-playsinline="true"
  x5-video-ignore-metadata="false"
  x5-video-player-fullscreen="false"
  x5-video-player-orientation="landscape"





踩坑指南:
1、iOS不支持裁剪绘制到canvas上
2、兼容性如下:
android: 部分浏览器只能打开前置摄像头,支持双向的浏览器切换摄像头前需要先将原mideaStream暂停;
ios:初始化和切换均可实现;

你可能感兴趣的:(getUserMedia 获取相机信息)