Поддержка видеконтента с прозрачностью: различия между версиями

Материал из SmartPlayer
Нет описания правки
Строка 1: Строка 1:
== '''Описание ситуации''' ==
== '''Описание ситуации''' ==
Для создания индивидуальной и уникальной эфирной сетки команда SmartPlayer проработала и добавила новое решение. Заместить часть контента и разнообразить выводимый на устройство контент пользователь сможет  Этим решением является возможность использовать видео с альфа-слоем.
Для создания индивидуальной и уникальной эфирной сетки команда SmartPlayer проработала и добавила новое решение для видеоконтента. На видеоконтенте с использованием прозрачности появиться возможность заместить часть видео с помощью функционала прозрачности реализованном в виде хромакея. Таким образом работа с прозрачностью позволит сделать эфирную сетку более индивидуальной и разнообразить выводимый на устройство контент.
== '''Краткая информация''' ==
{{Note|Данный функционал поддерживается на устройствах под управлением следующих ОС:
Альфа-слой — это слой, который управляет прозрачностью изображения. Он добавляется к основным цветовым слоям и определяет, насколько пиксели картинки будут прозрачными или непрозрачными. Значения альфа-слоя обычно варьируются от 0 (полностью прозрачный) до 255 (полностью непрозрачный). <br>
* Android
Альфа-слой делает изображение более гибким в использовании, давая возможность накладывать его на любой фон.
* Windows
* Linux
* Raspberry|warn}}
== '''Краткая информация о функционале''' ==
Хромакей (или "зелёный экран") — это техника композитинга, которая используется для выделения и замены фона изображения или видео. В процессе хромакейинга определённый цвет (чаще всего зелёный или синий) делается прозрачным, чтобы заменить этот фон на другое изображение или видео. Этот метод активно используется в кинопроизводстве и видеопроизводстве.
== '''Алгоритм действия''' ==
== '''Алгоритм действия''' ==
Чтобы начать работать с данной функциональностью пользователю необходимо авторизоваться в личном кабинете SmartPlayer.<br>
Чтобы начать работать с данной функциональностью пользователю необходимо авторизоваться в личном кабинете SmartPlayer.<br>
Следующим шагом пользователю необходимо в раздел "Контент" личного кабинета и загрузить подходящий видеоконтент. Это можно сделать перетянув нужный контент из локального хранилища на устройстве с помощью drag-n-drop.
Следующим шагом пользователю необходимо в раздел "Контент" личного кабинета и загрузить подходящий видеоконтент. Это можно сделать перетянув нужный контент из локального хранилища на устройстве с помощью drag-n-drop.
[[File:Обсуждение_черновики.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Раздел_контент_в_личном_кабинетеSP.png|thumb|center| Пример отображения раздела "Контент" в личном кабинете SmartPlayer |800px]]
{{Note|Видеоконтент должен быть в формате "mov" или "webm" для корректной работы с альфа-слоем.|warn}}
Добавленный пользователем контент отобразится в списке доступного в личном кабинете контента для проигрывания.
После переноса контента пользователь должен создать трансляцию с загруженным контентом. В этой трансляции на первом слое должна быть картинка, а на втором видео с альфа-прозрачностью .
[[File:Пример_загруженного_контента.png|thumb|center| Пример отображения загруженного контента в личный кабинет |800px]]
[[File:Обсуждение_черновики.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
После переноса контента пользователь должен перейти в раздел "Трансляции" и выбрать категорию "Создать".
После создания трансляции для устройства и применения расписания на устройстве пользователя будет проигрываться трансляция, без фона, то есть как в браузере.
[[File:Трансляции_и_категории.png|thumb|center| Пример отображения раздела "Трансляции" и категории "Создать"|800px]]
Для создания трансляции пользователю с помощью специальной иконки необходимо выбрать зону, в которой будет проигрываться контент.
[[File:Добавить_зону..png|thumb|center| Пример отображения раздела "Трансляции" и категории "Создать"|800px]]
Следующим шагом пользователю необходимо добавить два вида контента: первым перенести контент, например изображение, а вторым в ту же зону добавить видеоконтент, на котором планируем использовать хромокей.
[[File:Пример_правильной_трансляции.png|thumb|center| Пример отображения правильно построенной трансляции для использования хромокея|800px]]
{{Note|Нужно обязательно сравнять по длительности проигрывания оба контента в трансляции, как показано на скриншоте выше|warn}}
Далее пользователю необходимо кликнуть на видеоконтент в зоне, чтобы открыть тулбар с настройками контента. Тулбар появиться с правой стороны экрана.
[[File:Тулбар_с_контентом.png|thumb|center| Пример отображения тулбара с настройками контента|800px]]
В открывшемся тулбаре с настройками пользователю необходимо выбрать раздел "Настройка контента".
[[File:Настройки_контента по ос.png|thumb|center| Пример отображения раздела "Настройки контента"|800px]]
Выбрав раздел "Настройки контента" пользователю также нужно будет выбрать ОС на которой работает его устройство, чтобы найти настройку хромакея.
[[File:Тулбар_с_контентом.png|thumb|center| Пример отображения настроек с выбором ОС|800px]]
== '''Видеоинструкция''' ==
== '''Видеоинструкция''' ==
[https://www.youtube.com/watch?v=Een5iHvZBt8 Добавление устройств через "Черновики"]
[https://www.youtube.com/watch?v=Een5iHvZBt8 Добавление устройств через "Черновики"]

Версия от 10:16, 29 октября 2024

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

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

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

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

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

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

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

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

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

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

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

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

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

Файл:Добавить зону..png
Пример отображения раздела "Трансляции" и категории "Создать"

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

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

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

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

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

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

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

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

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

Добавление устройств через "Черновики"

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

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

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

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