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

Материал из SmartPlayer
Нет описания правки
Нет описания правки
 
(не показано 18 промежуточных версий этого же участника)
Строка 1: Строка 1:
<languages/>
<translate>
<!--T: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]]
Выбрав нужную настройку по ОС пользователю, откроется блок настроек "Хромакей". В нем доступно для настройки два параметра:
# Чекбокс (галочка) активации/деактивации использования хромакея
# Выбор цвета для хромакее - доступно: выбор цвета из палитры, RGB - модель, HEX - код
[[File:Настройки_хромакея.png|thumb|center| Пример отображения настроек хромакея|800px]]
{{Note|Выбрав нужный цвет для хромакея, пользователь сможет заместить часть воспроизводимого контента, соответствующего выбранному цвету на другой контент. Очень важно подбирать цвет в палитре максимально близкий к тому цвету, который пользователь хочет убрать из видеоконтента и заменить его на другой контент. Если цвет будет подобран некорректно, существует вероятность что функционал не будет работать.|warn}}
После завершения всех настроек пользователю необходим нажать на кнопку сохранить в тулбаре справа и продолжить создание и настройку трансляции для вывода ее на экран.
[[File:Кнопка_сохранить_хромакей.png|thumb|center| Пример отображения кнопки "Сохранить" в настройках хромакея|800px]]
</translate>
<translate>
<!--T:2-->
== '''Связанная информация''' ==
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
* [[Раздел "Устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Расписание"]]
== '''Видеоинструкция''' ==
== '''Видеоинструкция''' ==
[https://www.youtube.com/watch?v=Een5iHvZBt8 Добавление устройств через "Черновики"]
[https://www.youtube.com/watch?v=C38NVEkNvOo Поддержка видеоконтента с прозрачностью]
== '''Дополнительная информация''' ==
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
[[File:Обсуждение_черновики.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Обсуждение_видеоконтента_с_прозрачностью.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</translate>

Текущая версия от 12:51, 30 октября 2024

Другие языки:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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