js调用设备摄像头的方法
2018-07-19 11:35
639 查看
本文实例为大家分享了js调用设备摄像头的具体代码,供大家参考,具体内容如下
使用getUserMedia这个API来获取摄像头的权限
兼容chrome和火狐,IOS不兼容
下面是源码:
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> </head> <body> <video src=""></video> <script type="text/javascript"> var opt = { audio: true, video: { width: 375, height: 603 } }; navigator.mediaDevices.getUserMedia(opt) .then(function(mediaStream) { var video = document.querySelector('video'); video.srcObject = mediaStream; video.onloadedmetadata = function(e) { video.play(); }; }) .catch(function(err) { console.log(err.name + ": " + err.message); }); // always check for errors at the end. </script> </body> </html>
注意,如果使用chrome查看代码需要在https协议下才能生效,建议使用火狐查看。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- javacpp-opencv图像处理3:使用opencv原生方法遍历摄像头设备及调用(增加实时帧率计算方法)
- javacpp-opencv图像处理3:使用opencv原生方法遍历摄像头设备及调用(增加实时帧率计算方法)
- 使用js调用设备摄像头
- FLASH 调用摄像头 JS中方法触发拍照,并将照片保存到本地文件夹
- HTML+两个JS实现 调用摄像头并解析二维码
- C#使用技巧之调用JS脚本方法一
- 如何在java中调用js方法
- JS调用微软ocx的方法
- FCKeditor2.6.3操作说明,基本设置,精简以及JS调用方法
- 转载 OS js oc相互调用(JavaScriptCore) ---js调用iOS ---js里面直接调用方法
- js调用web服务的接口和调用后台方法
- Unity 在JS中间隔时间调用方法
- WdatePicker.js 日历点击时,触发自定义方法 ,可以调用自己的函数。
- Js调用Java方法并互相传参
- js调用后台,后台调用前台等方法总结
- 前台ji调用后台的方法和后台调用前台js的方法
- JS方法在iframe父子窗口间的调用
- asp.net后台调用前台js的两种方法
- 在c++中调用Html中的js方法
- js或Jquery 根据字符串类型的方法名,找到对应的方法并且调用