Вставка видео на сайт (embed.html)
У сервера Flussonic Media Server есть специальная страница — embed.html, которая предназначена для вставки видео на сайт и просмотра видео через браузер. Технически embed.html
— тот же плеер, что используется в административном интерфейсе Flussonic Media Server.
Страница с плеером доступна по ссылке:
http://HOSTNAME/STREAMNAME/embed.html
Страница автоматически определяет браузер и выбирает поддерживаемый видео-протокол. Для большинства устройств на сегодня — HLS (используется плеером по умолчанию).
Caution
Проигрывание видео в браузере может начаться без звука по причине политики, принятой разработчиками браузера. По ссылке объясняется политика и условия, при которых звук включится сам. Политика автопроигрывания на примере Chrome
Вызывается плеер двумя способами:
- При открытии
embed.html
напрямую (указав ссылку в адресной строке) видео развернется на размер окна браузера и автоматически начнет воспроизведение.
-
Также
embed.html
удобен для вставки видео на сайт как части веб-страницы. HTML-код для вставки доступен на странице Overview в свойствах каждого потока в административном интерфейсе.Пример:
html <iframe style="width:640px; height:480px;" allowfullscreen src="http://hostname/streamname/embed.html"></iframe>
Код вставляет на страницу окно с плеером фиксированного размера — 640x480 пикселей. Воспроизведение начинается автоматически.
Дополнительные параметры
Для большинства задач не требуется дополнительная настройка, но embed.html
имеет параметры, которые можно задать с помощью URL. Дополнительные параметры задаются в адресной строке:
http://HOSTNAME/STREAMNAME/embed.html?autoplay=false&play_duration=600
- autoplay — автозапуск воспроизведения при открытии страницы. По умолчанию значение
true
. Чтобы выключить автозапуск, установитеfalse
. Показывает скриншоты перед просмотром. Проигрывание со звуком определяется политикой браузера. - volume - уровень начальной громкости звука, возможные значения: volume=0-100.
- mute - управление звуком, доступные значения
true
илиfalse
. - play_duration — через сколько секунд остановить воспроизведение видео. По умолчанию выключен. Полезен для экономии трафика.
- realtime (realtime=true) — включает вещание через протоколы с низкой задержкой. Протокол автоматически выбирается между MSE-LD, RTMP или WebRTC. По умолчанию выключен, установите значение
true
для воспроизведения видео с низкой задержкой.
Danger
Вещание с низкой задержкой сильнее загружает сеть и процессор, не используйте его без необходимости.
- dvr — открывает архивный плеер. Для доступа к архиву укажите значение true. Подробности ниже.
- ago — разрешает пользователям перематывать видео назад. Значение задается в секундах. По умолчанию выключен. Удобнее DVR плеера для просмотра видео за последние несколько минут или часов. Идеально подходит для организации паузы и перемотки живого видео на сайте. Например, час перемотки задается так: embed.html?ago=3600.
- from — Unix timestamp начала записи. При указании этого параметра плеер перейдет к воспроизведению timeshift-abs плейлиста с указанного времени.
- to — Unix timestamp окончания записи. Используется только в связке с from. Плеер откроет HLS VOD, и будет доступна перемотка в рамках указанного интервала.
- liveSyncDurationCount — задает количество буферизованных сегментов для воспроизведения потоков HLS. Помогает предотвратить задержки из-за нестабильности сети передачи данных. Не используйте вместе с
realtime=true
. Пример: embed.html?liveSyncDurationCount=4
Пример доступа к видео из архива
Например, ссылка для доступа к записи телепередачи будет содержать параметры from
и to
:
http://HOSTNAME/STREAMNAME/embed.html?from=1511300552&to=1511300852
Такие ссылки лучше формировать с помощью серверных скриптов на основе программы передач (EPG) для организации CatchUp сервиса.
DVR плеер
Чтобы просмотреть архив записи для потока, откройте DVR плеер при помощи ссылки:
http://HOSTNAME/STREAMNAME/embed.html?dvr=true
Плеер позволяет проиграть видео из архива, для больших архивов доступен календарь, а не только временная шкала. Интерфейс плеера позволяет задать масштаб временной шкалы, включить ускоренное воспроизведение и сохранить указанный интервал в виде MP4 файла.
Для DVR плеера доступны все дополнительные параметры адреса, кроме ago.
Интерфейс плеера позволяет автоматически генерировать ссылки формата embed.html?dvr=true&from=1511300552 без использования дополнительных утилит. Просто откройте нужный момент в архиве и нажмите на часы, чтобы открыть ссылку с параметром from.
См. также:
- Обо всех способах проиграть архив можно прочитать в разделе Проигрывание архива