Миниатюра Реактивного игрока

Question

Я использую реагирующий плеер для воспроизведения видео.Не уверен, есть ли какие-либо лучшие варианты, но это, кажется, делает работуЕдинственная проблема, которая у меня есть, заключается в том, что мне нужно получить эскизы для видео.Есть идеи, как мне это обойти?

Если вы знаете о каком-то лучшем варианте воспроизведения видео в веб-приложении React с поддерживаемыми миниатюрами, это также было бы здорово.

<ReactPlayer                                                    
 className="videoFrame"
 url={url}
 playing
 controls
/>

Спасибо

Редактировать: я закончилиспользовать само видео в качестве эскиза и блокировать все события мыши над ним.Затем используйте родительский div в качестве кнопки.В случае YouTube я заменяю видео миниатюрой, предоставленной YouTube (https://img.youtube.com), из-за большой кнопки воспроизведения над видео.У большинства других игроков его нет.

Answer 1

Вам необходимо захватить первый кадр видео как изображение, а затем сохранить его и использовать.Но это используется, когда вы работаете с обработкой изображений.Я рекомендую следующие варианты. Пожалуйста, проверьте здесь - https://www.npmjs.com/package/react-player, в противном случае перейдите по этой ссылке - https://video -react.js.org /