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_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%B1%D0%B5%D0%B3%D1%83%D1%89%D0%B5%D0%B9_%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B9%2FruИнструкция по работе виджета бегущей строки для новостей/ru - История изменений2026-05-14T14:14:04ZИстория изменений этой страницы в вики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_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%B1%D0%B5%D0%B3%D1%83%D1%89%D0%B5%D0%B9_%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B9/ru&diff=14058&oldid=prevFuzzyBot: FuzzyBot переименовал страницу Инструкция по работе виджета rss/ru в Инструкция по работе виджета бегущей строки для новостей/ru без оставления перенаправления: Часть переводимой страницы Инструкция по работе виджета rss.2024-09-18T09:15:36Z<p>FuzzyBot переименовал страницу <a href="/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_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_rss/ru&action=edit&redlink=1" class="new" title="Инструкция по работе виджета rss/ru (страница не существует)">Инструкция по работе виджета rss/ru</a> в <a href="/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_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%B1%D0%B5%D0%B3%D1%83%D1%89%D0%B5%D0%B9_%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B9/ru" title="Инструкция по работе виджета бегущей строки для новостей/ru">Инструкция по работе виджета бегущей строки для новостей/ru</a> без оставления перенаправления: Часть переводимой страницы Инструкция по работе виджета rss.</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<tr class="diff-title" lang="ru">
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Версия от 12:15, 18 сентября 2024</td>
</tr><tr><td colspan="2" class="diff-notice" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>FuzzyBothttps://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_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%B1%D0%B5%D0%B3%D1%83%D1%89%D0%B5%D0%B9_%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B9/ru&diff=14056&oldid=prevFuzzyBot: Обновление для соответствия новой версии исходной страницы.2024-09-18T09:12:55Z<p>Обновление для соответствия новой версии исходной страницы.</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 12:12, 18 сентября 2024</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l82">Строка 82:</td>
<td colspan="2" class="diff-lineno">Строка 82:</td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Расписание"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* [[Раздел "Расписание"]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Видеоинструкция''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Видеоинструкция''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[https://www.youtube.com/watch?v=<del style="font-weight: bold; text-decoration: none;">3N9tQCONWx4 </del>Настройка виджета динамического отображения новостей через RSS ]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[https://www.youtube.com/watch?v=<ins style="font-weight: bold; text-decoration: none;">FrXttSiJLyM </ins>Настройка виджета динамического отображения новостей через RSS ]</div></td></tr>
<tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Дополнительная информация''' ==</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== '''Дополнительная информация''' ==</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:RSS_обсуждения.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[File:RSS_обсуждения.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]</div></td></tr>
<tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div></td></tr>
</table>FuzzyBothttps://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_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%B0_%D0%B1%D0%B5%D0%B3%D1%83%D1%89%D0%B5%D0%B9_%D1%81%D1%82%D1%80%D0%BE%D0%BA%D0%B8_%D0%B4%D0%BB%D1%8F_%D0%BD%D0%BE%D0%B2%D0%BE%D1%81%D1%82%D0%B5%D0%B9/ru&diff=14051&oldid=prevFuzzyBot: Обновление для соответствия новой версии исходной страницы.2024-09-18T09:06:09Z<p>Обновление для соответствия новой версии исходной страницы.</p>
<p><b>Новая страница</b></p><div>== '''Описание виджета''' ==<br />
Данный виджет является функциональностью, которая позволяет в режиме реального времени выводить информацию с новостных ресурсов в нескольких режимах:<br />
# Статичной новости с графическим контентом<br />
# В режим бегущей строки<br />
Виджет получает информацию с помощью URL-ссылки, которая является для него источником и выводит полученные по ссылке новости на экран в виде новостного блока. При помощи настроек виджета можно сделать вывод новостей на устройство уникальным и индивидуальным, в зависимости от требований пользователя.<br />
== '''Добавление виджета в личный кабинет''' ==<br />
Чтобы добавить данный виджет в личный кабинет пользователю необходимо запросить у специалиста команды виджет. Он будет предоставлен в формате ".zip" - архива.<br />
[[File:Пример_виджета_rss.png|thumb|center| Пример виджета в формате ".zip" - архива|800px]]<br />
После пользователь должен авторизоваться в личном кабинете и перейти в раздел "Контент".<br />
[[File:Раздел_контент_личного_кабиента.png|thumb|center| Пример отображения раздела "Контент" в личном кабинете |800px]]<br />
В разделе "Контент" необходимо перетянуть данный виджет из локального хранилища в раздел "Контент". После того как пользователь перенесет виджет в личный кабинет он отобразиться в списке с контентом.<br />
[[File:Перенос_виджета rss.png|thumb|center| Пример отображения переноса виджета с помощью drag-n-drop|800px]]<br />
{{Note|Если у пользователя много различного контента в личном кабинете, то он может воспользоваться функцией сортировки и выбрать нужный тип контента "Виджет". Воспользовавшись данной функциональностью, он сможет просмотреть все добавленные в личный кабинет виджеты.<br />
[[File:Виджеты.png|thumb|center| Пример отображения правильной сортировки для более удобного поиска виджета |800px]]|warn}}<br />
== '''Настройка виджета''' ==<br />
После переноса виджета в раздел "Контент" для первичной настройки виджета пользователю необходимо дважды кликнуть по иконке виджета. Данное действие перенесет его на главную страницу виджета.<br />
[[File:Стартовая_страница виджета.png|thumb|center| Пример отображения главной страницы виджета|800px]]<br />
На главной странице виджета можно перейти в настройки параметров виджета. Это можно сделать с помощью клика по иконке в виде шестеренки.<br />
[[File:переход в настройки.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]<br />
=== '''Параметры для настройки виджета''' ===<br />
{{Note|Блок общих настроек применяется на весь виджет вне зависимости от используемых режимов работы. Если виджет планируется настроить для вывода текста новости с изображением (без бегущей строки), то необходимо настраивать параметры из этой категории (указаны ниже в списке). Если же виджет планируется использовать в режиме бегущей строки, то необходимо активировать чекбокс/галочку режима бегущей строки и для ее настройки использовать прилагающийся блок настроек (указаны ниже в списке)|warn}}<br />
К действиям с помощью который можно настроить виджет относятся следующие параметры:<br><br />
'''"Блок общие настройки:"'''<br />
* Выбор языка - позволяет выбрать на каком языке будет отображаться интерфейс виджета. В текущей реализации доступны два языка: русский и английский<br />
* Ссылка на ресурс - позволяет указать URL - ссылку на новостной портал, из которого будет использоваться новостной блок для виджета. В данном случае ссылка должна вести на RSS ресурс получаемый от сервера в виде XML разметки<br />
* Слайдер цветов - позволяет пользователю выбрать цветовое сочетание с двумя вариантами градиентов для проигрывания новостей. (подробнее см. ниже). При наличии хотя бы одного слайдера цветов не работает "Фоновое изображения" ([[#Слайдер с палитрами|смотрите ниже]]) для новостей, так как заменяет данный блок слайдером<br />
* Фоновое изображение - позволяет выбрать графический контент в качестве изображения для фона виджета. Не работает при наличии хотя бы одного слайдера цветов<br />
* Анимация - позволяет пользователю выбрать анимацию при смене новостей. Доступно два вида анимации: fade (анимация с постепенно исчезающим фоном) и slide (скользящая анимация справа налево)<br />
* Задержка смены контента - измеряется в секундах и позволяет пользователю указать числовое значение скорости смены новостей<br />
* Чекбокс (галочка) отключить показ картинок - при активации позволяет отключить возможность отображать новость вместе с изображением. То есть при активации оставляет только текст от новости. Если же деактивировать данный чекбокс (галочку), то новость будет отображаться с изображением (при ее наличии у новости)<br />
* Чекбокс (галочка) автоскролл - при активации позволяет использоваться автопролистывание новости если она большая по объему и не помещается на экран<br />
[[File:Общие_настройки.png|thumb|center| Пример отображения блока общих настроек|800px]] <br />
'''Блок "Настройки для текстовой информации при отключенном режиме бегущей строки:"'''<br />
* Позиционирование для текста - позволяет пользователю выбрать в какой части экрана будет расположена бегущая строка. В текущей реализации доступно два варианта: по центру страницы или наверху страницы. Не работает в режиме бегущей строки<br />
* Цвет текста в статичной новости - позволяет пользователю выбрать цвет текста, который будет использоваться для бегущей строки. Цвет можно указать с помощью HEX-кода [https://colorscheme.ru/html-colors.html можно узнать в сети]<br />
* Размер шрифта текстовой новости - позволяет пользователю указать числовое значение, которое будет использоваться в качестве размера шрифта для бегущей строки<br />
* Ширина картинки - измеряется в пикселях и позволяет пользователю указать ширину используемого для новости изображения в качестве числового значения<br />
* Высота картинки - измеряется в пикселях и позволяет пользователю указать высоту используемого для новости изображения в качестве числового значения<br />
* Отступ картинки - измеряется в пикселях и позволяет пользователю указать дистанцию отступа для изображения в качестве числового значения. Отступ работает от левой стороны экрана<br />
* Тэг с rss канала - данная настройка указывает на XML-тэг, который позволяет виджету понять из какого XML-тега использовать текст для новости. В текущей реализации доступна три тега: discription, content и title.<br />
[[File:Текст_отображение.png|thumb|center| Пример отображения блока настроек при отключенном режиме "бегущей строки"|800px]] <br />
'''Блок: "Настройки для бегущей строки:"'''<br />
* Чекбокс (галочка) режима бегущей строки - при активации позволяет использовать пользователю бегущую строку для текстовой части новости. Убирает из новости изображение и прокручивает текущие новости одной строкой.<br />
* Скорость бегущей строки - может принимать значения от "0" до "1000". Позволяет пользователю установить скорость появления и прокрутки бегущей строки<br />
* Символ разделения новостей - позволяет пользователю указать символ, который будет использоваться в качестве разделителя новостей. Рекомендуемые известные символы: ("."),(","),("/")<br />
* Отступ между текстом новостей - позволяет пользователю указать расстояние в пикселях между новостями и символом разделения новостей. Расстояние актуально как для текущей проигрываемой новости, так и для следующей. Это значит, что обе новости буду находиться на одинаковом расстоянии от символа разделения<br />
* Цвет текста бегущей строки - позволяет пользователю выбрать цвет текста, который будет использоваться для бегущей строки<br />
* Размер шрифта бегущей строки - позволяет пользователю указать числовое значение, которое будет использоваться в качестве размера шрифта для бегущей строки<br />
* Направление движения бегущей строки - позволяет пользователю выбрать направление, в котором будет двигаться бегущая строка. В текущей реализации доступно два варианта: слева направо и справа налево<br />
* Отступ бегущей строки - измеряется в пикселях и позволяет указать числовым значением отступ при включенной бегущей строке относительно левой и правой части экрана<br />
[[File:Настройки_бегущей_строки.png|thumb|center| Пример отображения блока настроек|800px]]<br />
=== '''Слайдер с палитрами''' ===<br />
Слайдер цветов позволяет пользователю выбирать как будет отображаться фон для новостей и какое количество фонов будет использоваться для новостей.<br><br />
Для того, чтобы добавить один фон пользователю необходимо нажать "Добавить цвет". <br />
[[File:Добавить_слайдер_.png|thumb|center| Пример отображения кнопки "Добавить цвет" для слайдера |800px]]<br />
{{Note|Слайдер можно удалить по иконке справа в виде мусорной корзины.<br />
[[File:Удаление_слайдера.png|thumb|center| Пример отображения иконки для удаления слайдера |800px]]|warn}}<br />
После добавленная на экране настроек палитра для слайдера позволяет пользователю создать отображение новости под свой нужды. Добавлять палитры можно без ограничений, но нужно понимать, что они будут меняться вместе с новостью.<br><br />
Если у пользователя палитр меньше, чем количество новостей, то проигрывание использование палитра начнется заново.<br />
=== '''Настройка цветового отображения''' ===<br />
Все палитры для слайдеров имеют возможность делать градиентный переход. Пользователь может выставить любое количество точек градиента с помощью клика на панели градиента.<br />
[[File:Количество_градиентов.png|thumb|center| Пример отображения нескольких точек для градиентов на палитре|800px]] <br />
Выбрав нужную точку с помощью клика мыши, пользователь может установить ей определенный цвет. Когда точка не выбрана ее отображение - белый незакрашенный круг. Когда точка выбрана - ее отображение белый закрашенный круг.<br />
[[File:Пример_кругов.png|thumb|center| Пример отображения выбранной и невыбранной точки|800px]] <br />
Пользователю два вида отображения градиента:<br />
* Снизу вверх - данный градиент имеет возможность сменить направление градиента с помощью "крутилки" (также ей можно указать направление в градусах) <br />
[[File:Первый_вариант_.png|thumb|center| Пример отображения градиента в первом варианте|800px]]<br />
* От центра к краю - данный градиент распространяет изменение цвета от центра к краю <br />
[[File:Второй_вариант 2.png|thumb|center| Пример отображения градиента во втором варианте|800px]]<br />
После добавления одного модуля настройки слайдера пользователь сможет настроить цветовую схему для отображения фона. Цвета можно выбирать с помощью: <br />
# Палитры - цвет выбирается на палитре с помощью мыши<br />
# HEX кода - прописывается HEX-код нужного цвета [https://colorscheme.ru/html-colors.html можно узнать в сети]<br />
# RGB панель - необходимо выставить числовые значения на RGB панели для каждого из основных цветов [https://colorscheme.ru/html-colors.html можно узнать в сети]<br />
[[File:3_цвета.png|thumb|center| Пример отображения всех трех видов настройки цвета на палитре |800px]]<br />
Также пользователю доступен "ползунок" яркости цвета позволяющий регулировать яркость и насыщенность цвета. В качестве альтернативы "ползунку" можно использовать параметр "Alpha", также отвечающий за яркость.<br />
[[File:Альфа_и_ползунок.png|thumb|center| Пример отображения ползунка насыщенности цвета и параметра "Alpha" |800px]]<br />
== '''Добавление настроенного виджета в трансляцию''' ==<br />
Чтобы полностью ознакомиться с работой данной функциональность пользователю необходимо запустить трансляцию с расписанием и добавить в качестве контента данный виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:<br />
* [[Раздел "Устройства"]]<br />
* [[Раздел "Контент на устройства"]]<br />
* [[Раздел "Трансляции"]]<br />
* [[Раздел "Расписание"]]<br />
== '''Видеоинструкция''' ==<br />
[https://www.youtube.com/watch?v=3N9tQCONWx4 Настройка виджета динамического отображения новостей через RSS ]<br />
== '''Дополнительная информация''' ==<br />
Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.<br />
[[File:RSS_обсуждения.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]<br />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div>FuzzyBot