Canvas возвращает пустой URI, когда обращается к видео с источником BLOB-объектов - Javascript - PullRequest
0 голосов
/ 10 января 2020

Я разрабатываю расширение, которое получает эскизы из видео и столкнулось с проблемой, которую я, когда я называю 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. Будем весьма благодарны за любые советы и рекомендации о том, как получить реальное изображение.

...