博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
H5调用媒体设备的方法
阅读量:5942 次
发布时间:2019-06-19

本文共 1096 字,大约阅读时间需要 3 分钟。

H5中获取摄像头或者音频的方法,由于版本的不同,低版本的浏览器navigator.mediaDevices是不可获得的,所以采用这种写法。

var commomUserMedia = function(constraints) {  var getUserMedia = (    navigator.getUserMedia ||    navigator.webkitGetUserMedia ||    navigator.mozGetUserMedia  );  if(!getUserMedia) {      return Promise.reject(new Error('getUserMedia is not implemented in this browser'));  }  return new Promise(function(resolve, reject) {     getUserMedia.call(navigator, constraints, resolve, reject);  });    }if(navigator.mediaDevices === undefined) {    navigator.mediaDevices = {};}if(navigator.mediaDevices.getUserMedia === undefined) {    navigator.mediaDevices.getUserMedia = commomUserMedia;}var constraints = { audio: true, video: { width: 1280, height: 720 } };navigator.mediaDevices.getUserMedia(constraints).then(function(stream) {      var video = document.querySelector('video');      video.src = window.URL.createObjectURL(stream);      video.onloadedmetadata = function(e) {      video.play();  };}).catch(function(err) {  console.log(err.name + ": " + err.message);});

 

转载于:https://www.cnblogs.com/markbell/p/7325852.html

你可能感兴趣的文章
Jmeter也能IP欺骗!
查看>>
Rust 阴阳谜题,及纯基于代码的分析与化简
查看>>
ASP.NET Core的身份认证框架IdentityServer4(4)- 支持的规范
查看>>
(原創) array可以使用reference方式傳進function嗎? (C/C++)
查看>>
170多个Ionic Framework学习资源(转载)
查看>>
Azure:不能把同一个certificate同时用于Azure Management和RDP
查看>>
Directx11教程(15) D3D11管线(4)
查看>>
Microsoft Excel软件打开文件出现文件的格式与文件扩展名指定格式不一致?
查看>>
ios ble 参考
查看>>
linux中注册系统服务—service命令的原理通俗
查看>>
基于托管C++的增删改查及异步回调小程序
查看>>
Oracle DBMS_STATS 包 和 Analyze 命令的区别
查看>>
linux下基本命令
查看>>
windows server 2008R2 上安装配置freesshd
查看>>
手动删除SVCH0ST.EXE的方法
查看>>
已释放的栈内存
查看>>
Android网络之数据解析----SAX方式解析XML数据
查看>>
Java递归列出所有文件和文件夹
查看>>
[关于SQL]查询成绩都大于80分的学生
查看>>
Delphi(Tuxedo,BDE,ADO)三合一数据集组件HsTxQuery
查看>>