如何解决从视频中获取缩略图仅有时有效
我正在尝试从我的视频中获取缩略图,但有时我会得到 dataURL
的透明图像而不是实际图像。我究竟做错了什么?我假设某些东西还没有加载,但不确定什么没有加载,或者为什么没有加载。
let video = document.querySelector('#videoForCanvas');
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
video.load();
video.style.display = 'inline';
await new Promise((resolve) => {
video.addEventListener('loadedmetadata',function () {
resolve();
});
});
canvas.width = video.videoWidth;
canvas.height = video.videoHeight;
setTimeout(function(){
ctx.drawImage(video,canvas.width,canvas.height);
const dataURL = canvas.toDataURL();//This shows a transparent image
},1500);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。