18910140161

HTML-如何使用JavaScript或jQuery访问手电筒(手电筒)?-堆栈溢出

顺晟科技

2022-10-18 13:10:47

231

我使用的是基于ZXing-JS的HTML5-QRCode条码扫描器库V2.0.12。我正在使用PHP,JavaScript和HTML来制作一个扫描条形码的PWA.我正在使用IOS 14.7.1测试iPhone 8。

以下是库的文档链接:使用HTML和JavaScript

的QR和条形码扫描仪

我的问题是,我找不到任何在线文档,该文档允许在扫描仪窗口启动后启用手电筒/手电筒选项的任何配置设置。我想这样做的低光设置,它可能有助于获得更好的扫描。

更新我发现这个链接指向一个提到手电筒支持的分支,但我不知道如何添加适当的代码或在哪里。它确实提到了相机必须首先被激活。添加对检测和打开/关闭闪光灯

的支持在

配置设置中,我尝试了' Torch:True ',但它不执行任何操作。我还研究了使用GetUserMedia.我在这个网站上找到的参考资料似乎都不适用于iPhone.

是否可以通过网站控制手机上的相机灯?

使用JavaScript和HTML

在Web应用程序上

打开手机手电筒

NodeJS-在移动Android/iPhone

中打开和关闭Tourch/手电筒

是否可以使用jQuery或JavaScript代码和/或库来添加切换开关以手动打开它?在这一点上,用户已经授予浏览器访问电话的权限,如果这有区别的话。

<代码><;脚本SRC=";UNK1@2.0.9/dist/html5-qrcode.min.JS";>;<;/script>;<;DIV ID=";reader";宽度=";350px";>;<;/DIV>;<;脚本>;const HTML5QRCode=新HTML5QRCode(";阅读器";);/**成功的扫描操作**/常量qrCodeSuccessCallback=(DecodedText,DecodedResult)=>;{html5qrcode.stop();警报(解码文本);};/**定义扫描仪默认设置**/常量配置={FPS:60,数量箱:275,火炬:正确,纵横比:1.0};html5qrcode.start({facingmode:{exact:";environment";}},config,qrcodeSuccessCallback);<;/脚本>;

顺晟科技:

摄像机启动

后,您可以调用ApplyVideoConstraints打开或关闭手电筒。

<script src="https://unpkg.com/html5-qrcode@2.0.9/dist/html5-qrcode.min.js"></script>

<div id="reader" width="350px"></div>

<script>
  const html5QrCode = new Html5Qrcode("reader");
  /** successful scan actions **/
  const qrCodeSuccessCallback = (decodedText, decodedResult) => {
    html5QrCode.stop();
    alert (decodedText);
  };
  /** define scanner default settings **/
  const config = { fps: 60, 
                   qrbox: 275, 
                   torch: true,
                   aspectRatio: 1.0
                 };
  html5QrCode.start({ facingMode: { exact: "environment"} }, config, qrCodeSuccessCallback);
</script>

但我认为它仍然无法在iPhone上运行(它无法在我朋友的IP13上运行)。

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航