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

HLS PiP в разных сценариях

HLS-контент часто длинный — матч часами, курс десятки минут, камера 24/7. Полный экран блокирует работу. HLS PiP уменьшает поток до угла экрана поверх других окон — вы продолжаете задачи без остановки видео. Picture-in-Picture API независим от вкладки — переключение приложений не прерывает воспроизведение. Для live — не пропустить ключевой момент; для VOD — сопутствительное обучение со speed. hls.js стабилен в PiP без потери буфера. Сценарии: мониторинг, фоновое участие в встречах, конспект при курсе, новости в фоне. Включение и выключение в один клик — без настроек и плагинов.

Как включить HLS PiP

  1. Воспроизведите HLS/M3U8 и дождитесь стабильного вывода.
  2. Нажмите PiP — HLS станет плавающим окном.
  3. Переключитесь на другие приложения; закройте окно для выхода из PiP.

Частые вопросы о HLS PiP

Та же ли задержка HLS live в PiP, что и в fullscreen — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
Да — PiP меняет только окно рендеринга, hls.js работает так же. Задержка live по-прежнему от конфигурации сегментов HLS.
Какие браузеры поддерживают HLS PiP — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
Chrome 70+, Edge 79+, Safari 13+ на десктопе. iOS Safari 14+ частично; Android Chrome — по версии. Рекомендуем desktop.
Работает ли ABR переключение битрейта в HLS PiP — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
Да — ABR в PiP идентичен fullscreen; hls.js мониторит bandwidth и переключает незаметно для пользователя.
Потребляет ли длительный HLS live в PiP много ресурсов системы — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
PiP обычно легче fullscreen — меньше пикселей, ниже нагрузка на GPU. Декодирование hls.js то же; следите за трафиком при длительном просмотре.
Можно ли совместить HLS PiP с изменением скорости — прочитайте подробный ответ ниже, чтобы быстро разобраться во всех деталях и важных нюансах.
Да — задайте скорость до PiP. В маленьком окне переключателя может не быть, но выбранная скорость сохраняется.
More versions