如何使用 javascript 或 jquery 访问手电筒（手电筒）？答案

【问题标题】：How to access torch (flashlight) using javascript or jquery?如何使用 javascript 或 jquery 访问手电筒（手电筒）？
【发布时间】：2021-11-15 14:15:47
【问题描述】：

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

这是该库的文档链接： QR and barcode scanner using HTML and Javascript

我的问题是，一旦扫描仪窗口启动，我无法在网上找到任何允许任何配置设置启用手电筒/手电筒选项的文档。我想在光线不足的情况下这样做，这可能有助于获得更好的扫描效果。

更新我发现这个链接指向一个提到手电筒支持的叉子，但我不知道如何添加适当的代码或在哪里。它确实提到必须首先激活相机。 Add support for detecting and turning on/off flash light

在配置设置中，我尝试了“torch: true”，但它没有做任何事情。我也研究过使用 getUserMedia。我在这个网站上找到的参考资料似乎都不适用于 iphone。

Is it possible to control the camera light on a phone via a website?

Turn on phone flashlight on web app using JavaScript and HTML

NodeJS - Turn On and Off Tourch/Flashlight in mobile Android/IPhone

是否可以使用 jquery 或 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>

【问题讨论】：

标签： javascript html jquery jquery-plugins

【解决方案1】：

相机启动后，您可以拨打applyVideoConstraints打开或关闭手电筒。

function powerTorch(powerOn) 
{    
  if(html5QrCode.getState() === Html5QrcodeScannerState.SCANNING ||
     html5QrCode.getState() === Html5QrcodeScannerState.PAUSED
    )
  {
    html5QrCode.applyVideoConstraints(
       {
         advanced: [{torch: powerOn}]
       });
  }
}

但我认为它仍然无法在 iPhone 上运行（它不适用于我朋友的 ip13）。

【讨论】：