https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=%D0%90%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8_%D0%B2_SmartPlayer%2FruАнимации в SmartPlayer/ru - История изменений2026-05-14T19:53:55ZИстория изменений этой страницы в викиMediaWiki 1.45.1https://wiki.smartplayer.org/index.php?title=%D0%90%D0%BD%D0%B8%D0%BC%D0%B0%D1%86%D0%B8%D0%B8_%D0%B2_SmartPlayer/ru&diff=12896&oldid=prevFuzzyBot: Обновление для соответствия новой версии исходной страницы.2024-06-20T07:50:32Z<p>Обновление для соответствия новой версии исходной страницы.</p>
<p><b>Новая страница</b></p><div>== '''Описание ситуации''' ==<br />
Постоянное развитие платформы SmartPlayer позволяет предлагать пользователю новый, уникальные решения для взаимодействия с контентом и создания необычных эфирных сеток.<br><br />
Новая функциональность, в виде анимации, работающих при переходе из одного в другой, позволят добавить оригинальности трансляции пользователя и улучшит визуальное восприятие контента.<br />
== '''Принцип действия''' ==<br />
Для того, чтобы пользователь смог использовать анимации на контенте, ему необходимо авторизоваться в личном кабинете и перейти в раздел "Трансляции" и выбрав категорию "Создать".<br />
[[File:Создание_трансляции в лк.png|thumb|center| Пример отображения раздела "Трансляции" и категории "Создать" в личном кабинете |800px]]<br />
Следующим шагом пользователю необходимо выделить зону для трансляции.<br />
[[File:Добавление_зоны.png|thumb|center| Пример отображения добавления зоны в трансляцию в личном кабинете |800px]]<br />
В последствии в выделенную зону перенести необходимый контент с помощью drag-n-drop (перетягивания контента из списка), на котором он планирует использовать анимации.<br><br />
После переноса нужного контента в зону трансляции, пользователю необходимо кликнуть по контенту в зоне, чтобы открыть список настроек для данного контента и найти нужный блок "Анимации", проскроллив вниз весь список (или же свернув все предыдущие разделы).<br />
[[File:Список_настроек_конетнта анимации.png|thumb|center| Пример отображения настроек анимации для контента в личном кабинете|800px]]<br />
В открывшемся списке настроек пользователю необходимо включить использование анимации с помощью переключателя/switch - элемента и настроить доступные параметры, для корректного отображения анимации в контенте.<br />
[[File:Настройки_анмиации.png|thumb|center| Список параметров для настройки в блоке "Анимации"|800px]]<br />
После всех вышеописанных шагов, пользователю необходимо нажать внизу экрана кнопку "Сохранить", для применения всех настроек анимации к контенту.<br><br />
При добавлении второго, третьего и прочих контентов в трансляции, анимацию можно настроить на всех контентах по аналогии.<br />
Весь список анимаций доступен по ссылке [https://animate.style/ список анимаций]<br />
{{Note|Альтернативный вариант проделать идентичные действия, только изначально выбирать не раздел "Трансляции" и категорию "Создать", а выбрать раздел "Контент на устройства". Единственное различие в данном случае что в разделе "Контент на устройства" используется только один контент и применяется конкретно на устройство с расписанием и поэтому может быть использована анимация только для одного контента.<br />
[[File:Возможность_добавить_контенты.png|thumb|center| Пример различия отображения добавления анимации через разные разделы личного кабинета|800px]]|warn}} <br />
=== '''Доступные типы контента для взаимодействия с анимациями''' ===<br />
К типам контента на которых доступна анимация относятся:<br />
* Видеоконтент<br />
* Аудиоконтент<br />
* Контент в формате изображений<br />
* Контент в формате web-ссылки<br />
* Контент в формате стрим-ссылки<br />
<br />
=== '''Список доступных параметров настройки анимации для контента''' ===<br />
В список настраиваемых параметров анимации для контента входа:<br />
* Использовать анимации - переключатель/switch-элемент позволяющий включить использование анимации на контенте<br />
* Анимация в начале воспроизведения - <br />
* Длительность анимации в начале воспроизведения - позволяет выбрать длительность анимации при запуске проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300 <br />
* Анимация в конце воспроизведения - позволяет выбрать анимацию для контента, которая будет использована при завершении проигрывания контента<br />
* Длительность анимации в конце воспроизведения - позволяет выбрать длительность анимации при завершении проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300 <br />
* Анимация в процессе воспроизведения - позволяет выбрать анимацию для контента, которая будет использоваться в процессе проигрывания контента<br />
* Скорость анимации - позволяет выбрать с какой скоростью будет использоваться анимация во время проигрывания контента. Отображается в виде шкалы с ползунком<br />
[[File:Настройки_анмиации.png|thumb|center| Список параметров для настройки в блоке "Анимации"|800px]]<br />
{{Note|Для видеоконтента с включенной анимацией доступна возможность предпросмотра получившегося результата. Для остальных типов контентов предпросмотр недоступен. |warn}} <br />
==== '''Список доступных анимация работающих в начале воспроизведения контента''' ====<br />
Для создания анимации в начале воспроизведения контента доступен следующий список:<br />
* Плавное появление <br />
* Плавное появление со смещением вниз<br />
* Плавное появление со смещением вверх<br />
* Плавное появление со смещением влево<br />
* Плавное появление со смещением вправо<br />
* Плавное появление со смещением в правый нижний угол <br />
* Плавное появление со смещением в левый нижний угол<br />
* Плавное появление со смещением в правый верхний угол<br />
* Плавное появление со смещением в левый верхний угол<br />
* Смещение сверху вниз + зум<br />
* Смещение слева направо + зум<br />
* Смещение справа налево + зум<br />
* Смещение снизу вверх + зум<br />
* Приближение с эффектом оттягивания<br />
* Смещение сверху вниз с эффектом оттягивания<br />
* Смещение справа налево с эффектом оттягивания<br />
* Смещение снизу вверх с эффектом оттягивания<br />
* Смещение справа налево с эффектом "желе"<br />
* Смещение слева направо с эффектом "желе"<br />
* Вращение по центру<br />
* Вращение слева направо по часовой стрелке<br />
* Вращение слева направо против часовой стрелки<br />
* Вращение справа налево по часовой стрелке<br />
* Вращение справа налево против часовой стрелки<br />
* Скольжение справа налево<br />
* Скольжение снизу вверх<br />
<br />
==== '''Список доступных анимация работающих в конце воспроизведения контента''' ====<br />
Для создания анимации в конце воспроизведения контента доступен следующий список:<br />
* Плавное исчезновение<br />
* Плавное исчезновение со смещением вниз<br />
* Плавное исчезновение со смещением вверх<br />
* Плавное исчезновение со смещением влево<br />
* Плавное исчезновение со смещением вправо<br />
* Плавное исчезновение со смещением в левый верхний угол<br />
* Плавное исчезновение со смещением в левый нижний угол <br />
* Плавное исчезновение со смещением в правый верхний угол<br />
* Плавное исчезновение со смещением в правый нижний угол<br />
* Зум + эффект выпадения вниз<br />
* Зум + эффект выпадения вверх<br />
* Зум + эффект выпадения слева направо<br />
* Зум + эффект выпадения справа налево<br />
* Сжатие + смещение вверх<br />
* Сжатие + смещение вниз<br />
* Сжатие + смещение влево<br />
* Сжатие + смещение вправо<br />
* Смещение вправо с искажением<br />
* Смещение влево с искажением<br />
* Плавное исчезновение + вращение по центру<br />
* Плавное исчезновение + вращение вниз<br />
* Плавное исчезновение + вращение вверх<br />
* Уменьшение масштаба <br />
* Уменьшение масштаба со смещением вверх<br />
* Уменьшение масштаба со смещением вниз<br />
* Уменьшение масштаба со смещением влево<br />
* Уменьшение масштаба со смещением вправо<br />
* Смещение вниз<br />
* Смещение вверх<br />
* Смещение влево<br />
* Смещение вправо<br />
<br />
==== '''Список доступных анимация работающих в процессе воспроизведения контента''' ====<br />
Для создания анимации работающих в процессе воспроизведения контент доступен следующий список:<br />
* Пульсация<br />
* Подпрыгивания<br />
* Мигание<br />
* Эффект оттягивания<br />
* Эффект тряски по оси Х<br />
* Эффект тряски по оси Y<br />
* Покачивание<br />
* Эффект веера<br />
* Эффект желе<br />
* Сердцебиение<br />
<br />
== '''Ограничения при работе с анимацией внутри платформы SmartPlayer''' ==<br />
У данного функционала есть следующий список ограничений:<br />
* Предпросмотр анимации доступен только для видеоконтента<br />
* На устройствах под управлением Android OS не работает анимация типа "rotation" - вращение<br />
* При использовании анимации на Android OS связанной с изменением положением, контент проигрывается параллельно нижней кромки <br />
* На устройствах под управлением Android OS отсутствуют прозрачные анимации, в связи с большой нагрузкой на устройства<br />
* На устройствах под управлением Android OS отключены анимации "желе"<br />
* При наличии двух видеоконтентов в трансляции на устройствах Android OS, на которых не установлена анимация в конце контента, видеоконтент будет уходить в затемнение автоматически.<br />
* При наличии двух видеоконтентов в трансляции на устройствах Windows, на которых не установлена анимация в конце контента, видеоконтент будет резко обрываться и переходить к проигрыванию другого контента<br />
<br />
== '''Видеоинструкция''' ==<br />
[https://www.youtube.com/watch?v=IJVt2ZOdqc8 Взаимодействие с анимацией внутри платформы SmartPlayer]<br />
== '''Итоговый результат''' ==<br />
Пользователь понимает и знает как можно взаимодействовать с различной анимацией, доступной внутри платформы SmartPlayer, а также умеет ее использовать под свои собственные нужды.</div>FuzzyBot