JavaScript将视频并入画布框

Posted 2021-05-07

我正在使用javascript和canvas元素制作时间轴。通常，当时间轴上的事件具有与之关联的图像时，我习惯使用以下代码在画布上绘制图像：

var img = new Image();
img.src = 'image file name';
context.drawImage(img, 0, 0);

但是，有时'image file name'实际上不是图像，而是视频。在这种情况下，我只想在画布上绘制视频帧。可以是任何框架。但是，我不确定如何执行此操作。

答案

我不知道（我不是Web开发人员，我是android开发人员），这是个好主意，或者可以使用canvas作为时间轴，但是我认为您不应该使用canvas。但是我在此视频中找到了可以在这种情况下为您提供帮助的视频，您可以看到可以根据需要在时间轴中放置图像或视频，这里是link。

注意：-

我不拥有此频道或视频，或者与公司没有任何关系。

谢谢。