Инструкция по работе виджета обратного отсчёта/en: различия между версиями

Материал из SmartPlayer
(Новая страница: «Countdown Widget User Guide»)
 
(Новая страница: «== '''Countdown Widget Description''' == This widget allows users to create and display countdowns on devices when needed. Below is the setup and operation guide for the widget. == '''Adding Widget to Personal Account''' == To add this widget to your personal account, go to the "Widget Gallery" section. thumb|center| Example of "Widget Gallery" section in personal account|800px In this section, locate and upl...»)
 
Строка 1: Строка 1:
<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''Countdown Widget Description''' ==
== '''Описание виджета''' ==
This widget allows users to create and display countdowns on devices when needed. Below is the setup and operation guide for the widget.
Данный виджет предоставляет пользователю вести обратный отсчёт и выводить его на устройства при необходимости. Ниже будет описан принцип настройки и работы виджета.  
== '''Adding Widget to Personal Account''' ==
== '''Добавление виджета в личный кабинет''' ==
To add this widget to your personal account, go to the "Widget Gallery" section.
Чтобы добавить данный виджет в личный кабинет, пользователю необходим перейти в раздел "Галерея виджетов".  
[[File:Галерея_виджетов лк.png|thumb|center| Example of "Widget Gallery" section in personal account|800px]]
[[File:Галерея_виджетов лк.png|thumb|center| Пример отображения раздела "Галерея виджетов" в личном кабинете|800px]]
In this section, locate and upload the widget.
В данном разделе пользователь должен найти данный виджет и загрузить его.
[[File:Обратный_отстчет.png|thumb|center| Example of widget display in "Countdown" section|800px]]
[[File:Обратный_отстчет.png|thumb|center| Пример отображения виджета в разделе "Обратный отсчёт"|800px]]
After uploading, the widget will appear in the selected folder of the "Content" section in your personal account.
После завершения загрузки виджета она отобразится в выбранной папки раздела "Контент" личного кабинета.
{{Note|Alternative way to add widget is by uploading it as ".zip" archive to "Content" section.|warn}}
{{Nowe|Альтернативным способом добавления виджета в личный кабинет является добавление его в формате ".zip" - архива в раздел "Контент" личного кабинета.|warn}}
== '''Widget Configuration''' ==
== '''Настройка виджета''' ==
To configure the widget, double-click its icon in the "Content" section. This will open widget's main page.
Чтобы настроить данный виджет, пользователю необходимо дважды кликнуть по иконке виджета в разделе "Контент". После этого у пользователя откроется главная страница виджета.
[[File:Главная_страница_виджета отсчёта.png|thumb|center| Example of widget's main page display|800px]]
[[File:Главная_страница_виджета отсчёта.png|thumb|center| Пример отображения главной страницы виджета|800px]]
To access settings, hover over first or second value on the page and click edit (pencil) icon.
Чтобы перейти в настройки виджета пользователю необходимо навести курсор на первое или второе значение на странице, и кликнуть на иконку редактировать в виде карандаша.
[[File:Иконка_редактировать.png|thumb|center| Example of edit icon on widget's main page|800px]]
[[File:Иконка_редактировать.png|thumb|center| Пример отображения иконки редактировать на главной странице виджета|800px]]
{{Note|Minutes and seconds have separate parameter lists.|warn}}
{{Note|Для минут и секунд прилагается отдельный список параметров.|warn}}
== '''Widget Configuration Parameters''' ==
== '''Параметры для настройки виджета''' ==
'''For first value''':<br>
'''Для первого значения''':<br>
* Background color - allows setting text background color using HEX code [https://colorscheme.ru/html-colors.html reference available online]
* Цвет фона - позволяет пользователю выбрать цвет текста, который будет использоваться в качестве фона. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
* Background image - allows selecting background image from personal account content
* Картинка фона - позволяет пользователю выбрать картинку для фона из списка контента в личном кабинете
* Font size - allows setting font size in pixels
* Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях
* Font color - allows setting countdown font color using HEX code
* Цвет шрифта - позволяет пользователю выбрать для шрифта, используемого в отсчёте. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
* Separator - allows adding "separator word" for first value (e.g.: min., sec., hr.)
* Разделитель - позволяет пользователю прописать "слово-разделитель" для обозначения первой цифры в отсчете. Например: мин., сек., ч.
* Separator size - allows setting separator size in pixels
* Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселях
* Right margin - allows setting right margin value in pixels
* Отступ справа - позволяет пользователю указать значение отступа с правой стороны. Указывается в пикселях
* Separator color - allows setting separator color using HEX code
* Цвет разделителя - позволяет пользователю выбрать цвет разделителя, который будет использоваться в процессе отсчёта. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
[[File:Параметры_1го_значения.png|thumb|center| Example of parameters list for first value|800px]]
[[File:Параметры_1го_значения.png|thumb|center| Пример отображения списка параметров для первого значения|800px]]
Don't forget to click "Save" button under settings list to apply changes.<br><br>
Обязательно нажать на кнопку "Сохранить" под списком настроек, чтобы применить изменения в самих настройках.<br><br>
'''For second value''':<br>
'''Для второго значения''':<br>
* Font size - allows setting font size in pixels
* Размер шрифта - позволяет пользователю выставить значение размера шрифта. Указывается в пикселях
* Font color - allows setting countdown font color using HEX code
* Цвет шрифта - позволяет пользователю выбрать для шрифта, используемого в отсчёте. Цвет можно указать с помощью HEX-кода
* Separator size - allows setting separator size in pixels
* Размер разделителя - позволяет пользователю указать размер разделителя. Указывается в пикселях[https://colorscheme.ru/html-colors.html можно узнать в сети]
* Left margin - allows setting left margin value in pixels
* Отступ слева - позволяет пользователю указать значение отступа с левой стороны. Указывается в пикселях
* Separator color - allows setting separator color using HEX code
* Цвет разделителя - позволяет пользователю выбрать цвет разделителя, который будет использоваться в процессе отсчёта. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]
[[File:Параметры_2го_значения.png|thumb|center| Example of parameters list for second value|800px]]
[[File:Параметры_2го_значения.png|thumb|center| Пример отображения списка параметров для второго значения|800px]]
Don't forget to click "Save" button under settings list to apply changes.<br>
Также обязательно нажать на кнопку "Сохранить" под списком настроек, чтобы применить изменения в самих настройках.<br>
After completing all settings, click "Save" button at the bottom center of screen.
После завершения всех настроек пользователю необходимо сохранить настройки, нажав по одноименной кнопки внизу по центру экрана.
[[File:Кнпока_сохранить.png|thumb|center| Example of "Save" button in widget|800px]]
[[File:Кнпока_сохранить.png|thumb|center| Пример отображения кнопки "Сохранить" в виджете|800px]]
== '''Adding Configured Widget to Broadcast''' ==
== '''Добавление настроенного виджета в трансляцию''' ==
To fully test this functionality, launch scheduled broadcast and add this widget as content. For creating broadcasts and schedules, see these Wikipedia articles:
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:
* [[Раздел "Устройства"]]
* [[Раздел "Устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Контент на устройства"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Трансляции"]]
* [[Раздел "Расписание"]]
* [[Раздел "Расписание"]]
== '''Видеоинструкция''' ==
== '''Video Guide''' ==
[https://vk.com/video-227547238_456239062 Настройка виджета обратного отсчёта]
[https://vk.com/video-227547238_456239062 Countdown Widget Setup]
== '''Дополнительная информация''' ==
== '''Additional Information''' ==
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.
If this article doesn't help or you have additional questions, please post them in "Discussions" section at the top of the page.
[[File:Обсуждение_обратного_отстчёта.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Обсуждение_обратного_отстчёта.png|thumb|center| Example of "Discussions" tab on wiki-page |800px]]
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
More information available at [[Как взаимодействовать пользователю с разделом "Обсуждения"]]
</div>

Текущая версия от 12:16, 29 марта 2025

Countdown Widget Description

This widget allows users to create and display countdowns on devices when needed. Below is the setup and operation guide for the widget.

Adding Widget to Personal Account

To add this widget to your personal account, go to the "Widget Gallery" section.

Example of "Widget Gallery" section in personal account

In this section, locate and upload the widget.

Example of widget display in "Countdown" section

After uploading, the widget will appear in the selected folder of the "Content" section in your personal account.

Alternative way to add widget is by uploading it as ".zip" archive to "Content" section.

Widget Configuration

To configure the widget, double-click its icon in the "Content" section. This will open widget's main page.

Example of widget's main page display

To access settings, hover over first or second value on the page and click edit (pencil) icon.

Example of edit icon on widget's main page
Minutes and seconds have separate parameter lists.

Widget Configuration Parameters

For first value:

  • Background color - allows setting text background color using HEX code reference available online
  • Background image - allows selecting background image from personal account content
  • Font size - allows setting font size in pixels
  • Font color - allows setting countdown font color using HEX code
  • Separator - allows adding "separator word" for first value (e.g.: min., sec., hr.)
  • Separator size - allows setting separator size in pixels
  • Right margin - allows setting right margin value in pixels
  • Separator color - allows setting separator color using HEX code
Example of parameters list for first value

Don't forget to click "Save" button under settings list to apply changes.

For second value:

  • Font size - allows setting font size in pixels
  • Font color - allows setting countdown font color using HEX code
  • Separator size - allows setting separator size in pixels
  • Left margin - allows setting left margin value in pixels
  • Separator color - allows setting separator color using HEX code
Example of parameters list for second value

Don't forget to click "Save" button under settings list to apply changes.
After completing all settings, click "Save" button at the bottom center of screen.

Example of "Save" button in widget

Adding Configured Widget to Broadcast

To fully test this functionality, launch scheduled broadcast and add this widget as content. For creating broadcasts and schedules, see these Wikipedia articles:

Video Guide

Countdown Widget Setup

Additional Information

If this article doesn't help or you have additional questions, please post them in "Discussions" section at the top of the page.

Example of "Discussions" tab on wiki-page

More information available at Как взаимодействовать пользователю с разделом "Обсуждения"