https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=Translations%3A%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8_Ver.2.0%2F1%2FruTranslations:Виджет авторизации Ver.2.0/1/ru - История изменений2026-04-29T14:02:57ZИстория изменений этой страницы в викиMediaWiki 1.45.1https://wiki.smartplayer.org/index.php?title=Translations:%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8_Ver.2.0/1/ru&diff=18870&oldid=prevFuzzyBot: Импортирована новая версия из внешнего источника2026-02-20T10:43:02Z<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;">Версия от 13:43, 20 февраля 2026</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l107">Строка 107:</td>
<td colspan="2" class="diff-lineno">Строка 107:</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://<del style="font-weight: bold; text-decoration: none;">vk</del>.<del style="font-weight: bold; text-decoration: none;">com</del>/video-<del style="font-weight: bold; text-decoration: none;">227547238_456239099 </del>Настройка виджета авторизации ver. 2.0]</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://<ins style="font-weight: bold; text-decoration: none;">vkvideo</ins>.<ins style="font-weight: bold; text-decoration: none;">ru</ins>/video-<ins style="font-weight: bold; text-decoration: none;">227547238_456239116 </ins>Настройка виджета авторизации ver. 2.0]</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:Обсуждение_авторизации.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:Обсуждение_авторизации.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>
<!-- diff cache key smp_wiki-ru:diff:1.41:old-18862:rev-18870:php=table -->
</table>FuzzyBothttps://wiki.smartplayer.org/index.php?title=Translations:%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8_Ver.2.0/1/ru&diff=18862&oldid=prevFuzzyBot: Импортирована новая версия из внешнего источника2026-02-20T10:34:02Z<p>Импортирована новая версия из внешнего источника</p>
<p><b>Новая страница</b></p><div>== '''Описание ситуации''' ==<br />
Виджет авторизации — это инструмент, который позволял пользователям проводить автоматическую авторизацию на платформах при отображении, путём наложения виртуальных элементов (полей и кнопок) на скриншоты страниц авторизации. Для работы виджет использует URL-адрес страницы авторизации и сопоставляет изображение на скриншоте с отображаемой по URL страницей. Таким образом, процесс авторизации автоматизируется.<br><br />
Новая версия виджета предлагает дополнительные возможности к логике работы функционала, упрощает взаимодействие и делает пользовательский опыт более позитивным.<br><br />
Ознакомиться с работой первой версии виджета можно по ссылке [https://wiki.smartplayer.org/index.php?title=%D0%92%D0%B8%D0%B4%D0%B6%D0%B5%D1%82_%D0%B0%D0%B2%D1%82%D0%BE%D1%80%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D0%B8 здесь] <br />
== '''Добавление виджета в личный кабинет''' ==<br />
Чтобы добавить виджет в личный кабинет, пользователю нужно запросить у специалиста команды технической поддержки архив с содержимым. Он будет предоставлен в формате .zip - архива.<br />
[[File:Виджет_авторизации_2.0.png|thumb|center| Пример виджета в формате .zip - архива|800px]]<br />
После этого пользователь должен авторизоваться в личном кабинете и перейти в раздел «Контент».<br />
[[File:Лк_контент.png|thumb|center| Пример отображения раздела «Контент» в личном кабинете |800px]]<br />
В разделе «Контент» перетаскиваем виджет из локального хранилища в личный кабинет. После того как пользователь перенесет виджет в личный кабинет, он отобразится в списке с контентом.<br />
[[File:Виджет_авторизации.png|thumb|center| Пример отображения переноса виджета с помощью drag-and-drop|800px]]<br />
== '''Главная страница виджета''' ==<br />
После переноса виджета для первичной настройки пользователь должен дважды кликнуть по иконке. Данное действие перенесет его на главную страницу виджета.<br />
[[File:Базовая_страница.png|thumb|center| Пример отображения главной страницы виджета|800px]]<br />
На главной странице виджета отображается:<br />
* инструкция по использованию виджета (главный экран, на котором после настройки будут отображены шаги с полями и кнопками самого виджета);<br />
* кнопки управления виджетом;<br />
* колонка учёта шагов.<br />
[[File:Главная_страница_и_инструкция.png|thumb|center| Пример отображения иконки для перехода в настройки виджета|800px]]<br />
{{Note|При необходимости, можно открыть инструкцию снова, кликнув на иконку в виде знака «?».|warn}}<br />
== '''Общие настройки виджета''' ==<br />
Кликнув на кнопку «Настройки» с иконкой в виде шестерёнки откроется страница с общими настройками виджета. На этой странице можно настроить следующие параметры:<br />
* выбор языка — позволяет выбрать один из доступных для работы виджета языков. Доступные языки — русский, английский, испанский, португальский, казахский;<br />
* адрес страницы — вставить URL-ссылку на нужную страницу авторизации;<br />
* чекбокс (галочка) «Запустить десктопную версию» — активирует/деактивирует масштабирование элементов, отображаемых на экране по размерам экрана устройства вывода данных;<br />
* интервал обновления страницы — указать значения для интервала обновления страницы. Измеряется в секундах. Минимальное значение — 30 секунд;<br />
* чекбокс (галочка) «Автоскрол» — активирует/деактивирует автоматический скролл на странице после прохождения процесса авторизации;<br />
* скорость автоскролла — прописывается значение для учета скорости автоскролла. Измеряется в процентах (%). Минимальное значение — 1, максимальное - 100. Если значение будет вне диапазона, будут использоваться ближайшие пограничные к диапазону значения;<br />
* задержка перед началом автоскролла — прописывается значение задержки, запуска работы автоскролла. Измеряется в миллисекундах;<br />
* выбрать изображение — позволяет выбрать загруженные изображения из папки, расположенной в личном кабинете SmartPlayer.<br />
[[File:Настройки общие для виджета.png|thumb|center| Пример отображения общих настроек виджета|800px]]<br />
=== '''Загрузка и скачивание настроек''' ===<br />
В процессе взаимодействия с настройками виджета пользователь может загрузить или выгрузить настройки виджета. Каждое из указанных действий можно сделать с помощью отдельных иконок в интерфейсе виджета. Иконки расположены в виджете снизу по центру.<br />
[[File:Иконки_загрузки.png|thumb|center| Пример отображения иконок в настройках виджета |800px]]<br />
=== '''Завершение общих настроек виджета''' ===<br />
После завершения работ по настройке виджета пользователь должен нажать на кнопку «Применить настройки» в правой нижней части экрана. Либо пользователь может не сохранять выставленные настройки по кнопке «Сбросить».<br />
[[File:Применение_настрок.png|thumb|center| Пример отображения кнопок «Применить настройки» и «Сбросить»|800px]]<br />
Далее виджет растянется на весь экран и пользователь должен нажать на кнопку «Сохранить», внизу по центру экрана.<br />
[[File:Сохран.png|thumb|center| Пример отображения кнопки «Сохранить»|800px]]<br />
== '''Добавление шага''' ==<br />
После завершения общих настроек виджета в левой нижней части экрана для пользователя станет активна кнопка «Добавить шаг». По клику на нее изменится отображение страницы:<br />
* будут отображены новые кнопки:<br />
** выбрать скриншот; <br />
** добавить действие.<br />
* в колонке «Шаги авторизации» появится новый шаг и две кнопки:<br />
** применить;<br />
** блок схема.<br />
* в левом верхнем углу появится обозначение текущего шага в виде кнопки (является кликабельной кнопкой)<br />
[[File:Изменения_добавления_шага.png|thumb|center| Пример отображения изменений при добавлении шага|800px]]<br />
=== '''Выбор скриншота''' ===<br />
По нажатию на одноименную кнопку откроется модальное окно, в котором загружены все скриншоты из папки.<br />
В этом окне выбрать нужный для шага скриншот.<br />
[[File:Скрин_авторизации.png|thumb|center| Пример отображения модального окна с выбором скриншота|800px]]<br />
После выбора название скриншота будет отображено в колонке «Шаги авторизации» для первого шага. <br />
[[File:Изменение_шагов_авторизации.png|thumb|center| Пример отображения изменений в колонке «Шаги авторизации» |800px]]<br />
=== '''Добавить действие''' ===<br />
По нажатию на одноименную кнопку откроется выбор с двумя вариантами действий:<br />
* добавить поле ввода — создаёт на экране поле для наложения и ввода данных накладываемое на поле авторизации;<br />
* добавить кнопку — создаёт кнопку, которая выполняет клик и накладывается на кнопки, которые есть на страницах авторизации, для исоплнения действия;<br />
[[File:Добавление_действий.png|thumb|center| Пример отображения функциональности кнопки |800px]]<br />
После создания поля и кнопки пользователь размещает их на экране со скриншотом. <br />
[[File:Поле_ввода_и_кнопка.png|thumb|center| Пример отображения поля ввода и кнопки |800px]]<br />
Добавленные действия также отобразятся в колонке «Шаги авторизации» внутри текущего шага.<br />
[[File:Действия_для_текущего_шага.png|thumb|center| Пример отображения в колонке «Шаги авторизации» |800px]]<br />
При перемещении элементов откроется панель с параметрами для настройки выбранного элемента. О параметрах поля и кнопки будет описано ниже в разделе. Также при перемещении подсвечивается только выбранный пользователем элемент.<br />
== '''Колонка «Шаги авторизации»''' ==<br />
В колонке «Шаги авторизации» отображается список всех шагов с действиями.<br />
[[File:Отображение_шагов_авторизации.png|thumb|center| Пример отображения колонки «Шаги авторизации» |800px]]<br />
Эта колонка состоит из списка шагов, внутри которых описаны:<br />
* название картинки;<br />
* поле ввода(можно отредактировать с помощью клика на иконку шестерёнки или удалить по иконке крестика);<br />
* кнопка действия(можно отредактировать с помощью клика на иконку шестерёнки или удалить по иконке крестика).<br />
[[File:Расппеделение_по_шагу_.png|thumb|center| Пример отображения колонки «Шаги авторизации» |800px]]<br />
Каждый шаг можно удалить по отдельной кнопке «Удалить шаг». Также в каждом шаге можно удалить действия оставив его пустым (только с картинкой), при необходимости.<br><br />
Чтобы применить все действия и настройки для шагов кликнуть на синюю кнопку «Применить», расположенную внизу колонки «Шаги авторизации». Виджет оповестит пользователя об успешном применении шагов модальным окном с подтверждением.<br />
[[File:Применения_шагов.png|thumb|center| Пример отображения модального окна с подтверждением сохранения настроек |800px]]<br />
=== '''Настройка поля ввода и кнопки действия''' ===<br />
{{Note|Некоторые параметры, описанные в этом разделе автоматически изменяются если вы перетаскиваете поле или кнопку в рамках экрана виджета.|warn}}<br />
Кликнув по иконке в виде шестеренки рядом с кнопкой или полем пользователь может перейти в настройки данного элемента.<br><br />
Кнопка включает в себя следующие настройки:<br />
* имя — ввести название кнопки;<br />
* координата X — прописать числовое значение координаты в пикселях;<br />
* координата Y — прописать числовое значение координаты в пикселях;<br />
* ширина — прописать числовое значение в пикселях;<br />
* высота — прописать числовое значение в пикселях;<br />
* время задержки — прописать числовое значение, которое указывает задержку перед нажатием кнопки. Измеряется в миллисекундах.<br />
[[File:Настройки_кнопки.png|thumb|center| Пример отображения параметров для кнопки |800px]]<br />
Поле включает в себя настройки:<br />
* имя — ввести название поля;<br />
* значение — прописать значение, которое будет введено в поле при наложении на изображение;<br />
* координата X — прописать числовое значение координаты в пикселях;<br />
* координата Y — прописать числовое значение координаты в пикселях;<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 />
Чтобы полностью ознакомиться с работой данной функциональности, запустить трансляцию с расписанием и добавить в качестве контента виджет. Чтобы ознакомиться с описанными ранее шагами по созданию трансляции и расписания рекомендуется просмотреть следующие статьи из Wikipedia:<br />
* [[Раздел "Устройства"]]<br />
* [[Раздел "Контент на устройства"]]<br />
* [[Раздел "Трансляции"]]<br />
* [[Раздел "Расписание"]]<br />
== '''Видеоинструкция''' ==<br />
[https://vk.com/video-227547238_456239099 Настройка виджета авторизации ver. 2.0]<br />
== '''Дополнительная информация''' ==<br />
Если данная статья не помогает использовать функционал по назначению, или после её прочтения остаются вопросы, их можно озвучить в разделе "Обсуждения" вверху страницы.<br />
[[File:Обсуждение_авторизации.png|thumb|center| Пример отображения вкладки «Обсуждения» на wiki-странице |800px]]<br />
Также дополнительную информацию можно узнать на странице [[Как взаимодействовать пользователю с разделом "Обсуждения"]]</div>FuzzyBot