Инструкция к виджету трансляции событий (Event Broadcast): различия между версиями
Материал из SmartPlayer
Новая страница: «== '''Описание ситуации''' == Данный виджет выводит на устройства информацию с расписанием занятий, при этом позволит виджету работать с необходимым фоновым контентом в рамках функционала личного кабинета SmartPlayer. == '''Добавление виджета в личный кабинет''' =...» |
Нет описания правки |
||
| Строка 1: | Строка 1: | ||
== '''Описание ситуации''' == | == '''Описание ситуации''' == | ||
Компания SmartPlayer разработала виджет, который позволяет отображать | |||
== '''Добавление виджета в личный кабинет''' == | == '''Добавление виджета в личный кабинет''' == | ||
Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip-архива. | Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip-архива. | ||
[[File: | [[File:Виджет_показа_трансляций.png|thumb|center| Пример виджета в формате .zip-архива|800px]] | ||
После этого, пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент». | После этого, пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент». | ||
[[File: | [[File:Контент_в_лк.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете |800px]] | ||
В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом. | В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом. | ||
[[File: | [[File:Виджет_в_лк контент.png|thumb|center| Пример отображения переноса виджета в личном кабинете SmartPlayer|800px]] | ||
== '''Главная страница виджета''' == | == '''Главная страница виджета''' == | ||
После переноса виджета для первичной настройки пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу. | После переноса виджета для первичной настройки пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу. | ||
[[File: | [[File:Главная_страница_виджета_ивентов.png|thumb|center| Пример отображения главной страницы виджета|800px]] | ||
На главной странице виджета пользователь может кликнуть по иконке в виде шестеренки, чтобы перейти в настройки виджета. | На главной странице виджета пользователь может кликнуть по иконке в виде шестеренки, чтобы перейти в настройки виджета. | ||
[[File: | [[File:Иконка_настройки_виджета_трансляций.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]] | ||
== '''Кнопка «Настройки»''' == | == '''Кнопка «Настройки»''' == | ||
После открытия настроек виджета пользователь увидит список настраиваемых в левой части экрана. В правой части экрана находиться экран предпросмотра виджета на котором будут отображаться все вносимые изменения. | |||
[[File:Разделение_экрана_в_настройках.png|thumb|center| Пример отображения разделения экрана в разделе «Настройки» виджета|800px]] | |||
В список настраиваемых параметров виджета входят: | |||
* выбор языка — выбрать один из доступных языков для отображения интерфейса виджета. Доступны следующие языки: русский, английский, португальский, испанский и казахский; | |||
* размер шрифта виджета — установить размер шрифта с помощью ползунка или числовым значением для текста; | |||
* фон виджета — позволяет выбрать фон для виджета с помощью палитры. Цвет внутри палитры можно указать с помощью HEX-кода, который можно узнать в сети; | |||
* изображение фона виджета — выбрать изображение по кнопке «Выберите изображение». Предварительно нужное изображение необходимо загрузить в личный кабинет SmartPlayer; | |||
* масштаб кнопок — установить масштаб с помощью ползунка или числовым значением для размера создаваемых в виджете кнопок; | |||
* тип кнопок — выбрать из предложенных вариантов тип отображения кнопки на экране. Доступно два варианта: прямой и скруглённый. В первом случае углы у кнопки будут сделаны прямыми, во втором углы кнопки будут скруглёнными; | |||
* Кнопка «Добавить кнопку» — добавляет на экран виджета кнопку, которая реагирует на нажатия; | |||
* Кнопка «Добавить группу кнопок» — добавляет на экран виджета кнопку с возможностью внести в неё другие кнопки и разворачивать их по нажатию. | |||
[[File:Настройких_виджета.png|thumb|center| Пример отображения параметров для настройки виджета|800px]] | |||
== '''Настройки кнопок для событий трансляции''' == | |||
Кнопки «Добавить кнопку» и «Добавить группу кнопок» при нажатии меняют UI виджета и добавляют дополнительные параметры для настройки каждого варианта в отдельности. | |||
=== '''Добавить кнопку''' === | |||
При нажатии на кнопку «Добавить кнопку» пользователь увидит изменения интерфейса в настройках виджета. | |||
[[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]] | |||
== '''Добавление настроенного виджета в трансляцию''' == | == '''Добавление настроенного виджета в трансляцию''' == | ||
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wiki SmartPlayer: | Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wiki SmartPlayer: | ||
Версия от 13:50, 16 июля 2026
Описание ситуации
Компания SmartPlayer разработала виджет, который позволяет отображать
Добавление виджета в личный кабинет
Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip-архива.
После этого, пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».
В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом.
Главная страница виджета
После переноса виджета для первичной настройки пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу.
На главной странице виджета пользователь может кликнуть по иконке в виде шестеренки, чтобы перейти в настройки виджета.
Кнопка «Настройки»
После открытия настроек виджета пользователь увидит список настраиваемых в левой части экрана. В правой части экрана находиться экран предпросмотра виджета на котором будут отображаться все вносимые изменения.
В список настраиваемых параметров виджета входят:
- выбор языка — выбрать один из доступных языков для отображения интерфейса виджета. Доступны следующие языки: русский, английский, португальский, испанский и казахский;
- размер шрифта виджета — установить размер шрифта с помощью ползунка или числовым значением для текста;
- фон виджета — позволяет выбрать фон для виджета с помощью палитры. Цвет внутри палитры можно указать с помощью HEX-кода, который можно узнать в сети;
- изображение фона виджета — выбрать изображение по кнопке «Выберите изображение». Предварительно нужное изображение необходимо загрузить в личный кабинет SmartPlayer;
- масштаб кнопок — установить масштаб с помощью ползунка или числовым значением для размера создаваемых в виджете кнопок;
- тип кнопок — выбрать из предложенных вариантов тип отображения кнопки на экране. Доступно два варианта: прямой и скруглённый. В первом случае углы у кнопки будут сделаны прямыми, во втором углы кнопки будут скруглёнными;
- Кнопка «Добавить кнопку» — добавляет на экран виджета кнопку, которая реагирует на нажатия;
- Кнопка «Добавить группу кнопок» — добавляет на экран виджета кнопку с возможностью внести в неё другие кнопки и разворачивать их по нажатию.
Настройки кнопок для событий трансляции
Кнопки «Добавить кнопку» и «Добавить группу кнопок» при нажатии меняют UI виджета и добавляют дополнительные параметры для настройки каждого варианта в отдельности.
Добавить кнопку
При нажатии на кнопку «Добавить кнопку» пользователь увидит изменения интерфейса в настройках виджета.
Для настройки добавленной кнопки пользователю необходимо изменить следующие параметры:
- название кнопки — прописать текстом название кнопки;
- идентификатор трансляции — указать ID-трансляции к которой будет привязана кнопка. ID можно скопировать из адресной строки при просмотре уже созданной трансляции;
- имя события — неизменяемый параметры. По умолчанию событие установлено «label»
- значение события — ???
- изображение кнопки — нажав на кнопку «Выберите изображение» пользователь должен выбрать изображение кнопки из личного кабинета SmartPlayer. Рекомендуется загрузить кнопку заранее.
Добавить группу кнопок
При нажатии на кнопку «Добавить группу» пользователь увидит изменения интерфейса в настройках виджета.
Для настройки добавленной группы кнопок пользователю необходимо изменить следующие параметры:
- имя группы — прописать текстом название группы;
- изображение кнопки — нажав на кнопку «Выберите изображение» пользователь должен выбрать изображение кнопки из личного кабинета SmartPlayer. Рекомендуется загрузить кнопку заранее.
- кнопка «Добавить кнопку» — добавляет настройки параметра кнопки, которые описаны в разделе выше. Эти параметры необходимо настроить. Добавленная здесь кнопка будет входить в группу.
Завершение настройки виджета
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана.
Далее виджет растянется на весь экран, и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.
Загрузка и скачивание настроек
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий работает с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.
Добавление настроенного виджета в трансляцию
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wiki SmartPlayer:
Видеоинструкция
Инструкция по работе с виджетом «Расписание занятий»
Дополнительная информация
Если данная статья не помогает использовать функционал по назначению или после прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.
Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"
