M3U8 Онлайн-плеер

Лучшие практики онлайн-воспроизведения HLS

HTTP Live Streaming (HLS) — адаптивный протокол Apple, ставший мировым стандартом для прямых эфиров и VOD. HLS описывает через M3U8-индексы сегменты TS или fMP4; плеер автоматически переключает качество по состоянию сети. Наш HLS-инструмент создан для разработчиков и DevOps: быстро проверить CDN-узлы, корректность M3U8-индекса, доступность сегментов и разумность битрейт-лестницы. По сравнению с десктопными плеерами браузерный HLS легче — вставьте URL master playlist и сразу тестируйте без прокси и правок hosts. Встроенный hls.js даёт на не-Safari браузерах почти нативный опыт и показывает текущий битрейт и буфер. Для инженеров видеоплатформ — первая точка диагностики HLS; для авторов — быстрый предпросмотр экспортированных HLS-ресурсов. Вложенные master/media playlists или EXT-X-KEY — страница даёт наглядную обратную связь.

Шаги для HLS онлайн-воспроизведения

  1. Получите полный URL HLS master playlist или media playlist.
  2. Вставьте URL и нажмите «Воспроизвести» — hls.js разберёт EXT-X-STREAM-INF и выберет подходящий битрейт.
  3. Наблюдайте за воспроизведением; при необходимости смените качество в панели; при ошибках проверьте синтаксис M3U8 и CORS сегментов.

Частые вопросы об HLS онлайн-воспроизведении

В чём разница между HLS master playlist и media playlist — какой URL вставлять для онлайн-воспроизведения — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
Master playlist содержит ссылки на несколько версий с разным битрейтом — плеер выбирает автоматически; media playlist указывает на одну конкретную качественную дорожку. Рекомендуется master playlist для адаптивного битрейта.
При HLS-воспроизведении появляются ошибки #EXT-X-KEY — как проверить конфигурацию ключей зашифрованного потока — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
Проверьте, доступен ли URI в теге EXT-X-KEY, возвращает ли сервер ключей корректный AES-128 и настроен ли заголовок Access-Control-Allow-Origin для кросс-доменных запросов браузера.
В чём разница между hls.js и нативным HLS в Safari — почему одна ссылка ведёт себя по-разному в разных браузерах?
Safari использует системный HLS-декодер с лучшей совместимостью; другие браузеры декодируют через hls.js и MediaSource Extensions. Некоторые расширенные функции HLS (например, отдельные DRM-схемы) поддерживаются только нативно в Safari.
Какие условия нужны для адаптивного переключения битрейта HLS — как убедиться, что выбрано правильное качество — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
Master playlist должна содержать несколько записей EXT-X-STREAM-INF с возрастающими BANDWIDTH и доступными сегментами. Во вкладке «Сеть» можно наблюдать частоту запросов сегментов разных битрейтов.
Может ли HLS-инструмент обрабатывать Low Latency HLS (LL-HLS) или fMP4-сегменты HLS?
Стандартный HLS (TS и fMP4) воспроизводится. Часть LL-HLS-функций зависит от версии hls.js и конфигурации источника; без тегов PART и других расширений поток обрабатывается как обычный HLS.
More versions