Как делают медиа-плейеры на различных веб-ресурсах, где можно смотреть фильмы или сериалы онлайн?
Я знаю, как добавить возможность просмотра видео с помощью HTML-тега 'VIDEO'. Просто указываешь ссылку на видео (или добавляешь несколько источников), добавляешь субтитры с помощью тега 'TRACK', если нужно. Но это, похоже, банальный способ добавить возможность просмотра видео-файла. Медиа-плейеры на различных ресурсах устроены гораздо сложнее. Дело явно не ограничивается одним HTML 5. Создается даже впечатление, что видео разделено на части, и каждая из них подгружается, если пришла ее очередь. Даже скачать нельзя, как в случае с тегом 'VIDEO'. Существуют ли какие-то гайды по этой теме? Хочется узнать, как делают медиа-плейеры различные стриминговые сервисы.
Все HTML5 плееры построены вокруг тега video, но сейчас многие используют технологии HLS или DASH, в которых видео разбито на чанки - короткие фрагменты. Эти фрагменты склеиваются в плеере с помощью интерфейса Media Source Extensions, встроенного в современные браузеры, и передаются тегу video. Можно взять библиотеки hls.js или dash.js, либо плееры, которые их используют (videoJS, playerJS, plyr и так далее).
