Как получить скриншот от ReactPlayerJavascript

Форум по Javascript
Ответить
Anonymous
 Как получить скриншот от ReactPlayer

Сообщение Anonymous »

Я использую React-Player (от https://www.npmjs.com/package/react-player) и javaScript (.tsx), и я хочу иметь скриншот (в файле или в холсте), когда я нажимаю кнопку. /> Это моя попытка кода: < /p>

Код: Выделить всё

var canvas: HTMLCanvasElement = document.createElement("canvas");

canvas.width = video.getInternalPlayer().width;
canvas.height = video.getInternalPlayer().height;

console.log("captureVideoFrame passed first step ...");

if (playerRef.current)   canvas?.getContext('2d')?.drawImage(playerRef.current.getInternalPlayer().video, 0, 0);
< /code>
Но я получаю ошибку на последней строке: < /p>
Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLCanvasElement or HTMLImageElement or HTMLVideoElement or ImageBitmap or OffscreenCanvas or SVGImageElement or VideoFrame)'.
at captureVideoFrame (Player.tsx:187:58)
at myOnTimelineFileClickCallback (Player.tsx:135:9)
at onFileClick (Timeline.tsx:2252:38)
Пожалуйста, сообщите, как я могу это исправить?

Подробнее здесь: https://stackoverflow.com/questions/797 ... eactplayer
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Javascript»