https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D1%81_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%BC_%C2%AB%D0%A6%D0%B5%D0%BD%D1%8B_%D0%B4%D0%BB%D1%8F_%D0%90%D0%97%D0%A1%C2%BB%2FenИнструкция по работе с виджетом «Цены для АЗС»/en - История изменений2026-05-13T10:49:45ZИстория изменений этой страницы в викиMediaWiki 1.45.1https://wiki.smartplayer.org/index.php?title=%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D1%81_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%BC_%C2%AB%D0%A6%D0%B5%D0%BD%D1%8B_%D0%B4%D0%BB%D1%8F_%D0%90%D0%97%D0%A1%C2%BB/en&diff=18115&oldid=prevN.Bloshkin: Новая страница: «== '''Situation Description''' == This widget allows users to display information about the cost of specific fuel types on devices. The instructions below explain how the widget works and how to configure it within the SmartPlayer platform. == '''Server Logic''' == This widget receives all data directly from the customer's server. After receiving it, the data is processed and displayed in the broadcast through the SmartPlayer personal account. == '''Adding t...»2025-11-13T07:18:13Z<p>Новая страница: «== '''Situation Description''' == This widget allows users to display information about the cost of specific fuel types on devices. The instructions below explain how the widget works and how to configure it within the SmartPlayer platform. == '''Server Logic''' == This widget receives all data directly from the customer's server. After receiving it, the data is processed and displayed in the broadcast through the SmartPlayer personal account. == '''Adding t...»</p>
<a href="https://wiki.smartplayer.org/index.php?title=%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D1%81_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%BC_%C2%AB%D0%A6%D0%B5%D0%BD%D1%8B_%D0%B4%D0%BB%D1%8F_%D0%90%D0%97%D0%A1%C2%BB/en&diff=18115&oldid=18113">Внесённые изменения</a>N.Bloshkinhttps://wiki.smartplayer.org/index.php?title=%D0%98%D0%BD%D1%81%D1%82%D1%80%D1%83%D0%BA%D1%86%D0%B8%D1%8F_%D0%BF%D0%BE_%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D0%B5_%D1%81_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%BC_%C2%AB%D0%A6%D0%B5%D0%BD%D1%8B_%D0%B4%D0%BB%D1%8F_%D0%90%D0%97%D0%A1%C2%BB/en&diff=18113&oldid=prevN.Bloshkin: Новая страница: «Instruction for Working with the “Fuel Prices” Widget»2025-11-13T07:17:57Z<p>Новая страница: «Instruction for Working with the “Fuel Prices” Widget»</p>
<p><b>Новая страница</b></p><div><div lang="ru" dir="ltr" class="mw-content-ltr"><br />
== '''Описание ситуации''' ==<br />
Данный виджет позволяет пользователям выводить на устройства информацию о стоимости определенных типов топлива. Приведенная ниже инструкция объясняет как, работает виджет и помогает настроить его работу внутри платформы SmartPlayer.<br />
== '''Серверная логика''' ==<br />
Данный виджет, все данные получает напрямую от сервера заказчика. После получения обрабатывает данные и выводит их в трансляцию с помощью личного кабинета SmartPlayer.<br />
== '''Добавление виджета в личный кабинет''' ==<br />
Чтобы добавить данный виджет в личный кабинет, пользователю необходимо запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip-архива.<br />
[[File:Виджет_лукойл.png|thumb|center| Пример виджета в формате .zip-архива|800px]]<br />
После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».<br />
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете |800px]]<br />
В разделе «Контент» необходимо перенести данный виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом.<br />
[[File:Цены_на_топливо.png|thumb|center| Пример отображения переноса виджета в личном кабинете SmartPlayer|800px]]<br />
== '''Настройка виджета''' ==<br />
После переноса виджета для первичной настройки пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу.<br />
[[File:Главная_страница_топливо.png|thumb|center| Пример отображения главной страницы виджета|800px]]<br />
На главной странице виджета пользователю доступно две кнопки:<br />
# Кнопка "API".<br />
# Кнопка «Настройки»<br />
[[File:Кнопки_настроек_топливо.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]<br />
== '''Кнопка "API"''' ==<br />
Кликнув на кнопку "API" пользователю откроется модальное окно с информацией о ресурсах, которые позволяют виджету стабильно работать. В разделе также есть общее описание о его необходимости и принципах работы.<br />
[[File:Данные_в_модальном_окне.png|thumb|center| Пример отображения информации в модальном окне |800px]]<br />
Основными параметрами для ресурсов являются:<br />
* имя — указано имя ресурса;<br />
* метод — используемый тип метода (GET);<br />
* требует авторизации — информация об обязательности авторизации;<br />
* адрес сервера — URL-адрес сервера, с которого берутся данные;<br />
* адрес API — отображается название JSON-файла в котором присутствует информация об API и ценах;<br />
* кнопка «Проверить соединение» — при нажатии проводит проверку соединения и отображает вывод с указанием числового статуса.<br />
Закрыть данное окно можно по стандартной иконке в правом верхнем углу.<br />
== '''Кнопка «Настройки»''' ==<br />
После открытия страницы с настройками пользователю откроется страница, которую можно разделить на два блока параметров:<br />
# Общие настройки виджета.<br />
# Настройки анимации для виджета.<br />
[[File:Настройки_виджета_топлива.png|thumb|center| Пример отображения двух блоков параметров для настройки виджета|800px]]<br />
=== '''Общие настройки виджета''' ===<br />
К общим настройкам виджета можно отнести следующие параметры:<br />
* выбор языка — выбрать доступный вариант из списка: русский, английский, испанский, португальский;<br />
* поворот виджета — выбрать из списка значение для поворота виджета при отображении (90 и 270 градусов);<br />
* адрес прокси-сервера — указать URL-ссылку для прокси-сервера;<br />
* чекбокс «Использовать прокси» — включает/отключает использование прокси сервера для виджета;<br />
* для каких позиций ДТ отображать 'экто-зима' — введите значения позиций (начинайте с 0 и ставьте разделителем ",");<br />
* размер шрифта типа топлива — прописать значение для шрифта (в пикселях) или настроить с помощью ползунка;<br />
* размер иконок — прописать значение размера иконок (в пикселях) или настроить с помощью ползунка;<br />
* размер шрифта цен — прописать значение для шрифта (в пикселях) или настроить с помощью ползунка;<br />
* отступы между строками — прописать значение для отступа (считается в пикселях);<br />
* цвет шрифта — палитра, позволяющая создать индивидуальный цвет для шрифта;<br />
* насыщенность шрифта — выберите один вариант начертания из списка: тонкое, нормальное, полужирное, жирное;<br />
* чекбокс «Форматировать значения без нуля на конце» — включает/отключает форматирование нецелых значений с нулём на конце;<br />
* чекбокс «Дублировать цены» — включает/отключает дублирование цен;<br />
* чекбокс «Фильтровать одинаковые значения» — включает/отключает фильтрацию по идентичным значениям;<br />
* цвет отображаемых иконок — выбрать один из доступных цветов для иконок: белый или чёрный;<br />
* полный путь в API получения цен — прописывается полноценная URL-ссылка со значением идентификатора (идентификатор последнее числовое значение);<br />
{{Note|[[File:Правильный_идентификатор.png|thumb|center| Пример отображения правильного идентификатора|800px]]|warn}}<br />
* частота обновления данных — указать значения для промежутка обновления данных (в секундах);<br />
* использовать хранилище клиентского приложения — включает/отключает использование клиентского приложения (применимо только к устройствам на ОС Windows, Linux, Raspberry);<br />
* видео — позволяет выбрать видео из личного кабинета, которое будет проигрываться на фоне цен; <br />
* идентификатор видео — поле, которое нельзя настроить. Автоматически определяет идентификатор выбранного видео из личного кабинета.<br />
[[File:Общие_настройки_топлива.png|thumb|center| Пример отображения списка с общими настройками виджета|800px]]<br />
=== '''Настройки анимации для виджета''' ===<br />
Настройки анимации виджета идут отдельным блоком и расположены в правой части экрана. Все анимации разделены на шаги (максимальное количество - 6). Каждый шаг включает в себя следующие параметры:<br />
* направление анимации — выбрать один из доступных вариантов из списка: слева направо, справа налево, снизу вверх, сверху вниз;<br />
* скорость анимации — прописать скорость анимации (в секундах);<br />
* время срабатывания анимации — прописать интервал, через который должна сработать анимация (в секундах).<br />
[[File:Блок_настроек_анимации.png|thumb|center| Пример отображения списка с настройками для анимаций|800px]]<br />
== '''Завершение настройки виджета''' ==<br />
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» внизу экрана и еще ниже кликнуть на кнопку «Сохранить».<br />
[[File:Завершение_настройки_виджета_топлива.png|thumb|center| Пример отображения кнопок для завершения настройки виджета|800px]]<br />
== '''Загрузка и скачивание настроек''' ==<br />
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий работает с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.<br />
[[File:Скачать_и_загрузить_настройки_топлива.png|thumb|center| Пример отображения кнопок для загрузки и выгрузки настроек|800px]]<br />
== '''Добавление настроенного виджета в трансляцию''' ==<br />
Чтобы создать трансляцию с виджетом, необходимо перейти в раздел «Трансляция» личного кабинета и найти категорию «Создать».<br />
[[File:Создание_транлсяций.png|thumb|center| Пример отображения раздела «Трансляция» и категории «Создать» в личном кабинете.|800px]]<br />
На открывшейся странице необходимо найти иконку «Добавить зону» и определить подходящую зону. По клику на этой зоне откроются настройки в которых необходимо указать требуемые размеры — ширину и высоту. Оба параметра необходимо указать в пикселях и нажать на кнопку «Сохранить».<br />
{{Note|Если виджет используется для двухсторонней стелы АЗС необходимо указать общую ширину для двух экранов.|warn}}<br />
[[File:Параметры_для_настрйоки.png|thumb|center| Пример отображения настроек зоны|800px]]<br />
Выбрать нужный контент (например видео) и перенести в необходимую зону и также перенести в эту же зону виджет. В нижней части экрана отобразится плейлист для зоны.<br />
[[File:Контент_в_плейлисте.png|thumb|center| Пример отображения контента в плейлисте|800px]]<br />
В этом листе необходимо перетянуть контент/виджет так, чтобы они стартовали одинаково.<br />
[[File:Выравнивание старта.png|thumb|center| Пример отображения настройки контента для равного старта|800px]]<br />
Далее с помощью клика по контенту копируем продолжительность и вставляем скопированное значение в параметр продолжительности в виджете, тем самым уравнивая длительность проигрывания его с контентом.<br />
[[File:Настройка_продолжительности.png|thumb|center| Пример отображения параметра продолжительностьв|800px]]<br />
== '''Добавление настроенного виджета в трансляцию''' ==<br />
Чтобы полностью ознакомиться с работой данной функциональности, пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wiki SmartPlayer:<br />
* [[Раздел "Устройства"]]<br />
* [[Раздел "Контент на устройства"]]<br />
* [[Раздел "Трансляции"]]<br />
* [[Раздел "Расписание"]]<br />
== '''Видеоинструкция''' ==<br />
[https://vk.com/video-227547238_456239101 Инструкция по работе с виджетом «Цены для АЗС»]<br />
== '''Дополнительная информация''' ==<br />
Если данная статья не помогает использовать функционал по назначению или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.<br />
[[File:Обсуждение_цены_топлива.png|thumb|center| Пример отображения вкладки «Обсуждения» на wiki-странице |800px]]<br />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]<br />
</div></div>N.Bloshkin