Анимации в SmartPlayer: различия между версиями

Материал из SmartPlayer
Нет описания правки
Нет описания правки
Строка 4: Строка 4:
== '''Принцип действия''' ==
== '''Принцип действия''' ==
Для того, чтобы пользователь смог использовать анимации на контенте, ему необходимо авторизоваться в личном кабинете и перейти в раздел "Трансляции" и выбрав категорию "Создать".
Для того, чтобы пользователь смог использовать анимации на контенте, ему необходимо авторизоваться в личном кабинете и перейти в раздел "Трансляции" и выбрав категорию "Создать".
Следующим шагом пользователю необходимо выделить зону для трансляции и перенести в эту зону необходимый контент с помощью drag-n-drop (перетягивания контента из списка), на котором он планирует использовать анимации.
Следующим шагом пользователю необходимо выделить зону для трансляции и перенести в эту зону необходимый контент с помощью drag-n-drop (перетягивания контента из списка), на котором он планирует использовать анимации и нажать на клавишу сохранить.
После переноса нужного контента в зону трансляции, пользователю необходимо кликнуть по контенту в зоне, чтобы открыть список настроек для данного контента.
После переноса нужного контента в зону трансляции, пользователю необходимо кликнуть по контенту в зоне, чтобы открыть список настроек для данного контента.
В открывшемся списке настроек пользователю необходимо найти блок "Анимация" и обязательно его включить с помощью ползунка.
В открывшемся списке настроек пользователю необходимо найти блок "Анимация" и обязательно его включить с помощью ползунка.
Строка 19: Строка 19:
=== '''Список доступных параметров настройки анимации для контента''' ===
=== '''Список доступных параметров настройки анимации для контента''' ===
В список настраиваемых параметров анимации для контента входа:
В список настраиваемых параметров анимации для контента входа:
* Использовать анимации
* Использовать анимации - переключатель/switch-элемент позволяющий включить использование анимации на контенте
* Анимация в начале воспроизведения
* Анимация в начале воспроизведения -
* Длительность анимации в начале воспроизведения
* Длительность анимации в начале воспроизведения - позволяет выбрать длительность анимации при запуске проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300
* Анимация в конце воспроизведения
* Анимация в конце воспроизведения - позволяет выбрать анимацию для контента, которая будет использована при завершении проигрывания контента
* Длительность анимации в конце воспроизведения
* Длительность анимации в конце воспроизведения - позволяет выбрать длительность анимации при завершении проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300
* Анимация в процессе воспроизведения
* Анимация в процессе воспроизведения -
* Скорость анимации  
* Скорость анимации - позволяет выбрать с какой скоростью будет использоваться анимация во время проигрывания контента. Отображается в виде шкалы с ползунком
{{Note|Для видеоконтента с включенной анимацией доступна возможность предпросмотра получившегося результата. Для остальных типов контентов предпросмотр недоступен. |warn}}  
{{Note|Для видеоконтента с включенной анимацией доступна возможность предпросмотра получившегося результата. Для остальных типов контентов предпросмотр недоступен. |warn}}  
==== '''Список доступных анимация работающих в начале воспроизведения''' ====
==== '''Список доступных анимация работающих в начале воспроизведения''' ====
Строка 34: Строка 34:
Для создания анимации работающих в процессе воспроизведения контент доступен следующий список:
Для создания анимации работающих в процессе воспроизведения контент доступен следующий список:
== '''Ограничения при работе с анимацией внутри платформы SmartPlayer''' ==
== '''Ограничения при работе с анимацией внутри платформы SmartPlayer''' ==
У данного функционала есть следующий список ограничений:
* Предпросмотр анимации доступен только для видеоконтента
* На устройствах под управлением Android OS не работает анимация типа "rotation" [https://animate.style/ Список всех доступных анимаций]
== '''Видеоинструкция''' ==
== '''Видеоинструкция''' ==
[https://www.youtube.com/watch?v=IJVt2ZOdqc8 Взаимодействие с анимацией внутри платформы SmartPlayer]
== '''Итоговый результат''' ==
== '''Итоговый результат''' ==
Пользователь понимает и знает как можно взаимодействовать с различной анимацией, доступной внутри платформы SmartPlayer, а также умеет ее использовать под свои собственные нужды.
Пользователь понимает и знает как можно взаимодействовать с различной анимацией, доступной внутри платформы SmartPlayer, а также умеет ее использовать под свои собственные нужды.

Версия от 10:21, 19 июня 2024

Описание ситуации

Постоянное развитие платформы SmartPlayer позволяет предлагать пользователю новый, уникальные решения для взаимодействия с контентом и создания необычных эфирных сеток.
Новая функциональность, в виде анимации, работающих при переходе из одного в другой, позволят добавить оригинальности трансляции пользователя и улучшит визуальное восприятие контента.

Принцип действия

Для того, чтобы пользователь смог использовать анимации на контенте, ему необходимо авторизоваться в личном кабинете и перейти в раздел "Трансляции" и выбрав категорию "Создать". Следующим шагом пользователю необходимо выделить зону для трансляции и перенести в эту зону необходимый контент с помощью drag-n-drop (перетягивания контента из списка), на котором он планирует использовать анимации и нажать на клавишу сохранить. После переноса нужного контента в зону трансляции, пользователю необходимо кликнуть по контенту в зоне, чтобы открыть список настроек для данного контента. В открывшемся списке настроек пользователю необходимо найти блок "Анимация" и обязательно его включить с помощью ползунка. После всех вышеописанных шагов, пользователю станет доступна анимация для контента. При добавлении второго, третьего и прочих контентов в трансляции анимацию можно настроить на всех контентах по аналогии.

Альтернативный вариант проделать идентичные действия, только изначально выбирать не раздел "Трансляции" и категорию "Создать", а выбрать раздел "Контент на устройства". Единственное различие в данном случае что в разделе "Контент на устройства" используется только один контент для устройства и поэтому может быть использована анимация только для одного контента.

Доступные типы контента

К типам контента на которых доступна анимация относятся:

  • Видеоконтент
  • Аудиоконтент
  • Контент в формате изображений
  • Контент в формате web-ссылки
  • Контент в формате стрим-ссылки

Список доступных параметров настройки анимации для контента

В список настраиваемых параметров анимации для контента входа:

  • Использовать анимации - переключатель/switch-элемент позволяющий включить использование анимации на контенте
  • Анимация в начале воспроизведения -
  • Длительность анимации в начале воспроизведения - позволяет выбрать длительность анимации при запуске проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300
  • Анимация в конце воспроизведения - позволяет выбрать анимацию для контента, которая будет использована при завершении проигрывания контента
  • Длительность анимации в конце воспроизведения - позволяет выбрать длительность анимации при завершении проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300
  • Анимация в процессе воспроизведения -
  • Скорость анимации - позволяет выбрать с какой скоростью будет использоваться анимация во время проигрывания контента. Отображается в виде шкалы с ползунком
Для видеоконтента с включенной анимацией доступна возможность предпросмотра получившегося результата. Для остальных типов контентов предпросмотр недоступен.

Список доступных анимация работающих в начале воспроизведения

Для создания анимации в начале воспроизведения контента доступен следующий список:

Список доступных анимация работающих в конце воспроизведения

Для создания анимации в конце воспроизведения контента доступен следующий список:

Список доступных анимация работающих в процессе воспроизведения

Для создания анимации работающих в процессе воспроизведения контент доступен следующий список:

Ограничения при работе с анимацией внутри платформы SmartPlayer

У данного функционала есть следующий список ограничений:

  • Предпросмотр анимации доступен только для видеоконтента
  • На устройствах под управлением Android OS не работает анимация типа "rotation" Список всех доступных анимаций

Видеоинструкция

Взаимодействие с анимацией внутри платформы SmartPlayer

Итоговый результат

Пользователь понимает и знает как можно взаимодействовать с различной анимацией, доступной внутри платформы SmartPlayer, а также умеет ее использовать под свои собственные нужды.