从videojs播放器捕获图像

Question

如何在base64或png / jpeg中捕获图像。来自videojs播放器？ 我必须通过在videojs播放器上捕获图像来将图像保存到数据库，以便创建缩略图。

Answer 1

Canvas上下文的drawImage()方法支持从视频元素进行复制。因此，您可以创建画布，获取其2D绘图上下文，将当前视频帧绘制到画布，然后从画布导出PNG。

例如。

const video = document.querySelector('video');
const canvas = document.createElement('canvas');

// Set the width/height to match.
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;

// Draw the current frame to the canvas
const canvasContext = canvas.getContext('2d');
canvasContext.drawImage(video, 0, 0);

从那里看到保存画布的问题：Capture HTML Canvas as gif/jpg/png/pdf?