Question

我的html中有一个img标签

optimize

Img元素正在显示本地网址的视频。

我想在javascript中从这个img标签中获取一个视频帧（或jpg形式的图像）。这可能吗？

Answer 1

我希望这会对你有所帮助，这正是你想要的，这不是最好的方式，但它符合你的要求：

datetime

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);
}

Answer 2

使用画布。 1.在画布上绘制img标签内容 2.从canvas获取DataUri（编码的base64字符串）

var img = document.getElementById("the_img_1");
var canvas = document.getElementById('myCanvas') // reference to canvas element
var ctx = canvas.getContext('2d'); // get the canvas context;
ctx.drawImage(img, 0, 0, 640,480); //draw image into canvas;
encodedImg = canvas.toDataURL("image/png");

使用Javascript中的url源从Img标记获取帧

2 个答案: