029-89353355
乐鱼体育直播下载 contact us
手机:18991830957
座机:029-89353355
Q Q:359316042
邮箱:xr@x-barcode.com
地址:西安市雁塔区雁塔西路158号双鱼大厦A座13层
企业公众号
关于第一个过程,网络上有太多的解决方案,Jerry 本文只共享自己在项目中用过并测试通过的几种办法。
关于第二个过程,明显咱们不必重复造轮子,能够运用 SAP UI5 控件库里的 sap.ndc.BarcodeScanner 控件,操作摄像头进行条形码扫描。
怎么运用 JavaScript 调用本机( PC 端或许移动设备端)的摄像头
办法 enumerateDevices 选用异步履行的方法,枚举出本机支撑的一切多媒体设备(包括摄像头),将成果传递给回调函数 gotDevices.
在调试器里检查这些枚举出的多媒体设备明细,发现和我 Windows10 操作系统里检查到的共同:
在 PC 端或手机端浏览器环境第一次履行包括上述 WebRTC API 调用的 Web 运用时,会弹出一个对话框,问询用户是否颁发该运用拜访摄像头和麦克风等本机多媒体设备的权限:
至于怎么运用 JavaScript 将当时摄像头视界内的内容另存为一张图片,和本文主题无关,详细过程请参阅 Jerry 之前的大众号文章:纯 JavaScript 完成的调用设备摄像头并摄影的功用。
详细的代码编写能够检查我这篇文章:怎么在 SAP UI5 运用里增加运用摄像头摄影的功用。
依照上述文章过程在 PC 端第一次运转 SAP UI5 运用,点击 Scan 按钮,会弹出一个对话框,问询用户是否答应该运用拜访 Camera(摄像头):
挑选答应之后,浏览器右上角会呈现一个摄像头图标,提示用户,当时运用正在运用本机的摄像头。
有朋友反映,相同的 SAP UI5 代码,在 PC 浏览器端能够正常拜访摄像头,在手机端浏览器运转,就无法翻开摄像头。弹出的是一个扫描器不可用,让用户手动输入条形码的对话框。
遇到这种状况,盲目猜想杯水车薪。在手机上单步调试,有助于精确找到问题症结。
在 Android 手机上翻开 USB 调试形式,用数据线将笔记本电脑和手机连接起来:
在 Chrome 开发者东西里找到手机上运转的 SAP UI5 运用进程,点击 inspect 即可开端调试:
不然履行 fallback 分支,即下图第 618 行的 else 句子,弹出一个对话框,要求用户手动输入 barcode.
成功装置后,在手机上检查该 Cordova 运用需求的权限,暂时为 无需权限。
成功增加之后从头构建运用,点击 Scan 按钮之后,弹出了问询用户是否运转该运用拜访设备摄像头的窗口: