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

Описание ситуации

Компания SmartPlayer разработала виджет, который позволяет отображать

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

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

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

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

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

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

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

Главная страница виджета

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

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

На главной странице виджета пользователь может кликнуть по иконке в виде шестеренки, чтобы перейти в настройки виджета.

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

Кнопка «Настройки»

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

Пример отображения разделения экрана в разделе «Настройки» виджета

В список настраиваемых параметров виджета входят:

• выбор языка — выбрать один из доступных языков для отображения интерфейса виджета. Доступны следующие языки: русский, английский, португальский, испанский и казахский;
• размер шрифта виджета — установить размер шрифта с помощью ползунка или числовым значением для текста;
• фон виджета — позволяет выбрать фон для виджета с помощью палитры. Цвет внутри палитры можно указать с помощью HEX-кода, который можно узнать в сети;
• изображение фона виджета — выбрать изображение по кнопке «Выберите изображение». Предварительно нужное изображение необходимо загрузить в личный кабинет SmartPlayer;
• масштаб кнопок — установить масштаб с помощью ползунка или числовым значением для размера создаваемых в виджете кнопок;
• тип кнопок — выбрать из предложенных вариантов тип отображения кнопки на экране. Доступно два варианта: прямой и скруглённый. В первом случае углы у кнопки будут сделаны прямыми, во втором углы кнопки будут скруглёнными;
• Кнопка «Добавить кнопку» — добавляет на экран виджета кнопку, которая реагирует на нажатия;
• Кнопка «Добавить группу кнопок» — добавляет на экран виджета кнопку с возможностью внести в неё другие кнопки и разворачивать их по нажатию.

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

Настройки кнопок для событий трансляции

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

Добавить кнопку

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

Пример отображения изменений интерфейса при нажатии «Добавить кнопку»

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

• название кнопки — прописать текстом название кнопки;
• идентификатор трансляции — указать ID-трансляции к которой будет привязана кнопка. ID можно скопировать из адресной строки при просмотре уже созданной трансляции;

Пример отображения ID-трансляции

• имя события — неизменяемый параметры. По умолчанию событие установлено «label»
• значение события — ???
• изображение кнопки — нажав на кнопку «Выберите изображение» пользователь должен выбрать изображение кнопки из личного кабинета SmartPlayer. Рекомендуется загрузить кнопку заранее.

Пример отображения настроек кнопки

Добавить группу кнопок

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

Пример отображения изменений интерфейса при нажатии «Добавить группу»

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

• имя группы — прописать текстом название группы;
• изображение кнопки — нажав на кнопку «Выберите изображение» пользователь должен выбрать изображение кнопки из личного кабинета SmartPlayer. Рекомендуется загрузить кнопку заранее.
• кнопка «Добавить кнопку» — добавляет настройки параметра кнопки, которые описаны в разделе выше. Эти параметры необходимо настроить. Добавленная здесь кнопка будет входить в группу.

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

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

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

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

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

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

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

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

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

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

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

• Раздел "Устройства"
• Раздел "Контент на устройства"
• Раздел "Трансляции"
• Раздел "Расписание"

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

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

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

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

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

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