Support for Video Content with Transparency Elements

Описание ситуации

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

Данный функционал поддерживается на устройствах под управлением следующих ОС:

• Android
• Windows
• Linux
• Raspberry

Краткая информация о функционале

Хромакей (или "зелёный экран") — это техника композитинга, которая используется для выделения и замены фона изображения или видео. В процессе хромакейинга определённый цвет (чаще всего зелёный или синий) делается прозрачным, чтобы заменить этот фон на другое изображение или видео. Этот метод активно используется в кинопроизводстве и видеопроизводстве.

Алгоритм действия

Чтобы начать работать с данной функциональностью пользователю необходимо авторизоваться в личном кабинете SmartPlayer.
Следующим шагом пользователю необходимо в раздел "Контент" личного кабинета и загрузить подходящий видеоконтент. Данное действие можно сделать, перетянув нужный контент из локального хранилища на устройстве с помощью drag-n-drop.

Пример отображения раздела "Контент" в личном кабинете SmartPlayer

Добавленный пользователем контент отобразится в списке доступного в личном кабинете контента для проигрывания.

Пример отображения загруженного контента в личный кабинет

После переноса контента пользователь должен перейти в раздел "Трансляции" и выбрать категорию "Создать".

Пример отображения раздела "Трансляции" и категории "Создать"

Для создания трансляции пользователю с помощью специальной иконки необходимо выбрать зону, в которой будет проигрываться контент.

Пример отображения раздела "Трансляции" и категории "Создать"

Следующим шагом пользователю необходимо добавить два вида контента: первым перенести контент, например изображение, а вторым в ту же зону добавить видеоконтент, на котором планируем использовать хромакей.

Пример отображения правильно построенной трансляции для использования хромакея

Нужно обязательно сравнять по длительности проигрывания оба контента в трансляции, как показано на скриншоте выше

Далее пользователю необходимо кликнуть на видеоконтент в зоне, чтобы открыть тулбар с настройками контента. Тулбар появиться с правой стороны экрана.

Пример отображения тулбара с настройками контента

В открывшемся тулбаре с настройками пользователю необходимо выбрать раздел "Настройка контента".

Пример отображения раздела "Настройки контента"

Выбрав раздел "Настройки контента" пользователю также, нужно будет выбрать ОС на которой работает его устройство, чтобы найти настройку хромакея.

Пример отображения настроек с выбором ОС

Выбрав нужную настройку по ОС пользователю, откроется блок настроек "Хромакей". В нем доступно для настройки два параметра:

1. Чекбокс (галочка) активации/деактивации использования хромакея
2. Выбор цвета для хромакее - доступно: выбор цвета из палитры, RGB - модель, HEX - код

Пример отображения настроек хромакея

Выбрав нужный цвет для хромакея, пользователь сможет заместить часть воспроизводимого контента, соответствующего выбранному цвету на другой контент. Очень важно подбирать цвет в палитре максимально близкий к тому цвету, который пользователь хочет убрать из видеоконтента и заменить его на другой контент. Если цвет будет подобран некорректно, существует вероятность что функционал не будет работать.

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

Пример отображения кнопки "Сохранить" в настройках хромакея

Связанная информация

Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:

• Раздел "Устройства"
• Раздел "Контент на устройства"
• Раздел "Трансляции"
• Раздел "Расписание"

Видеоинструкция

Поддержка видеконтента с прозрачностью

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"