Видеофайлы, которые можно воспроизводить

• mp4: видеофайл в распространённом формате, который поддерживается браузерами (mp4/ogg/webm).
• m3u8: потоковое видео в формате Hls (***.m3u8), которое можно воспроизвести.
• flv: видеофайл формата flv, которое можно воспроизвести.
  // src: путь к видео, может быть как локальным, так и сетевым. type: 'mp4', // blob: false, // является ли MP4-видео зашифрованным с помощью blob. src: 'https://blz-videos.nosdn.127.net/1/OverWatch/AnimatedShots/Overwatch_AnimatedShot_Winston_Recall.mp4' })

// /* Общие параметры конфигурации плагина */ const config = { // Будет ли видео воспроизводиться автоматически (эта функция ограничена политикой безопасности браузера и может не работать; решение проблемы — установить для параметра значение «без звука» при инициализации и отключить звук после загрузки) autoplay: false, currentTime: 0, // начальное время воспроизведения видео, в секундах loop: false, // будет ли видео зациклено muted: false, // по умолчанию ли видео без звука playbackRate: 1, // скорость воспроизведения видео по умолчанию poster: '', // путь к изображению первого кадра видео volume: 0.5, // громкость видео по умолчанию, от 0 до 1 showPictureInPicture: true, // будет ли доступна кнопка режима «картинка в картинке» (>=Chrome10) source: source, // ресурс для видеоплагина leftControls: [nextControl], // вставить кнопку «следующее» в левую часть панели управления внизу rightControls: [Dbspeen, fullScreenControl], // вставить кнопки «ускорение» и «полный экран» в правую часть панели управления внизу centerControls: [barrageControl] // вставить элемент управления «ввод титров» в центр панели управления внизу }

// Инициализировать плагин superVideo('videoContainer'). Пожалуйста, убедитесь, что вы правильно указали идентификатор контейнера плагина в HTML. /* eslint-disable no-new */ new Svideo('videoContainer', config)

**Пользовательский элемент управления**<br/>

// Написать элемент управления import { Control } from 'supervideo' export default class CustomControl extends Control { constructor () { super() } create_ () { // Написать код, связанный с элементом управления, здесь // this.element_ // Родительский контейнер элемента управления, добавьте HTML-УЗЕЛ, который вы пишете, в контейнер, тогда он сможет нормально загрузиться в проигрыватель } } // Использовать элемент управления new Svideo('videoContainer', { rightControls: [ new CustomControl() ] })

**Событие**<br/>
Поддерживает мониторинг всех событий нативного видеообъекта.

**Благодарности**<br/>
Декодирование видео форматов hls и flv в superVideo полностью основано на библиотеках с открытым исходным кодом hls.js и flv.js.
Спасибо великим богам, разработавшим эти две библиотеки для декодирования видео.

**Контакты автора электронной почты**<br/>
shuaiwu123@foxmail.com<br/>
lishuaiwu5201314@gmail.com<br/>

**Группа SuperVideo QQ**<br/>
1127738585

**Группа обмена фронтенд-разработчиков H5 QQ**<br/>
106048926

**Группа обмена алгоритмами QQ**<br/>
417370175

**Если этот плагин вам полезен, пожалуйста, пожертвуйте деньги на эскимо, чтобы поддержать автора**<br/>
<img src="https://github.com/hulalalalala/superVideo/blob/alpha/api/alipay.jpg" width="300">