js调用摄像头
来源:互联网 发布:淘宝店铺如何上传图片 编辑:程序博客网 时间:2024/06/06 09:07
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> <video id="video" width="640" height="480" autoplay></video> </body> <script type="text/javascript"> var promisifiedOldGUM = function(constraints) { // 第一个拿到getUserMedia,如果存在 var getUserMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia); // 有些浏览器只是不实现它-返回一个不被拒绝的承诺与一个错误保持一致的接口 if (!getUserMedia) { return Promise.reject(new Error('getUserMedia is not implemented in this browser-getUserMedia是不是在这个浏览器实现')); } // 否则,调用包在一个旧navigator.getusermedia承诺 return new Promise(function(resolve, reject) { getUserMedia.call(navigator, constraints, resolve, reject); }); } // 旧的浏览器可能无法实现mediadevices可言,所以我们设置一个空的对象第一 if (navigator.mediaDevices === undefined) { navigator.mediaDevices = {}; } // 一些浏览器部分实现mediadevices。我们不能只指定一个对象 // 随着它将覆盖现有的性能getUserMedia。. // 在这里,我们就要错过添加getUserMedia财产。. if (navigator.mediaDevices.getUserMedia === undefined) { navigator.mediaDevices.getUserMedia = promisifiedOldGUM; } // Prefer camera resolution nearest to 1280x720. 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); }); </script></html>
阅读全文
0 0
- js调用手机摄像头
- js调用本地摄像头
- js调用摄像头
- 求助帖~~js调用摄像头
- HTML5通过js调用手机摄像头
- HTML5调用手机摄像头拍照 - getUserMedia.js
- Node.js调用本地摄像头拍摄上传
- js 调用本地摄像头报安全错误
- Node.js 通过https服务器利用js调用网络摄像头
- 调用摄像头
- 调用摄像头
- h5调用摄像头+拍照+上传图片-----h5+js+ajax
- jquery.webcam.js实现调用摄像头拍照兼容各个浏览器
- webgl+three.js,学习笔记,调用摄像头,做成纹理
- android-摄像头-调用前置摄像头
- 用api调用摄像头
- j2me 摄像头的调用
- winForm调用摄像头
- netty初步学习
- Git学习
- iptables理解与实际配置
- jmeter函数和变量(三)
- java基础十九天 线程同步
- js调用摄像头
- JS实现继承的几种方式
- Java实现发邮件功能
- 非常强大的在线开发平台加工具和资源
- TP5.0 动态注册路由报模块未存在错误
- Jenkins内存溢出异常
- I Hate It(树状数组--区间求最大值)
- csu1116(排列后prim)
- 佛山小程序