首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用javascript或jquery访问火炬(手电筒)?

如何使用javascript或jquery访问火炬(手电筒)?
EN

Stack Overflow用户
提问于 2021-09-22 05:32:21
回答 1查看 1.3K关注 0票数 1

我正在使用html5 5-qrcode条形码扫描器库v2.0.12基于zxing。我使用php,javascript和html来制作一个扫描条形码的PWA。我正在使用iOS 14.7.1在iPhone8上进行测试。

以下是库的文档链接:使用HTML和Javascript的QR和条形码扫描器

我的问题是,一旦扫描仪窗口启动,我就无法在线找到任何允许任何配置设置来启用火炬/手电筒选项的文档。我想这样做的微光设置,它可能有助于获得一个更好的扫描。

UPDATE我已经找到了这个链接到一个叉子,其中提到了手电筒支持,但我不知道如何添加适当的代码或位置。它确实提到相机必须首先被激活。增加检测和打开/关闭闪光灯的支持

在配置设置中,我尝试过“torch:true”,但它什么也不做。我还研究了如何使用getUserMedia。我在这个网站上找到的参考资料似乎都不适用于iphones。

通过网站可以控制手机上的摄像头光线吗?

使用JavaScript和HTML打开网络应用程序上的手机手电筒

NodeJS -移动Android/IPhone中的Tourch/手电筒打开或关闭

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

代码语言:javascript
运行
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2021-11-17 14:05:16

一旦相机启动,你就可以打开或关闭电筒呼叫applyVideoConstraints

代码语言:javascript
运行
复制
function powerTorch(powerOn) 
{    
  if(html5QrCode.getState() === Html5QrcodeScannerState.SCANNING ||
     html5QrCode.getState() === Html5QrcodeScannerState.PAUSED
    )
  {
    html5QrCode.applyVideoConstraints(
       {
         advanced: [{torch: powerOn}]
       });
  }
}

但我认为它在iPhones上仍然不起作用(我朋友的ip13不起作用)。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69278694

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档