Вставка видео на сайт (embed.html)¶

У сервера Flussonic Media Server есть специальная страница — embed.html, которая предназначена для вставки видео на сайт и просмотра видео через браузер. Технически embed.html — тот же плеер, что используется в административном интерфейсе Flussonic Media Server.

Страница с плеером доступна по ссылке:

http://HOSTNAME/STREAMNAME/embed.html

Страница автоматически определяет браузер и выбирает поддерживаемый видео-протокол. Для большинства устройств на сегодня — HLS (используется плеером по умолчанию).

Вызывается плеер двумя способами:

• При открытии 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.

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

Например, ссылка для доступа к записи телепередачи будет содержать параметры 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-плеера доступны все дополнительные параметры адреса, кроме ago.

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

См. также:

• Обо всех способах проиграть архив можно прочитать в разделе Проигрывание архива

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

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

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

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

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

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

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