我正在使用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代码和/或库添加一个切换开关来手动打开它?此时,用户已经授予浏览器访问电话的权限,如果这有区别的话。
<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>
发布于 2021-11-17 14:05:16
一旦相机启动,你就可以打开或关闭电筒呼叫applyVideoConstraints。
function powerTorch(powerOn)
{
if(html5QrCode.getState() === Html5QrcodeScannerState.SCANNING ||
html5QrCode.getState() === Html5QrcodeScannerState.PAUSED
)
{
html5QrCode.applyVideoConstraints(
{
advanced: [{torch: powerOn}]
});
}
}
但我认为它在iPhones上仍然不起作用(我朋友的ip13不起作用)。
https://stackoverflow.com/questions/69278694
复制相似问题