开发者问题收集

TensorflowJS-在非活动选项卡中执行推理

2020-03-05
235

我正在使用 TensorflowJS 对网络摄像头源进行推理。代码可以在 此处 找到。

<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>

有没有办法即使在浏览器标签未处于活动状态时也能进行预测?我的意思是未选择标签并且浏览器窗口可能会最小化。

1个回答

问题

requestAnimationFrame 在下一次浏览器重绘之前被调用。由于标签位于背景中,因此不会发生重绘。引用 Chrome 开发者更新

Per the documentation , Chrome does not call requestAnimationFrame() when a page is in the background.

解决方案

除了使用 requestAnimationFrame ,您还可以使用 setTimeout 函数:

setTimeout(loop, 20); // fixed 20ms delay

但是,Chrome 也会在 10 秒后开始限制后台标签。可以通过使用标志 --disable-background-timer-throttling 启动 Chrome 来解决该问题。有关此后台限制的更多信息,请查看 Chrome 开发者提供的有关 基于预算的后台计时器限制 的信息。

Thomas Dondorf
2020-03-09