Я разрабатываю расширение, которое получает эскизы из видео и столкнулось с проблемой, которую я, когда я называю drawImage
на холсте, используя видео с источником blob:
, нарисованное изображение полностью прозрачно. Ниже приведен код, используемый в скрипте содержимого:
video.addEventListener("seeked", () => {
let canvas = document.createElement("canvas");
canvas.width = 160;
canvas.height = 90;
canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
console.log(canvas.toDataURL());
chrome.storage.local.set({[imageKey]: canvas.toDataURL()},()=>console.log("saved"));
});
video.currentTime = 10;
Элемент video был загружен, и этот метод работает с элементами без источника, включая blob
. Будем весьма благодарны за любые советы и рекомендации о том, как получить реальное изображение.