Просмотр трансляций HLS в браузере с помощью Native Player HLS

Добавлено:  07-06-2019 12:30 Soft-Fresh

Тэги:  HLS ссылки,просмотр HLS в браузере

Средняя оценка: 3.05   Голосов: 78
Просмотр трансляций HLS в браузере

После долгого перерыва, решил, все-таки, добавить новый материал на сайт. В сегодняшней статье речь пойдет о просмотре "стриминговых" трансляций HLS в браузере.

Для начала, краткое определение, что же такое HLS. Hls или HTTP Live Streaming - это протокол разработанный компанией Apple для потоковой передачи медиа (видео и аудио-контента).

В основе протокола лежит принцип разбиения целостного видеопотока на куски (части трансляции), которые с некоторой периодичностью отдаются пользователю. Сама трансляция оформляется ссылкой с расширением .m3u, так называемым плейлистом, в котором и содержится информация о вложенных потоках.

Стоит отметить, что протокол HLS для оформления стриминговых трансляций, будь-то онлайн тв или какой-либо контент (фильм, сериал или клип), весьма распространен в интернете. По статистике более половины всех трансляций в веб пространстве, используют именно его.

Собственно, это была вводная часть. Далее поговорим, о том, как воспроизвести ссылку плейлиста с расширением .m3u в режиме онлайн в браузере. Вся нижеприведенная инфа касается браузеров Google Chrome и Mozilla Firefox, как наиболее популярных для использования среди пользователей при серфинге в интернете.

Как обычно, ссылки на расширение для просмотра HLS трансляций в браузере доступны в конце обзора.

Установка расширения NHS (Native Hls Player) в браузер.

Чтобы просмотреть плейлист в формате .m3u в браузере, для начала, нужно установить расширение, которое позволит нам это сделать.

По ссылке, приведенной в конце статьи переходим на страницу расширения для вашего браузера. Так как я пользуюсь Google Chrome, то и, соответственно, описание будет посвящено ему. Процесс для Mozilla Firefox идентичен, в его случае просто устанавливаете расширение именно для него.

Страница расширения Native-HLS для Google Chrome

Далее - все просто, нажимаем кнопку "Установить" и спустя некоторое время значок расширения появится в панели уведомлений активных расширений.

Активация расширения Native Hls

После нажатия на значок расширения, пользователю доступны некоторые действия с данным плагином. В меню "options" можно, в частности, изменить некоторые настройки. Выбрать версию скрипта, который отвечает за воспроизведение hls трансляций, включить логи (полезно, чтобы можно было видеть ошибки приложения в консоли браузера), а также выбрать режим вопроизведения видео в оригинальном размере трансляции.

Настройка Native Hls

После установки и настройки расширения, достаточно вставить текст ссылки .m3u в строку поиска браузера и перейти по ней, чтобы трансляция запустилась.

Ссылка m3u в поисковой строке браузера
Воспроизведение HLS трансляции в окне браузера.

Напоследок, как и обещал в самом начале сего опуса, оставляю ссылки на расширение Native HLS для Mozilla Firefox и Google Chrome.

Расширение Native HLS для Google Chrome скачать
Расширение Native HLS для Mozilla Firefox скачать

На этом все, надеюсь данный материал был полезен...

Комментарии ()
    Top