javascript - javascript从视频网址生成视频缩略图

我将从JavaScript中的视频网址生成视频缩略图。
我需要通过ajax完成此操作。
所以我遵循了这种方法。

var src = thumbnail; ///video url not youtube or vimeo,just video on server
var video = document.createElement('video');

video.src = src;

video.width = 360;
video.height = 240;

var canvas = document.createElement('canvas');
canvas.width = 360;
canvas.height = 240;
var context = canvas.getContext('2d');

context.drawImage(video, 0, 0, canvas.width, canvas.height);
var dataURI = canvas.toDataURL('image/jpeg');
html += '<figure>';
html += '<img src="' + dataURI + '' + '" alt="' + item.description + '" />';
html += '<figurecaption>'+item.description+'</figurecaption>'
html += '</figure>';

但是我得到的只是黑色图像。
我想这是因为负载问题，但是找不到解决方案。
期待您的回音。

问候。

最佳答案

您可以安装npm:video-metadata-thumbnails，然后像这样使用它:

import { getMetadata, getThumbnails } from 'video-metadata-thumbnails';

const thumbnails = await getThumbnails(blob, {
  quality: 0.6
});
console.log('Thumbnails: ', thumbnails);

关于javascript - javascript从视频网址生成视频缩略图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40143958/