Инструкция по работе виджета событий: различия между версиями

Материал из SmartPlayer
Нет описания правки
 
(не показано 5 промежуточных версий этого же участника)
Строка 1: Строка 1:
<languages/>
<translate>
<!--T:1-->
== '''Описание виджета''' ==
== '''Описание виджета''' ==
Данный виджет позволит пользователям использовать функционал событий на нескольких устройствах одновременно. То есть, если у пользователям несколько устройств/экранов, и на каждом из них проигрывается своя трансляция. По нажатию кнопки на пульте на всех трех устройствах виджет запускает синхронное проигрывание нужного события и прерывает текущую трансляцию. После проигрывания события виджет перестает функционировать и исходные трансляции на устройствах продолжают своё проигрывание.
Данный виджет позволит пользователям использовать функционал событий на нескольких устройствах одновременно. То есть, если у пользователей несколько устройств/экранов, и на каждом из них проигрывается своя трансляция. По нажатию кнопки на пульте на всех трех устройствах виджет запускает синхронное проигрывание нужного события и прерывает текущую трансляцию. После проигрывания события виджет прекращает функционировать и исходные трансляции на устройствах продолжают своё проигрывание.
== '''Добавление виджета в личный кабинет''' ==
== '''Добавление виджета в личный кабинет''' ==
Чтобы добавить данный виджет в личный кабинет пользователю необходимо запросить у специалиста команды технической поддержки виджет. Он будет предоставлен в формате ".zip" - архива.
Чтобы добавить данный виджет в личный кабинет пользователю необходимо запросить у специалиста команды технической поддержки виджет. Он будет предоставлен в формате ".zip" - архива.
[[File:Архив_виджета.png|thumb|center| Пример виджета в формате ".zip" - архива|800px]]
[[File:Архив_виджета.png|thumb|center| Пример виджета в формате ".zip" - архива|800px]]
После пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».
После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете |800px]]
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете |800px]]
В разделе «Контент» необходимо перетянуть данный виджет из локального хранилища в раздел «Контент». После того как пользователь перенесет виджет в личный кабинет он отобразиться в списке с контентом.
В разделе «Контент» необходимо перетянуть данный виджет из локального хранилища в раздел «Контент». После того как пользователь перенесет виджет в личный кабинет он отобразится в списке с контентом.
[[File:Виджет_событий_в_лк.png|thumb|center| Пример отображения переноса виджета с помощью drag-n-drop|800px]]
[[File:Виджет_событий_в_лк.png|thumb|center| Пример отображения переноса виджета с помощью drag-n-drop|800px]]
== '''Настройка виджета''' ==
== '''Настройка виджета''' ==
Строка 23: Строка 26:
* размер шрифта — позволяет пользователю выставить размер шрифта с помощью значения или с помощью ползунка;
* размер шрифта — позволяет пользователю выставить размер шрифта с помощью значения или с помощью ползунка;
* фон виджета — позволяет настроить фон виджета с помощью палитры;
* фон виджета — позволяет настроить фон виджета с помощью палитры;
* изображение фона виджета — позволяет выбрать изображение в качестве фона виджета доступные в личном кабинете.
* изображение фона виджета — позволяет выбрать изображение в качестве фона виджета из доступных в личном кабинете.
[[File:Настройки_фона_виджета.png|thumb|center| Пример отображения параметров для фона|800px]]
[[File:Настройки_фона_виджета.png|thumb|center| Пример отображения параметров для фона|800px]]
=== '''Настройки кнопок и групп кнопок''' ===
=== '''Настройки кнопок и групп кнопок''' ===
Строка 30: Строка 33:
[[File:Параметры_кнопки.png|thumb|center| Пример отображения списка параметров|800px]]
[[File:Параметры_кнопки.png|thumb|center| Пример отображения списка параметров|800px]]
* название кнопки — пользователю необходимо прописать название кнопки;
* название кнопки — пользователю необходимо прописать название кнопки;
* идентификатор трансляции — пользователю необходимо найти нужную трансляцию, кликнуть на нее и в URL вытащить значение параметра "broadcastid";
* идентификатор трансляции — пользователю необходимо найти нужную трансляцию, кликнуть на нее и скопировать из URL значение параметра "broadcastid";
[[File:Идентификатор_транлсяции.png|thumb|center| Пример отображения идентификатора трансляции|800px]]
[[File:Идентификатор_транлсяции.png|thumb|center| Пример отображения идентификатора трансляции|800px]]
* имя события — наименование события, которое знает сервер (по умолчанию и всегда "label");
* имя события — наименование события, которое знает сервер (по умолчанию и всегда "label");
* значение события — вводится значение, которое используется при создании события в трансляции. Значение события можно настроить в трансляции выбрав «серверное приложение» и выставив определение по «полезной нагрузке». Укажите нужное вам значение в трансляции.
* значение события — вводится значение, которое используется при создании события в трансляции. Значение события можно настроить в трансляции выбрав «серверное приложение» и выставив определение по «полезной нагрузке». Укажите нужное вам значение в трансляции.
[[File:Работа_с_событиями.png|thumb|center| Пример отображения значения для события|800px]]
[[File:Работа_с_событиями.png|thumb|center| Пример отображения значения для события|800px]]
{{Note|Ознакомиться с моделью с триггерно-событийной моделью можно по ссылке [https://wiki.smartplayer.org/index.php/%D0%A2%D1%80%D0%B8%D0%B3%D0%B3%D0%B5%D1%80%D0%BD%D1%8B%D0%B5_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%B2_%D1%82%D1%80%D0%B0%D0%BD%D1%81%D0%BB%D1%8F%D1%86%D0%B8%D0%B8 здесь]|warn}}
{{Note|Ознакомиться с триггерно-событийной моделью можно по ссылке [https://wiki.smartplayer.org/index.php/%D0%A2%D1%80%D0%B8%D0%B3%D0%B3%D0%B5%D1%80%D0%BD%D1%8B%D0%B5_%D1%81%D0%BE%D0%B1%D1%8B%D1%82%D0%B8%D1%8F_%D0%B2_%D1%82%D1%80%D0%B0%D0%BD%D1%81%D0%BB%D1%8F%D1%86%D0%B8%D0%B8 здесь]|warn}}
* кнопка «Добавить группу» создает окно с двумя параметрами:
* кнопка «Добавить группу» создает окно с двумя параметрами:
[[File:Параметры_кнопки.png|thumb|center| Пример отображения списка параметров|800px]]
[[File:Параметры_кнопки.png|thumb|center| Пример отображения списка параметров|800px]]
Строка 41: Строка 44:
* добавить кнопку — функционал идентичен описанному выше в этом разделе.
* добавить кнопку — функционал идентичен описанному выше в этом разделе.
[[File:Доавбление_групп.png|thumb|center| Пример отображения параметров для групп|800px]]
[[File:Доавбление_групп.png|thumb|center| Пример отображения параметров для групп|800px]]
 
</translate>
<translate>
<!--T:2-->
== '''Завершение настройки виджета''' ==
== '''Завершение настройки виджета''' ==
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопки «Применить настройки»|800px]]
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопки «Применить настройки»|800px]]
Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.
Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.
[[File:Сохран.png|thumb|center| Пример отображения кнопки «Сохранить»|800px]
[[File:Сохран.png|thumb|center| Пример отображения кнопки «Сохранить»|800px]]
=== '''Работа настроенного виджета''' ===
=== '''Работа настроенного виджета''' ===
Когда виджет будет настроен пользователь увидит на экране созданные кнопки, при нажатии на которые, с помощью пульта, можно переключать события.
Когда виджет будет настроен пользователь увидит на экране созданные кнопки или группы кнопок, при нажатии на которые, с помощью пульта, можно переключать события и возвращать исходные трансляции для проигрывания.
Переключив событие
== '''Загрузка и скачивание настроек''' ==
== '''Загрузка и скачивание настроек''' ==
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.
Строка 55: Строка 59:
== '''Тонкости и нюансы в работе виджета''' ==
== '''Тонкости и нюансы в работе виджета''' ==
Данный виджет, как и любое решение имеет свои «узкие» места, которые будут обозначены в этом разделе:
Данный виджет, как и любое решение имеет свои «узкие» места, которые будут обозначены в этом разделе:
* При работе с виджетом пользователь может настроить переключение оного экрана по кнопке с пульта. Событие на этом экране запустится, остальные устройства продолжат проигрывать текущую трансляцию.
* При работе с виджетом пользователь может настроить переключение одного экрана по кнопке с пульта. Событие на этом экране запустится, остальные устройства продолжат проигрывать текущую трансляцию.
== '''Добавление настроенного виджета в трансляцию''' ==
== '''Добавление настроенного виджета в трансляцию''' ==
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
Строка 64: Строка 68:
== '''Видеоинструкция''' ==
== '''Видеоинструкция''' ==
[https://vk.com/video-227547238_456239090 Настройка виджета переключения событий]
[https://vk.com/video-227547238_456239090 Настройка виджета переключения событий]
== '''Дополнительная информация''' ==
== '''Дополнительная информация''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
[[File:Обсуждение_виджета_событий.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Обсуждение_виджета_событий.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</translate>

Текущая версия от 09:49, 4 сентября 2025

Описание виджета

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

Добавление виджета в личный кабинет

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

Пример виджета в формате ".zip" - архива

После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».

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

В разделе «Контент» необходимо перетянуть данный виджет из локального хранилища в раздел «Контент». После того как пользователь перенесет виджет в личный кабинет он отобразится в списке с контентом.

Пример отображения переноса виджета с помощью drag-n-drop

Настройка виджета

После переноса виджета в раздел «Контент» для первичной настройки виджета пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу виджета.

Пример отображения главной страницы виджета

На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.

Пример отображения иконки для перехода в настройки виджета

Параметры для настройки виджета

После перехода на страницу настроек виджета, пользователь обнаружит два блока настроек:

  1. Размер шрифта и фон виджета;
  2. Настройки кнопок и групп кнопок.
Пример отображения настроек виджета

Размер шрифта и фон виджета

Блок включает в себя следующий набор параметров:

  • выбор языка — позволяет пользователю выбрать одну из доступных локализаций для работы виджета: русская, английская, испанская, португальская, казахская;
  • размер шрифта — позволяет пользователю выставить размер шрифта с помощью значения или с помощью ползунка;
  • фон виджета — позволяет настроить фон виджета с помощью палитры;
  • изображение фона виджета — позволяет выбрать изображение в качестве фона виджета из доступных в личном кабинете.
Пример отображения параметров для фона

Настройки кнопок и групп кнопок

В данный блок настроек входят следующие параметры:

  • кнопка «Добавить кнопку» — создает окно со следующими параметрами:
Пример отображения списка параметров
  • название кнопки — пользователю необходимо прописать название кнопки;
  • идентификатор трансляции — пользователю необходимо найти нужную трансляцию, кликнуть на нее и скопировать из URL значение параметра "broadcastid";
Пример отображения идентификатора трансляции
  • имя события — наименование события, которое знает сервер (по умолчанию и всегда "label");
  • значение события — вводится значение, которое используется при создании события в трансляции. Значение события можно настроить в трансляции выбрав «серверное приложение» и выставив определение по «полезной нагрузке». Укажите нужное вам значение в трансляции.
Пример отображения значения для события
Ознакомиться с триггерно-событийной моделью можно по ссылке здесь
  • кнопка «Добавить группу» создает окно с двумя параметрами:
Пример отображения списка параметров
  • название группы — позволяет пользователю создать хранилище для группового хранения кнопок;
  • добавить кнопку — функционал идентичен описанному выше в этом разделе.
Пример отображения параметров для групп

Завершение настройки виджета

После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.

Пример отображения кнопки «Применить настройки»

Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.

Пример отображения кнопки «Сохранить»

Работа настроенного виджета

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

Загрузка и скачивание настроек

В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.

Пример отображения иконок в настройках виджета

Тонкости и нюансы в работе виджета

Данный виджет, как и любое решение имеет свои «узкие» места, которые будут обозначены в этом разделе:

  • При работе с виджетом пользователь может настроить переключение одного экрана по кнопке с пульта. Событие на этом экране запустится, остальные устройства продолжат проигрывать текущую трансляцию.

Добавление настроенного виджета в трансляцию

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

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

Настройка виджета переключения событий

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

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

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

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