javascript - 使用 Javascript 中的 url 源从 Img 标签获取帧

Question

我的 html 中有一个 img 标签

<img width="600px" height ="400px" id='the_img_1' src='http://127.0.0.1:5000/video_feed'>

Img 元素正在显示来自本地 url 的视频。

我想从 javascript 中的这个 img 标签获取视频的帧(或 jpg 格式的图像)。这可能吗？

Answer 1

我希望这会帮助你这正是你想要的这不是最好的方法，但它是根据你的要求:

var imgTags = document.getElementsByTagName('img');
for(i=0; i<imgTags.length; i++){
  var iframurl = imgTags[i].getAttribute("src");
  var iframe = document.createElement('iframe');
  iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(iframurl);
  document.body.appendChild(iframe);
}

<img width="600px" height ="400px" id='the_img_1' src='http://127.0.0.1:5000/video_feed'>