Инструкция к виджету трансляции событий (Event Broadcast)/en - История изменений

N.Bloshkin в 07:53, 17 июля 2026

2026-07-17T07:53:02Z

N.Bloshkin: Новая страница: «== '''Adding the Configured Widget to a Broadcast''' == To fully understand how this functionality works, the user must launch a scheduled broadcast and add this widget as content. Detailed information about creating broadcasts and schedules is available in the following SmartPlayer Wiki articles: * Раздел "Устройства" * Раздел "Контент на устройства" * Раздел "Трансляции" * Раздел...»

2026-07-17T07:52:02Z

Новая страница: «== '''Adding the Configured Widget to a Broadcast''' == To fully understand how this functionality works, the user must launch a scheduled broadcast and add this widget as content. Detailed information about creating broadcasts and schedules is available in the following SmartPlayer Wiki articles: * Раздел "Устройства" * Раздел "Контент на устройства" * Раздел "Трансляции" * Раздел...»

Внесённые изменения

N.Bloshkin в 07:51, 17 июля 2026

2026-07-17T07:51:01Z

@@ Строка 15: / Строка 15: @@
 [[File:Иконка_настройки_виджета_трансляций.png|thumb|center| Example of the icon used to open the widget settings|800px]]
 == '''The "Settings" Button''' ==
 After opening the widget settings, the user will see a list of configurable parameters on the left side of the screen. The right side contains the widget preview area, where all changes are displayed.
@@ Строка 33: / Строка 28: @@
 * '''Add Button Group''' — adds a button that can contain other buttons and expand when pressed.
 [[File:Настройких_виджета.png|thumb|center| Example of the widget configuration parameters|800px]]
 <div lang="ru" dir="ltr" class="mw-content-ltr">

N.Bloshkin в 07:50, 17 июля 2026

2026-07-17T07:50:01Z

@@ Строка 1: / Строка 1: @@
 <languages/>
 == '''Description of the Situation''' ==
 SmartPlayer has developed a widget that allows users to control a broadcast and the events within it using buttons on touch screens. This widget makes it possible to create control elements (buttons) to which reactions and events can be assigned. The configured widget can be used as a remote control for managing a broadcast.
@@ Строка 15: / Строка 14: @@
 On the widget's main page, the user can click the gear icon to open the widget settings.
 [[File:Иконка_настройки_виджета_трансляций.png|thumb|center| Example of the icon used to open the widget settings|800px]]
 == '''Widget Main Page''' ==

N.Bloshkin: Новая страница: «== '''Widget Main Page''' == After transferring the widget to the personal account, the user must double-click the widget icon to perform the initial configuration. The widget's main page will then open. 800px On the widget's main page, the user can click the gear icon to open the widget settings. File:Иконка_настройки_...»

2026-07-17T07:47:02Z

Новая страница: «== '''Widget Main Page''' == After transferring the widget to the personal account, the user must double-click the widget icon to perform the initial configuration. The widget's main page will then open. thumb|center| Example of the widget's main page|800px On the widget's main page, the user can click the gear icon to open the widget settings. File:Иконка_настройки_...»

@@ Строка 82: / Строка 82: @@
 </div>
-<div lang="ru" dir="ltr" class="mw-content-ltr">
+== '''Widget Main Page''' ==
-== '''Кнопка «Настройки»''' ==
+After transferring the widget to the personal account, the user must double-click the widget icon to perform the initial configuration. The widget's main page will then open.
-После открытия настроек виджета пользователь увидит список настраиваемых параметров в левой части экрана. В правой части экрана находится область предпросмотра виджета, на которой будут отображаться все вносимые изменения.
+[[File:Главная_страница_виджета_ивентов.png|thumb|center| Example of the widget's main page|800px]]
-[[File:Разделение_экрана_с_виджетами.png|thumb|center| Пример отображения разделения экрана в разделе «Настройки» виджета|800px]]
+On the widget's main page, the user can click the gear icon to open the widget settings.
-В список настраиваемых параметров виджета входят:
+[[File:Иконка_настройки_виджета_трансляций.png|thumb|center| Example of the icon used to open the widget settings|800px]]
-* выбор языка — позволяет выбрать один из доступных языков для отображения интерфейса виджета. Доступны следующие языки: русский, английский, португальский, испанский и казахский;
+== '''The "Settings" Button''' ==
-* размер шрифта виджета — позволяет установить размер шрифта текста с помощью ползунка или числового значения;
+After opening the widget settings, the user will see a list of configurable parameters on the left side of the screen. The right side contains the widget preview area, where all changes are displayed.
-* фон виджета — позволяет выбрать фон виджета с помощью палитры. Цвет внутри палитры можно указать с помощью HEX-кода, который можно подобрать с помощью общедоступных цветовых палитр;
+[[File:Разделение_экрана_в_настройках.png|thumb|center| Example of the screen layout in the widget's '''Settings''' section|800px]]
-* изображение фона виджета — позволяет выбрать изображение с помощью кнопки «Выберите изображение». Предварительно нужное изображение необходимо загрузить в личный кабинет SmartPlayer;
+The widget settings include the following parameters:
-* масштаб кнопок — позволяет установить масштаб создаваемых в виджете кнопок с помощью ползунка или числового значения;
+* '''Language Selection''' — allows the user to choose one of the available interface languages. The following languages are available: Russian, English, Portuguese, Spanish, and Kazakh;
-* тип кнопок — позволяет выбрать тип отображения кнопок на экране. Доступны два варианта: с прямыми углами и со скруглёнными углами;
+* '''Widget Font Size''' — allows the user to set the text font size using a slider or a numeric value;
-* кнопка «Добавить кнопку» — добавляет на экран виджета кнопку, которая реагирует на нажатие;
+* '''Widget Background''' — allows the user to select the widget background color using a color palette. The color can also be specified using a HEX code selected from any publicly available color palette;
-* кнопка «Добавить группу кнопок» — добавляет на экран виджета кнопку с возможностью добавить в неё другие кнопки и разворачивать их по нажатию.
+* '''Widget Background Image''' — allows the user to select an image using the '''Select Image''' button. The required image must first be uploaded to the SmartPlayer personal account;
-[[File:Блок_настроек_виджета.png|thumb|center| Пример отображения параметров для настройки виджета|800px]]
+* '''Button Scale''' — allows the user to set the size of the buttons created in the widget using a slider or a numeric value;
-</div>
+* '''Button Type''' — allows the user to choose the button appearance. Two options are available: square corners or rounded corners;
 <div lang="ru" dir="ltr" class="mw-content-ltr">

FuzzyBot: Обновление для соответствия новой версии исходной страницы.

2026-07-17T07:46:03Z

Обновление для соответствия новой версии исходной страницы.

@@ Строка 1: / Строка 1: @@
 == '''Description of the Situation''' ==
 SmartPlayer has developed a widget that allows users to control a broadcast and the events within it using buttons on touch screens. This widget makes it possible to create control elements (buttons) to which reactions and events can be assigned. The configured widget can be used as a remote control for managing a broadcast.
@@ Строка 78: / Строка 80: @@
 [[File:Обсужление_Трансялции_событий.png|thumb|center| Example of the '''Discussions''' tab on a wiki page|800px]]
 Additional information is also available on the page [[Как взаимодействовать пользователю с разделом "Обсуждения"]].

N.Bloshkin: Новая страница: «== '''Description of the Situation''' == SmartPlayer has developed a widget that allows users to control a broadcast and the events within it using buttons on touch screens. This widget makes it possible to create control elements (buttons) to which reactions and events can be assigned. The configured widget can be used as a remote control for managing a broadcast. == '''Adding the Widget to the Personal Account''' == To add this widget to the personal accou...»

2026-07-17T06:26:01Z

Новая страница: «== '''Description of the Situation''' == SmartPlayer has developed a widget that allows users to control a broadcast and the events within it using buttons on touch screens. This widget makes it possible to create control elements (buttons) to which reactions and events can be assigned. The configured widget can be used as a remote control for managing a broadcast. == '''Adding the Widget to the Personal Account''' == To add this widget to the personal accou...»

Внесённые изменения

FuzzyBot: Обновление для соответствия новой версии исходной страницы.

2026-07-17T06:23:02Z

Обновление для соответствия новой версии исходной страницы.

Новая страница

<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''Описание ситуации''' ==
Компания SmartPlayer разработала виджет, который позволяет управлять трансляцией и событиями внутри неё с помощью кнопок на сенсорных экранах. Данный виджет позволяет создавать элементы управления — кнопки, к которым можно привязать реакции и события. Настроенный виджет можно использовать в качестве пульта управления трансляцией.
== '''Добавление виджета в личный кабинет''' ==
Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате ZIP-архива.
[[File:Виджет_показа_трансляций.png|thumb|center| Пример виджета в формате ZIP-архива|800px]]
После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».
[[File:Контент_в_лк.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете|800px]]
В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесёт виджет в личный кабинет, он отобразится в списке контента.
[[File:Виджет_в_лк контент.png|thumb|center| Пример отображения переноса виджета в личном кабинете SmartPlayer|800px]]
== '''Главная страница виджета''' ==
После переноса виджета в личный кабинет для первичной настройки пользователю необходимо дважды нажать на иконку виджета. После этого откроется главная страница.
[[File:Главная_страница_виджета_ивентов.png|thumb|center| Пример отображения главной страницы виджета|800px]]
На главной странице виджета пользователь может нажать на иконку в виде шестерёнки, чтобы перейти в настройки виджета.
[[File:Иконка_настройки_виджета_трансляций.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]
== '''Кнопка «Настройки»''' ==
После открытия настроек виджета пользователь увидит список настраиваемых параметров в левой части экрана. В правой части экрана находится область предпросмотра виджета, на которой будут отображаться все вносимые изменения.
[[File:Разделение_экрана_в_настройках.png|thumb|center| Пример отображения разделения экрана в разделе «Настройки» виджета|800px]]
В список настраиваемых параметров виджета входят:
* выбор языка — позволяет выбрать один из доступных языков для отображения интерфейса виджета. Доступны следующие языки: русский, английский, португальский, испанский и казахский;
* размер шрифта виджета — позволяет установить размер шрифта текста с помощью ползунка или числового значения;
* фон виджета — позволяет выбрать фон виджета с помощью палитры. Цвет внутри палитры можно указать с помощью HEX-кода, который можно подобрать с помощью общедоступных цветовых палитр;
* изображение фона виджета — позволяет выбрать изображение с помощью кнопки «Выберите изображение». Предварительно нужное изображение необходимо загрузить в личный кабинет SmartPlayer;
* масштаб кнопок — позволяет установить масштаб создаваемых в виджете кнопок с помощью ползунка или числового значения;
* тип кнопок — позволяет выбрать тип отображения кнопок на экране. Доступны два варианта: с прямыми углами и со скруглёнными углами;
* кнопка «Добавить кнопку» — добавляет на экран виджета кнопку, которая реагирует на нажатие;
* кнопка «Добавить группу кнопок» — добавляет на экран виджета кнопку с возможностью добавить в неё другие кнопки и разворачивать их по нажатию.
[[File:Настройких_виджета.png|thumb|center| Пример отображения параметров для настройки виджета|800px]]
== '''Настройки кнопок для событий трансляции''' ==
Кнопки «Добавить кнопку» и «Добавить группу кнопок» при нажатии изменяют интерфейс виджета и добавляют дополнительные параметры для настройки каждого варианта по отдельности.
=== '''Добавить кнопку''' ===
При нажатии на кнопку «Добавить кнопку» пользователь увидит изменения интерфейса в настройках виджета.
[[File:Добавление_кнопки.png|thumb|center| Пример отображения изменений интерфейса при нажатии «Добавить кнопку»|800px]]
Для настройки добавленной кнопки пользователю необходимо изменить следующие параметры:
* название кнопки — указать текстовое название кнопки;
* идентификатор трансляции — указать ID трансляции, к которой будет привязана кнопка. ID можно скопировать из адресной строки при просмотре уже созданной трансляции;
[[File:Идентификатор_трансляции.png|thumb|center| Пример отображения ID трансляции|800px]]
* имя события — неизменяемый параметр. По умолчанию установлено значение события «label»;
* значение события — указать значение события, установленное при настройке трансляции;
* изображение кнопки — после нажатия на кнопку «Выберите изображение» пользователь должен выбрать изображение кнопки из личного кабинета SmartPlayer. Рекомендуется загрузить изображение заранее.
[[File:Настройки_кнопки в виджете.png|thumb|center| Пример отображения настроек кнопки|800px]]
=== '''Добавить группу кнопок''' ===
При нажатии на кнопку «Добавить группу кнопок» пользователь увидит изменения интерфейса в настройках виджета.
[[File:Добавить_группу_кнопок.png|thumb|center| Пример отображения изменений интерфейса при нажатии «Добавить группу кнопок»|800px]]
Для настройки добавленной группы кнопок пользователю необходимо изменить следующие параметры:
* имя группы — указать текстовое название группы;
* изображение кнопки — после нажатия на кнопку «Выберите изображение» пользователь должен выбрать изображение кнопки из личного кабинета SmartPlayer. Рекомендуется загрузить изображение заранее;
* кнопка «Добавить кнопку» — добавляет настройки кнопки, описанные в разделе выше. Данные параметры необходимо настроить. Добавленная здесь кнопка будет входить в группу.
[[File:Группа_кнопок.png|thumb|center| Пример отображения параметров для настройки группы кнопок|800px]]
== '''Завершение настройки виджета''' ==
После завершения настройки виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопки «Применить настройки»|800px]]
Далее виджет развернётся на весь экран, и пользователь должен нажать на кнопку «Сохранить», расположенную внизу по центру экрана.
[[File:Сохран.png|thumb|center| Пример отображения кнопки «Сохранить»|800px]]
== '''Загрузка и скачивание настроек''' ==
При работе с настройками виджета пользователь может загрузить ранее сохранённые настройки или скачать текущие настройки виджета. Каждое из указанных действий выполняется с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в нижней части виджета по центру.
[[File:Иконки_загрузки.png|thumb|center| Пример отображения иконок в настройках виджета|800px]]
== '''Серверная логика''' ==
При настройке параметров виджета, кнопок или групп кнопок, пользователь настраивает параметры, на которые реагирует серверное приложение SmartPlayer.
Список параметров, на которые реагирует серверное приложение SmartPlayer:
* идентификатор трансляции;
* имя события;
* значение события.
[[File:Параметры_для_события.png|thumb|center| Пример отображения параметров, взаимодействующих с сервером|800px]]
{{Note|Обратите внимание: пользователю необходимо настроить событие по следующему пути: «Добавить событие» в трансляции или в списке событий → выбрать событие «Серверное приложение» → ключ по полезной нагрузке → значение, то есть числовое значение события.|warn}}
При правильной настройке виджета на каждое касание серверное приложение будет выполнять действие, связанное с нажатием, например переключение страницы с контентом.
{{Note|Чтобы настроить это правильно, ознакомьтесь с инструкциями в разделе ниже. Особое внимание уделите серверным событиям.|warn}}
== '''Добавление настроенного виджета в трансляцию''' ==
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить данный виджет в качестве контента. Подробнее с описанными ранее шагами по созданию трансляции и расписания можно ознакомиться в следующих статьях Wiki SmartPlayer:
* [[Раздел "Устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Расписание"]]
* [[Подключения и интеграция в SmartPlayer c использованием серверных событий]]
== '''Видеоинструкция''' ==
[https://vkvideo.ru/video-227547238_456239143 Инструкция к виджету трансляции событий (Event Broadcast)]
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функциональность по назначению или после её прочтения остаются вопросы, их можно задать в разделе «Обсуждения» вверху страницы.
[[File:Обсужление_Трансялции_событий.png|thumb|center| Пример отображения вкладки «Обсуждения» на wiki-странице|800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]].
</div>

← Предыдущая версия		Версия от 10:53, 17 июля 2026
Строка 11:		Строка 11:
	== '''Widget Main Page''' ==		== '''Widget Main Page''' ==
	After transferring the widget to the personal account, the user must double-click the widget icon to perform the initial configuration. The widget's main page will then open.		After transferring the widget to the personal account, the user must double-click the widget icon to perform the initial configuration. The widget's main page will then open.
	[[File:~~Главная_страница_виджета_ивентов~~.png\|thumb\|center\| Example of the widget's main page\|800px]]		[[File:Главная_страница_другой_версии.png\|thumb\|center\| Example of the widget's main page\|800px]]
	On the widget's main page, the user can click the gear icon to open the widget settings.		On the widget's main page, the user can click the gear icon to open the widget settings.
	[[File:~~Иконка_настройки_виджета_трансляций~~.png\|thumb\|center\| Example of the icon used to open the widget settings\|800px]]		[[File:Переход_в_настройки_другой_ui.png\|thumb\|center\| Example of the icon used to open the widget settings\|800px]]

	== '''The "Settings" Button''' ==		== '''The "Settings" Button''' ==
	After opening the widget settings, the user will see a list of configurable parameters on the left side of the screen. The right side contains the widget preview area, where all changes are displayed.		After opening the widget settings, the user will see a list of configurable parameters on the left side of the screen. The right side contains the widget preview area, where all changes are displayed.
	[[File:~~Разделение_экрана_в_настройках~~.png\|thumb\|center\| Example of the screen layout in the widget's '''Settings''' section\|800px]]		[[File:Разделение_экрана_с_виджетами.png\|thumb\|center\| Example of the screen layout in the widget's '''Settings''' section\|800px]]
	The widget settings include the following parameters:		The widget settings include the following parameters:
	* '''Language Selection''' — allows the user to choose one of the available interface languages. The following languages are available: Russian, English, Portuguese, Spanish, and Kazakh;		* '''Language Selection''' — allows the user to choose one of the available interface languages. The following languages are available: Russian, English, Portuguese, Spanish, and Kazakh;
Строка 27:		Строка 27:
	* '''Add Button''' — adds a clickable button to the widget;		* '''Add Button''' — adds a clickable button to the widget;
	* '''Add Button Group''' — adds a button that can contain other buttons and expand when pressed.		* '''Add Button Group''' — adds a button that can contain other buttons and expand when pressed.
	[[File:~~Настройких_виджета~~.png\|thumb\|center\| Example of the widget configuration parameters\|800px]]		[[File:Блок_настроек_виджета.png\|thumb\|center\| Example of the widget configuration parameters\|800px]]

	== '''Configuring Buttons for Broadcast Events''' ==		== '''Configuring Buttons for Broadcast Events''' ==