https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=%D0%9F%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BA%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D1%82%D0%B0_%D1%81_%D0%BF%D1%80%D0%BE%D0%B7%D1%80%D0%B0%D1%87%D0%BD%D0%BE%D1%81%D1%82%D1%8C%D1%8E%2FruПоддержка видеконтента с прозрачностью/ru - История изменений2026-05-14T10:23:53ZИстория изменений этой страницы в викиMediaWiki 1.45.1https://wiki.smartplayer.org/index.php?title=%D0%9F%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BA%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D1%82%D0%B0_%D1%81_%D0%BF%D1%80%D0%BE%D0%B7%D1%80%D0%B0%D1%87%D0%BD%D0%BE%D1%81%D1%82%D1%8C%D1%8E/ru&diff=14732&oldid=prevFuzzyBot: Обновление для соответствия новой версии исходной страницы.2024-10-30T09:51:55Z<p>Обновление для соответствия новой версии исходной страницы.</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 12:51, 30 октября 2024</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"><languages/></ins></div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Описание ситуации''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Описание ситуации''' ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для создания индивидуальной и уникальной эфирной сетки команда SmartPlayer проработала и добавила новое решение для видеоконтента. На видеоконтенте с использованием прозрачности появиться возможность заместить часть видео с помощью функционала прозрачности реализованном в виде хромакея. Таким образом работа с прозрачностью позволит сделать эфирную сетку более индивидуальной и разнообразить выводимый на устройство контент.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Для создания индивидуальной и уникальной эфирной сетки команда SmartPlayer проработала и добавила новое решение для видеоконтента. На видеоконтенте с использованием прозрачности появиться возможность заместить часть видео с помощью функционала прозрачности реализованном в виде хромакея. Таким образом работа с прозрачностью позволит сделать эфирную сетку более индивидуальной и разнообразить выводимый на устройство контент.</div></td></tr>
<tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l41">Строка 41:</td>
<td colspan="2" class="diff-lineno">Строка 42:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Расписание"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Расписание"]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Видеоинструкция''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Видеоинструкция''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.youtube.com/watch?v=<del style="font-weight: bold; text-decoration: none;">Een5iHvZBt8 </del>Поддержка <del style="font-weight: bold; text-decoration: none;">видеконтента </del>с прозрачностью]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://www.youtube.com/watch?v=<ins style="font-weight: bold; text-decoration: none;">C38NVEkNvOo </ins>Поддержка <ins style="font-weight: bold; text-decoration: none;">видеоконтента </ins>с прозрачностью]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Дополнительная информация''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Дополнительная информация''' ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Обсуждение_видеоконтента_с_прозрачностью.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:Обсуждение_видеоконтента_с_прозрачностью.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div></td></tr>
</table>FuzzyBothttps://wiki.smartplayer.org/index.php?title=%D0%9F%D0%BE%D0%B4%D0%B4%D0%B5%D1%80%D0%B6%D0%BA%D0%B0_%D0%B2%D0%B8%D0%B4%D0%B5%D0%BA%D0%BE%D0%BD%D1%82%D0%B5%D0%BD%D1%82%D0%B0_%D1%81_%D0%BF%D1%80%D0%BE%D0%B7%D1%80%D0%B0%D1%87%D0%BD%D0%BE%D1%81%D1%82%D1%8C%D1%8E/ru&diff=14719&oldid=prevFuzzyBot: Обновление для соответствия новой версии исходной страницы.2024-10-29T08:23:35Z<p>Обновление для соответствия новой версии исходной страницы.</p>
<p><b>Новая страница</b></p><div>== '''Описание ситуации''' ==<br />
Для создания индивидуальной и уникальной эфирной сетки команда SmartPlayer проработала и добавила новое решение для видеоконтента. На видеоконтенте с использованием прозрачности появиться возможность заместить часть видео с помощью функционала прозрачности реализованном в виде хромакея. Таким образом работа с прозрачностью позволит сделать эфирную сетку более индивидуальной и разнообразить выводимый на устройство контент.<br />
{{Note|Данный функционал поддерживается на устройствах под управлением следующих ОС:<br />
* Android <br />
* Windows<br />
* Linux<br />
* Raspberry|warn}}<br />
== '''Краткая информация о функционале''' ==<br />
Хромакей (или "зелёный экран") — это техника композитинга, которая используется для выделения и замены фона изображения или видео. В процессе хромакейинга определённый цвет (чаще всего зелёный или синий) делается прозрачным, чтобы заменить этот фон на другое изображение или видео. Этот метод активно используется в кинопроизводстве и видеопроизводстве.<br />
== '''Алгоритм действия''' ==<br />
Чтобы начать работать с данной функциональностью пользователю необходимо авторизоваться в личном кабинете SmartPlayer.<br><br />
Следующим шагом пользователю необходимо в раздел "Контент" личного кабинета и загрузить подходящий видеоконтент. Данное действие можно сделать, перетянув нужный контент из локального хранилища на устройстве с помощью drag-n-drop.<br />
[[File:Раздел_контент_в_личном_кабинетеSP.png|thumb|center| Пример отображения раздела "Контент" в личном кабинете SmartPlayer |800px]]<br />
Добавленный пользователем контент отобразится в списке доступного в личном кабинете контента для проигрывания.<br />
[[File:Пример_загруженного_контента.png|thumb|center| Пример отображения загруженного контента в личный кабинет |800px]]<br />
После переноса контента пользователь должен перейти в раздел "Трансляции" и выбрать категорию "Создать". <br />
[[File:Трансляции_и_категории.png|thumb|center| Пример отображения раздела "Трансляции" и категории "Создать"|800px]]<br />
Для создания трансляции пользователю с помощью специальной иконки необходимо выбрать зону, в которой будет проигрываться контент.<br />
[[File:Добавить_зону.png|thumb|center| Пример отображения раздела "Трансляции" и категории "Создать"|800px]]<br />
Следующим шагом пользователю необходимо добавить два вида контента: первым перенести контент, например изображение, а вторым в ту же зону добавить видеоконтент, на котором планируем использовать хромакей.<br />
[[File:Пример_правильной_трансляции.png|thumb|center| Пример отображения правильно построенной трансляции для использования хромакея|800px]]<br />
{{Note|Нужно обязательно сравнять по длительности проигрывания оба контента в трансляции, как показано на скриншоте выше|warn}}<br />
Далее пользователю необходимо кликнуть на видеоконтент в зоне, чтобы открыть тулбар с настройками контента. Тулбар появиться с правой стороны экрана.<br />
[[File:Тулбар_с_контентом.png|thumb|center| Пример отображения тулбара с настройками контента|800px]]<br />
В открывшемся тулбаре с настройками пользователю необходимо выбрать раздел "Настройка контента".<br />
[[File:Настройки_контента по ос.png|thumb|center| Пример отображения раздела "Настройки контента"|800px]]<br />
Выбрав раздел "Настройки контента" пользователю также, нужно будет выбрать ОС на которой работает его устройство, чтобы найти настройку хромакея.<br />
[[File:Выбор_ос.png|thumb|center| Пример отображения настроек с выбором ОС|800px]]<br />
Выбрав нужную настройку по ОС пользователю, откроется блок настроек "Хромакей". В нем доступно для настройки два параметра:<br />
# Чекбокс (галочка) активации/деактивации использования хромакея<br />
# Выбор цвета для хромакее - доступно: выбор цвета из палитры, RGB - модель, HEX - код<br />
[[File:Настройки_хромакея.png|thumb|center| Пример отображения настроек хромакея|800px]]<br />
{{Note|Выбрав нужный цвет для хромакея, пользователь сможет заместить часть воспроизводимого контента, соответствующего выбранному цвету на другой контент. Очень важно подбирать цвет в палитре максимально близкий к тому цвету, который пользователь хочет убрать из видеоконтента и заменить его на другой контент. Если цвет будет подобран некорректно, существует вероятность что функционал не будет работать.|warn}}<br />
После завершения всех настроек пользователю необходим нажать на кнопку сохранить в тулбаре справа и продолжить создание и настройку трансляции для вывода ее на экран.<br />
[[File:Кнопка_сохранить_хромакей.png|thumb|center| Пример отображения кнопки "Сохранить" в настройках хромакея|800px]]<br />
== '''Связанная информация''' ==<br />
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:<br />
* [[Раздел "Устройства"]]<br />
* [[Раздел "Контент на устройства"]]<br />
* [[Раздел "Трансляции"]]<br />
* [[Раздел "Расписание"]]<br />
== '''Видеоинструкция''' ==<br />
[https://www.youtube.com/watch?v=Een5iHvZBt8 Поддержка видеконтента с прозрачностью]<br />
== '''Дополнительная информация''' ==<br />
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.<br />
[[File:Обсуждение_видеоконтента_с_прозрачностью.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]<br />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div>FuzzyBot