Логотип Performance HubPerformance Hub
Раздел сайта: Документация

Добавление контента

На этой странице

Всё, что показывает экран, начинается в Library. На этой странице описаны все способы добавления контента: изображения и видео, веб-страницы, приложения и трансляции с камер в реальном времени. Когда элемент окажется в Library, опубликуйте его на экранах или добавьте в плейлист.

Краткая справка

Где найти: Display Screens → Library → Add content

Кому доступно: пользователям с доступом к Display Screens на объекте. Для трансляций с камер видеонаблюдения также нужен доступ к видеонаблюдению на объекте.

Назначение: добавление нового контента в Library для последующей публикации

Диалоговое окно Add contentДиалоговое окно Add content

Рисунок 1. Добавление контента в Library

Нажмите Add content на вкладке Library, а затем выберите, что добавить. Поддерживаемые форматы каждого типа и рекомендации по их использованию см. в разделе Типы контента.

Изображения и видео

Загрузка файлов:

  1. Нажмите Add content.
  2. Перетащите изображения и видео в область Drag images and videos here или нажмите Browse files.
ТипФорматыМаксимальный размер
ИзображенияJPEG, PNG, WebP или GIF25 MB каждое
ВидеоMP4, WebM или MOV2 GB каждое

Импорт по ссылке:

  1. Нажмите Add content → Image or video from a link.
  2. В поле Link вставьте общедоступную ссылку https:// на файл JPG, PNG, WebP, GIF, MP4 или WebM. Размер изображений по ссылке — до 25 MB, видео — до 200 MB.
  3. При необходимости введите Name (иначе название берется из ссылки) и Tags.
  4. Нажмите Import.

Диалоговое окно Import an image or videoДиалоговое окно Import an image or video

Рисунок 2. Импорт изображения или видео по ссылке

Файлы по ссылкам копируются в вашу Library, поэтому элемент продолжит работать, даже если исходная ссылка изменится.

Пока создаются версии, готовые для экранов, у новых изображений и видео отображается состояние processing: обычно меньше минуты для изображений и дольше для видео. Обрабатываемый элемент можно сразу добавить в плейлисты, и он начнет воспроизводиться, как только будет готов. Если обработка не удалась, элемент помечается как Failed с указанием причины; исправьте файл и загрузите его снова. Чтобы найти такие элементы, нажмите кнопку-фильтр Needs attention или выберите значение Needs attention в фильтре Status.

Элемент с ошибкой, найденный с помощью фильтра Needs attentionЭлемент с ошибкой, найденный с помощью фильтра Needs attention

Рисунок 3. У элемента, который не удалось обработать, отображается Failed; найти его можно с помощью фильтра Needs attention

Внешние веб-страницы

  1. Нажмите Add content → External Web Page.
  2. В поле Link введите адрес страницы https:// и укажите Name.
  3. При необходимости добавьте Tags и задайте Show for (seconds) — время показа в плейлисте. Оставьте поле пустым, чтобы использовать значение плейлиста по умолчанию.
  4. Нажмите Add to library.

Диалоговое окно Add an External Web PageДиалоговое окно Add an External Web Page

Рисунок 4. Добавление веб-страницы

Некоторые веб-сайты запрещают показ внутри других страниц (встраивание во фрейм). Такие страницы не воспроизводятся в плейлисте или в качестве элемента Library, но могут занимать весь экран: задайте для этого экрана Data Source Full-page website (Kiosk Mode) и введите адрес там.

Веб-страница загружается в реальном времени, поэтому для ее показа экрану нужен доступ к интернету.

Веб-приложения на устройстве

On-Device Web App — это ваша собственная веб-страница или приложение, загруженные в виде ZIP-архива с HTML, CSS и JavaScript. Экраны хранят копию, поэтому приложение продолжает воспроизводиться даже при пропадании интернета. Вы также можете попросить ИИ-агента создать и опубликовать такое приложение за вас; см. Опубликованные приложения.

  1. Нажмите Add content → On-Device Web App. Чтобы начать с рабочего примера, нажмите Download the starter template, отредактируйте файлы и откройте index.html в браузере, чтобы проверить результат.
  2. Создайте приложение со стартовой страницей index.html на верхнем уровне, а также всеми используемыми им файлами CSS, JavaScript, изображениями и шрифтами. Приложение должно помещаться на экране без прокрутки.
  3. В области App files перетащите ZIP-архив, папку или файлы либо воспользуйтесь кнопками Choose ZIP, Choose folder или Choose files.
  4. Укажите Name приложения и при необходимости Tags и Show for (seconds).
  5. Нажмите Publish app.

Диалоговое окно Add an On-Device Web AppДиалоговое окно Add an On-Device Web App

Рисунок 5. Загрузка On-Device Web App

Храните всё необходимое приложению внутри ZIP-архива. Всё, что приложение загружает из интернета, будет недоступно, когда экран не в сети. Ограничения размера, версии и рекомендации по дизайну см. в разделе On-Device Web Apps.

Агент: Опубликованные приложения

Приложения, которые создает и публикует ваш ИИ-агент, можно показывать на экранах в реальном времени. После того как агент опубликовал приложение и оно разрешено на экранах, оно отображается в разделе Agent: Published App при добавлении контента.

  1. Нажмите Add content → Agent: Published App.
  2. Выберите приложение, укажите Name и при необходимости Tags и Show for (seconds).
  3. Нажмите Add to library.

О публикации приложения из вашего ИИ-агента, требованиях к нему и о том, когда экраны его пропускают, см. в разделе Agent: Published Apps.

Видеонаблюдение/VSaaS: Просмотр в реальном времени

CCTV/VSaaS: Live View показывает на экране камеры этого объекта в реальном времени в виде видеостены.

Подготовка:

  • Вам нужен доступ к CCTV / VSaaS.
  • Администратор организации с доступом к видеонаблюдению должен включить параметр Allow CCTV on display screens в разделе Settings → CCTV. По умолчанию он выключен.
  • Трансляции с камер в реальном времени видны всем, кто находится рядом с экранами. Перед публикацией подумайте о конфиденциальности, особенно в зонах, где находятся клиенты, гости, пациенты или члены клуба.

Чтобы добавить трансляцию в реальном времени:

  1. Нажмите Add content → CCTV/VSaaS: Live View.
  2. Выберите источник:
    • Choose cameras: щелкните до 9 камер в том порядке, в котором они должны располагаться на видеостене, затем выберите Layout: Automatic, One camera, Side by side, One large, two small, 2 × 2, One large, five small, 3 × 2 или 3 × 3. В области On screen отображается предварительный просмотр видеостены.
    • Shared Live View: выберите одно из общих представлений Просмотр в реальном времени, которыми ваша команда уже пользуется в CCTV/VSaaS. В представлениях с более чем 9 камерами показываются первые 9.
  3. В разделе Quality on screens выберите Auto (recommended), Native (the camera's own quality) или фиксированное значение 1080p, 720p, 480p или 360p. В режиме Auto на экранах в той же сети, что и Edge Processor камеры, воспроизводится собственное качество камеры, а в остальных случаях — 720p (до 3 камер) или 360p (больше камер). Если ваша сеть медленная, выберите более низкое качество.
  4. Укажите, нужно ли показывать названия камер (Show camera names), задайте Name трансляции и при необходимости Tags.
  5. Нажмите Add to library. Вам будет предложено подтвердить, что камеры будут видны на экранах.

Выбор камер и макета для трансляции в реальном времениВыбор камер и макета для трансляции в реальном времени

Рисунок 6. Добавление трансляции с камер в реальном времени: выберите камеры и макет

Выбор общего представления Просмотр в реальном времениВыбор общего представления Просмотр в реальном времени

Рисунок 7. Или используйте общее представление «Просмотр в реальном времени» из CCTV/VSaaS

Варианты Quality on screensВарианты Quality on screens

Рисунок 8. Выбор качества видео на экранах

Экраны, которые не могут воспроизводить видео в реальном времени, вместо этого показывают неподвижное изображение, обновляемое каждые несколько секунд.

Трансляции в реальном времени можно размещать только на экранах этого объекта. Экраны пропускают трансляцию, если у объекта больше нет видеонаблюдения, если параметр Allow CCTV on display screens выключен или если ни одна из ее камер недоступна; в последнем случае измените камеры трансляции.