TensorflowJS-在不活动的选项卡中进行推理

Question

bounty到期在7天内。该问题的答案有资格获得+ 150声望赏金。Samuel想要引起更多关注对此问题。

我正在使用TensorflowJS在网络摄像头feed上进行推断。可以找到代码here。

<script type="text/javascript">
    let model, webcam, labelContainer;

    // Load the image model and setup the webcam
    async function init() {
        const modelURL = URL + "model.json";
        const metadataURL = URL + "metadata.json";

        // load the model and metadata
        // Refer to tmImage.loadFromFiles() in the API to support files from a file picker
        // or files from your local hard drive
        // Note: the pose library adds "tmImage" object to your window (window.tmImage)
        model = await tmImage.load(modelURL, metadataURL);
        maxPredictions = model.getTotalClasses();

        // Convenience function to setup a webcam
        const flip = true; // whether to flip the webcam
        webcam = new tmImage.Webcam(500, 500, flip); // width, height, flip
        await webcam.setup(); // request access to the webcam
        await webcam.play();
        window.requestAnimationFrame(loop);

    }

    async function loop() {
        webcam.update(); // update the webcam frame
        window.requestAnimationFrame(loop);
    }


</script>

即使您没有激活浏览器选项卡，也可以进行预测吗？由此，我的意思是未选择选项卡，并且浏览器窗口可能已最小化。

Answer 1

问题

requestAnimationFrame在下一个浏览器重新绘制之前被调用。由于选项卡位于背景中，因此不会发生重新绘制。引用Chrome Developer updates：

每documentation，当页面在后台时Chrome不会调用requestAnimationFrame()。

解决方案>>

代替使用requestAnimationFrame，可以使用setTimeout功能：

setTimeout
但是，Chrome也会在10秒后开始限制背景标签。通过使用标志setTimeout(loop, 20); // fixed 20ms delay
启动Chrome，可以解决该问题。有关此背景限制的更多信息，请查看Chrome开发人员有关--disable-background-timer-throttling的信息。