浏览器关闭或浏览器在移动设备上Html5-Qrcode转到后台时关闭条形码扫描的问题

Question

在移动或桌面上使用 html5-qrcode 时，如果用户关闭浏览器或更改浏览器选项卡而没有停止处于扫描模式的 html5-qrcode，html5-qrcode 仍会像扫描一样使用摄像头源。这会在我自己的应用程序中产生问题。如果用户关闭浏览器或将其置于移动应用程序的后台或浏览器选项卡发生更改，是否可以在扫描模式下停止 html5-qrcode？在最佳实践中可以为此做些什么？或者模块内是否有满足此需求的集成？我想指出的是，我要感谢制作这个开源应用程序的人们。它使我免于购买付费模块。

模型Github： Html5-二维码

Answer 1

存在一个 document.visibilityState 事件，它会告诉您用户何时停止查看您的页面...

document.addEventListener('visibilitychange',()=>{

 if(document.visibilityState!=='visible'){

  // perform some task    

 }

});