Skip to content

Вставка видео на сайт (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 в свойствах каждого потока в административном интерфейсе.

Пример:

<iframe style="width:640px; height:480px;" allowfullscreen src="http://hostname/streamname/embed.html"></iframe>

Код вставляет на страницу окно с плеером фиксированного размера — 640x480 пикселей. Воспроизведение начинается автоматически.

Дополнительные параметры

Для большинства задач никакой дополнительной настройки не требуется, но embed.html имеет параметры, которые можно задать с помощью URL. Дополнительные параметры задаются в адресной строке:

http://FLUSSONIC-IP/STREAM_NAME/embed.html?autoplay=false&play_duration=600

В этом примере видео будет воспроизводиться без автозапуска, при этои проигрывание прекратится через 10 минут.

Подробное описание всех дополнительных параметров проигрывания можно найти в разделе Query parameters в справочнике Streaming API.

Если у потока есть несколько аудио- и видеодорожек, вы также можете использовать параметр filter.tracks, чтобы указать дорожки, которые хотите воспроизвести, например ?filter.tracks=v2a1 означает видеодорожку v2 и аудиодорожку a1.

Пример доступа к видео из архива

Например, ссылка для доступа к записи телепередачи будет содержать параметры from и to:

http://FLUSSONIC-IP/STREAM_NAME/embed.html?from=1511300552&to=1511300852

Такие ссылки лучше формировать с помощью серверных скриптов на основе программы передач (EPG) для организации CatchUp сервиса.

DVR плеер

Чтобы просмотреть архив записи для потока, откройте DVR плеер при помощи ссылки:

http://FLUSSONIC-IP/STREAM_NAME/embed.html?dvr=true

Плеер позволяет проиграть видео из архива, для больших архивов доступен календарь, а не только временная шкала. Интерфейс плеера позволяет задать масштаб временной шкалы, включить ускоренное воспроизведение и сохранить указанный интервал в виде MP4 файла.

DVR плеер

Для DVR плеера доступны все дополнительные параметры адреса, кроме ago.

Интерфейс плеера позволяет автоматически генерировать ссылки формата embed.html?dvr=true&from=1511300552 без использования дополнительных утилит. Просто откройте нужный момент в архиве и нажмите на часы, чтобы открыть ссылку с параметром from.

См. также:

Мультиоконный режим DVR плеера

Note

Сейчас эта функциональность доступна с использованием экспериментального параметра streams, который возможно, будет изменен. Актуальный список параметров embed.html можно найти в справочнике Streaming API.

В некоторых ситуациях может быть необходимо просмотреть архивы с нескольких видеопотоков в одном плеере с общей временной шкалой. Например, вы можете захотеть синхронно просмотреть записи с нескольких камер наблюдения, чтобы видеть одно и то же помещение с разных точек зрения. В этом случае можно использовать DVR плеер в мультиоконном режиме.

Для этого можно добавить в ссылку для проигрывания DVR параметр streams и перечислить в нем через запятую все необходимые потоки:


http://FLUSSONIC-IP/STREAM_NAME/embed.html?dvr=true&streams=cam01,cam02,cam03,cam04

Note

Вместо STREAM_NAME в этот URL-адрес можно подставить имя любого потока, т.к. для проигрывания будут использоваться потоки, перечисленные в параметре streams.

В результате все архивы будут проигрываться в отдельных окнах внутри DVR плеера.

Multiwindow DVR

Авторизация потоков

Flussonic Media Server имеет встроенные механизмы базовой защиты от вставки плеера на других сайтах. Более подробно про такую защиту вы можете прочесть в разделах Domain lock и CORS для защиты плеера.