js打开手机摄像头实现扫描二维码功能

js打开手机摄像头

在js中使用navigator.getUserMedia这个api
可以点击查看api的使用navigator.getUserMedia
这个api是结合https协议使用的，在http协议中摄像头是无法打开的

var video = document.querySelector('video');
navigator.getUserMedia({audio: false,video: {facingMode: {exact: "environment"}},},function(stream) {video.srcObject = stream;video.onloadedmetadata = function(e) {video.play();};},function(err) {alert(err.name + ": " + err.message);})

可以查看整个项目的源码

js打开手机摄像头实现扫描二维码功能相关推荐

在js中调用微信的扫描二维码功能
在js中调用微信的扫描二维码功能* 关键代码 <html> <head>`在这里插入代码片`<title>js调用微信扫一扫功能测试</title>&l ...
电脑版和手机版QQ都要手机版QQ扫描二维码登录？
是的,电脑版和手机版 QQ 都需要使用手机版 QQ 扫描二维码登录.这是因为扫描二维码登录是 QQ 的安全认证方式之一.
SNF开发平台WinForm-平板拍照及扫描二维码功能
在我们做项目的时候,经常会有移动平板处理检验,审核等,方便移动办公.这时就需要在现场拍照上传问题,把当场问题进行上传,也有已经拍完照的图片或加工过的图片进行上传.还有在车间现场一体机,工控机这种产物 ...
让你的APP轻松加上扫描二维码功能
在这个二维码横行的年代,如果一个APP连扫描二维码的功能都没有是会被耻笑的.今天小老虎教小白们如何为自己的APP添加扫描二维码功能和生成二维码,并做到外部扫描跳转网页,内部扫描跳转具体Activity ...
在Vue中调用微信的扫描二维码功能
在Vue中调用微信的扫描二维码功能步骤新建vue文件(这里采用mint的标签库--就一个按钮~~) 关键代码 <template><div class="login_d ...
ionic5 + cordova：使用QRScanner完成扫描二维码功能
接到一个app的改造的任务,主要是适配一款手持设备,在页面上增加一个类似微信的二维码扫描的唤醒按钮,点击之后进入扫描二维码的页面---- 步骤如下: 1.在项目中下载QRCode的cordova插件: ...
uni-app实现扫描二维码功能
文章目录 1.重点部分的代码 2.页面的效果图 3.总结 1.重点部分的代码 <view class="flex nfc-ewm"><view class=&qu ...
Unity 摄像头实时扫描二维码
将二维码扫描到的信息 post 到服务器 /***************************************************************************** ...
关于在软件中添加扫描二维码功能的详细步骤及对应的资源。
最近有在一款软件中添加二维码扫描功能,在网上整理了一堆资源后,把一些干货拿出来给大家分享,希望大家以后能更容易的使用这个功能. 详细步骤见这个视频连接:http://www.jikexueyuan.c ...

js打开手机摄像头实现扫描二维码功能

js打开手机摄像头

js打开手机摄像头实现扫描二维码功能相关推荐

最新文章

热门文章