我使用了用于在视频标签中显示网络摄像头显示内容的代码。
如果支持网络摄像头访问,我每秒调用一次此函数:
function refresh() {
var h = video.height;
var w = video.width;
var img = video.getImageData(0, 0, w, h);
document.getElementById('text_01').innerHTML = "!";
}
带有var video
var video = document.querySelector('video');
问题是当我放置这些行时,“ text_01”的文本会成功更改:
document.getElementById('text_01').innerHTML = "!";
img = video.getImageData(0, 0, w, h);
但不是这样的:
img = video.getImageData(0, 0, w, h);
document.getElementById('text_01').innerHTML = "!";
在某些功能后使用innerHTML是否有某种限制?
.getImageData
是<canvas>
元素的功能,而不是<video>
元素。如果您检查了浏览器控制台,则会看到类似的内容getImageData is not a function
。
这就是为什么innerHTML
未设置的原因-由于该错误,代码停止了。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句