最近在做一个web camera的需求。基本功能是结合图像识别算法，进行证件或者活体的验证。
在实现H5的功能时，衍生出息屏后也需要正常使用的需求，所以增加了visibilitychange监听事件的逻辑，当前页面变为可见时，先关闭web camera，再重新打开web camera。
这里其实经历了两次变化。
第一次：活体检测息屏后，由于没有立即关掉camera，同时也没有终止requestAnimation事件，导致息屏后活体检测的逻辑仍然在走，对于动作检测完全不准确。所以我针对活体检测的visibilitychange监听事件做了调整。当前页面不可见时，关闭camera，页面可见时，再重新打开web camera。
本来功能是很顺畅的。但我们遇到了真我GT 6T这个奇葩。每次打开web camera都要请求一次权限，同时请求一次权限就会触发visibilitychange监听事件，触发监听事件后，由于当前页面是可见的，所以会再次触发打开web camera。就这样，A 触发B，B触发A，A再触发B，B再触发A。导致不断出现请求权限弹框，流程完全无法走下去。
所以进行了第二次改动。
第二次：调整第一次的逻辑。恢复原来visibilitychange监听事件的逻辑：当前页面变为可见时，先关闭web camera，再重新打开web camera。
但是在活体检测组件本身增加visibilitychange监听事件，当页面不可见时，取消requestAnimationFrame逻辑。在打开web camera 后，重新执行活体检测功能。
目前看来，这个处理方法比较可靠。