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