Поддержка видеконтента с прозрачностью/en: различия между версиями
(Новая страница: «Support for Video Content with Transparency Elements») |
(Новая страница: «== '''Situation Description''' == To create a unique and customized broadcast grid, the SmartPlayer team has developed and added a new feature for video content. For video content using transparency, a chroma key functionality allows part of the video to be replaced with transparent elements. Working with transparency thus enables a more personalized broadcast grid and diversifies the content displayed on the device. {{Note|This functionality is supported on...») |
||
Строка 1: | Строка 1: | ||
== '''Situation Description''' == | |||
== ''' | To create a unique and customized broadcast grid, the SmartPlayer team has developed and added a new feature for video content. For video content using transparency, a chroma key functionality allows part of the video to be replaced with transparent elements. Working with transparency thus enables a more personalized broadcast grid and diversifies the content displayed on the device. | ||
{{Note|This functionality is supported on devices running the following operating systems: | |||
{{Note| | |||
* Android | * Android | ||
* Windows | * Windows | ||
* Linux | * Linux | ||
* Raspberry|warn}} | * Raspberry|warn}} | ||
== ''' | == '''Brief Overview of the Functionality''' == | ||
Chroma key (or "green screen") is a compositing technique used to highlight and replace the background of an image or video. During chroma keying, a specific color (often green or blue) is made transparent, allowing that background to be replaced with another image or video. This method is widely used in film and video production. | |||
== ''' | == '''Action Steps''' == | ||
To start using this functionality, the user needs to log into the SmartPlayer personal account.<br> | |||
Next, the user should go to the "Content" section in the personal account and upload the appropriate video content by dragging and dropping it from local storage on the device. | |||
[[File:Раздел_контент_в_личном_кабинетеSP.png|thumb|center| | [[File:Раздел_контент_в_личном_кабинетеSP.png|thumb|center| Example of "Content" section display in SmartPlayer personal account |800px]] | ||
The content uploaded by the user will appear in the list of content available in the personal account for playback. | |||
[[File:Пример_загруженного_контента.png|thumb|center| | [[File:Пример_загруженного_контента.png|thumb|center| Example of uploaded content displayed in the personal account |800px]] | ||
After adding the content, the user should go to the "Broadcasts" section and select the "Create" category. | |||
[[File:Трансляции_и_категории.png|thumb|center| | [[File:Трансляции_и_категории.png|thumb|center| Example of "Broadcasts" section and "Create" category display|800px]] | ||
To create a broadcast, the user needs to select an area for content playback using a special icon. | |||
[[File:Добавить_зону.png|thumb|center| | [[File:Добавить_зону.png|thumb|center| Example of "Broadcasts" section and "Create" category display|800px]] | ||
The next step is to add two types of content: first, transfer content, such as an image, and then add video content with chroma key usage to the same area. | |||
[[File:Пример_правильной_трансляции.png|thumb|center| | [[File:Пример_правильной_трансляции.png|thumb|center| Example of properly configured broadcast for chroma key usage|800px]] | ||
{{Note| | {{Note|Make sure to align the playback duration for both types of content in the broadcast, as shown in the screenshot above.|warn}} | ||
The user then needs to click on the video content in the zone to open the content settings toolbar on the right side of the screen. | |||
[[File:Тулбар_с_контентом.png|thumb|center| | [[File:Тулбар_с_контентом.png|thumb|center| Example of content settings toolbar display|800px]] | ||
In the opened settings toolbar, the user should select the "Content Settings" section. | |||
[[File:Настройки_контента по ос.png|thumb|center| | [[File:Настройки_контента по ос.png|thumb|center| Example of the "Content Settings" section display|800px]] | ||
After selecting "Content Settings," the user also needs to select the operating system of their device to locate the chroma key setting. | |||
[[File:Выбор_ос.png|thumb|center| | [[File:Выбор_ос.png|thumb|center| Example of settings with OS selection display|800px]] | ||
Once the correct OS settings are selected, the user will see the "Chroma Key" settings block. Two settings are available: | |||
# | # Checkbox for enabling/disabling chroma key | ||
# | # Color selection for chroma key – options: select color from palette, RGB model, HEX code | ||
[[File:Настройки_хромакея.png|thumb|center| | [[File:Настройки_хромакея.png|thumb|center| Example of chroma key settings display|800px]] | ||
{{Note| | {{Note|When selecting the desired color for the chroma key, the user will be able to replace the portion of the video content that matches the chosen color with other content. It’s crucial to select a color from the palette that is as close as possible to the color the user wants to remove from the video content. If the color is selected incorrectly, the functionality may not work.|warn}} | ||
Once all settings are completed, the user should click the save button in the toolbar on the right and continue creating and configuring the broadcast for screen output. | |||
[[File:Кнопка_сохранить_хромакей.png|thumb|center| | [[File:Кнопка_сохранить_хромакей.png|thumb|center| Example of the "Save" button in chroma key settings|800px]] | ||
<div lang="ru" dir="ltr" class="mw-content-ltr"> | <div lang="ru" dir="ltr" class="mw-content-ltr"> | ||
== '''Связанная информация''' == | == '''Связанная информация''' == |
Версия от 11:33, 29 октября 2024
Situation Description
To create a unique and customized broadcast grid, the SmartPlayer team has developed and added a new feature for video content. For video content using transparency, a chroma key functionality allows part of the video to be replaced with transparent elements. Working with transparency thus enables a more personalized broadcast grid and diversifies the content displayed on the device.
- Android
- Windows
- Linux
- Raspberry
Brief Overview of the Functionality
Chroma key (or "green screen") is a compositing technique used to highlight and replace the background of an image or video. During chroma keying, a specific color (often green or blue) is made transparent, allowing that background to be replaced with another image or video. This method is widely used in film and video production.
Action Steps
To start using this functionality, the user needs to log into the SmartPlayer personal account.
Next, the user should go to the "Content" section in the personal account and upload the appropriate video content by dragging and dropping it from local storage on the device.
The content uploaded by the user will appear in the list of content available in the personal account for playback.
After adding the content, the user should go to the "Broadcasts" section and select the "Create" category.
To create a broadcast, the user needs to select an area for content playback using a special icon.
The next step is to add two types of content: first, transfer content, such as an image, and then add video content with chroma key usage to the same area.
The user then needs to click on the video content in the zone to open the content settings toolbar on the right side of the screen.
In the opened settings toolbar, the user should select the "Content Settings" section.
After selecting "Content Settings," the user also needs to select the operating system of their device to locate the chroma key setting.
Once the correct OS settings are selected, the user will see the "Chroma Key" settings block. Two settings are available:
- Checkbox for enabling/disabling chroma key
- Color selection for chroma key – options: select color from palette, RGB model, HEX code
Once all settings are completed, the user should click the save button in the toolbar on the right and continue creating and configuring the broadcast for screen output.
Связанная информация
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
Видеоинструкция
Поддержка видеконтента с прозрачностью
Дополнительная информация
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"