Анимации в SmartPlayer/en - История изменений

N.Bloshkin: Новая страница: «== '''Video Tutorial''' == [https://www.youtube.com/watch?v=IJVt2ZOdqc8 Interaction with Animation Inside the SmartPlayer Platform] == '''Final Result''' == The user understands and knows how to interact with various animations available within the SmartPlayer platform and can use them for their own needs.»

2024-06-20T08:15:48Z

Новая страница: «== '''Video Tutorial''' == [https://www.youtube.com/watch?v=IJVt2ZOdqc8 Interaction with Animation Inside the SmartPlayer Platform] == '''Final Result''' == The user understands and knows how to interact with various animations available within the SmartPlayer platform and can use them for their own needs.»

← Предыдущая версия		Версия от 11:15, 20 июня 2024
Строка 122:		Строка 122:
	* If there are two video contents in the broadcast on Windows devices without end-content animation, the video content will abruptly stop and transition to playing the other content.		* If there are two video contents in the broadcast on Windows devices without end-content animation, the video content will abruptly stop and transition to playing the other content.

	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Video Tutorial''' ==
	== '''~~Видеоинструкция~~''' ==		[https://www.youtube.com/watch?v=IJVt2ZOdqc8 Interaction with Animation Inside the SmartPlayer Platform]
	[https://www.youtube.com/watch?v=IJVt2ZOdqc8 ~~Взаимодействие с анимацией внутри платформы~~ SmartPlayer]		== '''Final Result''' ==
	== '''~~Итоговый результат~~''' ==		The user understands and knows how to interact with various animations available within the SmartPlayer platform and can use them for their own needs.
	Пользователь понимает и знает как можно взаимодействовать с различной анимацией, доступной внутри платформы SmartPlayer~~, а также умеет ее использовать под свои собственные нужды~~.
	~~</div>~~

N.Bloshkin: Новая страница: «== '''Limitations When Working with Animation Inside the SmartPlayer Platform''' == This functionality has the following list of limitations: * Animation preview is only available for video content. * On devices running Android OS, the "rotation" type animation does not work. * When using position-changing animation on Android OS, the content plays parallel to the bottom edge. * Transparent animations are not available on devices running Android OS due to hi...»

2024-06-20T08:14:40Z

Новая страница: «== '''Limitations When Working with Animation Inside the SmartPlayer Platform''' == This functionality has the following list of limitations: * Animation preview is only available for video content. * On devices running Android OS, the "rotation" type animation does not work. * When using position-changing animation on Android OS, the content plays parallel to the bottom edge. * Transparent animations are not available on devices running Android OS due to hi...»

← Предыдущая версия		Версия от 11:14, 20 июня 2024
Строка 112:		Строка 112:
	* Heartbeat		* Heartbeat

	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Limitations When Working with Animation Inside the SmartPlayer Platform''' ==
	== '''~~Ограничения при работе с анимацией внутри платформы~~ SmartPlayer''' ==		This functionality has the following list of limitations:
	~~У данного функционала есть следующий список ограничений~~:		* Animation preview is only available for video content.
	* ~~Предпросмотр анимации доступен только для видеоконтента~~		* On devices running Android OS, the "rotation" type animation does not work.
	* ~~На устройствах под управлением~~ Android OS ~~не работает анимация типа~~ "rotation" ~~- вращение~~		* When using position-changing animation on Android OS, the content plays parallel to the bottom edge.
	* ~~При использовании анимации на~~ Android OS ~~связанной с изменением положением~~, ~~контент проигрывается параллельно нижней кромки~~		* Transparent animations are not available on devices running Android OS due to high device load.
	* ~~На устройствах под управлением~~ Android OS ~~отсутствуют прозрачные анимации, в связи с большой нагрузкой на устройства~~		* "Jelly" animations are disabled on devices running Android OS.
	* ~~На устройствах под управлением~~ Android OS ~~отключены анимации "желе"~~		* If there are two video contents in the broadcast on Android OS devices without end-content animation, the video content will fade out automatically.
	* ~~При наличии двух видеоконтентов в трансляции на устройствах~~ Android OS, ~~на которых не установлена анимация в конце контента, видеоконтент будет уходить в затемнение автоматически~~.		* If there are two video contents in the broadcast on Windows devices without end-content animation, the video content will abruptly stop and transition to playing the other content.
	* ~~При наличии двух видеоконтентов в трансляции на устройствах~~ Windows, на которых не установлена анимация в конце контента, видеоконтент будет резко обрываться и переходить к проигрыванию другого контента
	~~</div>~~

	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">

N.Bloshkin: Новая страница: «==== '''List of Available Animations Working During Content Playback''' ==== The following list of animations is available for creating animations working during content playback: * Pulsation * Bouncing * Flashing * Pulling effect * Shaking effect along the X-axis * Shaking effect along the Y-axis * Swaying * Fan effect * Jelly effect * Heartbeat»

2024-06-20T08:13:12Z

Новая страница: «==== '''List of Available Animations Working During Content Playback''' ==== The following list of animations is available for creating animations working during content playback: * Pulsation * Bouncing * Flashing * Pulling effect * Shaking effect along the X-axis * Shaking effect along the Y-axis * Swaying * Fan effect * Jelly effect * Heartbeat»

← Предыдущая версия		Версия от 11:13, 20 июня 2024
Строка 99:		Строка 99:
	* Rightward movement		* Rightward movement

	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		==== '''List of Available Animations Working During Content Playback''' ====
	==== '''~~Список доступных анимация работающих в процессе воспроизведения контента~~''' ====		The following list of animations is available for creating animations working during content playback:
	~~Для создания анимации работающих в процессе воспроизведения контент доступен следующий список~~:		* Pulsation
	* ~~Пульсация~~		* Bouncing
	* ~~Подпрыгивания~~		* Flashing
	* ~~Мигание~~		* Pulling effect
	* ~~Эффект оттягивания~~		* Shaking effect along the X-axis
	* ~~Эффект тряски по оси Х~~		* Shaking effect along the Y-axis
	* ~~Эффект тряски по оси~~ Y		* Swaying
	* ~~Покачивание~~		* Fan effect
	* ~~Эффект веера~~		* Jelly effect
	* ~~Эффект желе~~		* Heartbeat
	* ~~Сердцебиение~~
	~~</div>~~

	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">

N.Bloshkin: Новая страница: «==== '''List of Available Animations Working at the End of Content Playback''' ==== The following list of animations is available for creating animations at the end of content playback: * Smooth disappearance * Smooth disappearance with downward offset * Smooth disappearance with upward offset * Smooth disappearance with leftward offset * Smooth disappearance with rightward offset * Smooth disappearance with offset to the upper left corner * Smooth disappear...»

2024-06-20T08:12:12Z

Новая страница: «==== '''List of Available Animations Working at the End of Content Playback''' ==== The following list of animations is available for creating animations at the end of content playback: * Smooth disappearance * Smooth disappearance with downward offset * Smooth disappearance with upward offset * Smooth disappearance with leftward offset * Smooth disappearance with rightward offset * Smooth disappearance with offset to the upper left corner * Smooth disappear...»

← Предыдущая версия		Версия от 11:12, 20 июня 2024
Строка 65:		Строка 65:
	* Sliding from bottom to top		* Sliding from bottom to top

	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		==== '''List of Available Animations Working at the End of Content Playback''' ====
	==== '''~~Список доступных анимация работающих в конце воспроизведения контента~~''' ====		The following list of animations is available for creating animations at the end of content playback:
	~~Для создания анимации в конце воспроизведения контента доступен следующий список~~:		* Smooth disappearance
	* ~~Плавное исчезновение~~		* Smooth disappearance with downward offset
	* ~~Плавное исчезновение со смещением вниз~~		* Smooth disappearance with upward offset
	* ~~Плавное исчезновение со смещением вверх~~		* Smooth disappearance with leftward offset
	* ~~Плавное исчезновение со смещением влево~~		* Smooth disappearance with rightward offset
	* ~~Плавное исчезновение со смещением вправо~~		* Smooth disappearance with offset to the upper left corner
	* ~~Плавное исчезновение со смещением в левый верхний угол~~		* Smooth disappearance with offset to the lower left corner
	* ~~Плавное исчезновение со смещением в левый нижний угол~~		* Smooth disappearance with offset to the upper right corner
	* ~~Плавное исчезновение со смещением в правый верхний угол~~		* Smooth disappearance with offset to the lower right corner
	* ~~Плавное исчезновение со смещением в правый нижний угол~~		* Zoom + drop-down effect
	* ~~Зум~~ + ~~эффект выпадения вниз~~		* Zoom + drop-up effect
	* ~~Зум~~ + ~~эффект выпадения вверх~~		* Zoom + drop left to right effect
	* ~~Зум~~ + ~~эффект выпадения слева направо~~		* Zoom + drop right to left effect
	* ~~Зум~~ + ~~эффект выпадения справа налево~~		* Compression + upward offset
	* ~~Сжатие~~ + ~~смещение вверх~~		* Compression + downward offset
	* ~~Сжатие~~ + ~~смещение вниз~~		* Compression + leftward offset
	* ~~Сжатие~~ + ~~смещение влево~~		* Compression + rightward offset
	* ~~Сжатие~~ + ~~смещение вправо~~		* Rightward offset with distortion
	* ~~Смещение вправо с искажением~~		* Leftward offset with distortion
	* ~~Смещение влево с искажением~~		* Smooth disappearance + rotation around the center
	* ~~Плавное исчезновение~~ + ~~вращение по центру~~		* Smooth disappearance + downward rotation
	* ~~Плавное исчезновение~~ + ~~вращение вниз~~		* Smooth disappearance + upward rotation
	* ~~Плавное исчезновение~~ + ~~вращение вверх~~		* Zoom out
	* ~~Уменьшение масштаба~~		* Zoom out with upward offset
	* ~~Уменьшение масштаба со смещением вверх~~		* Zoom out with downward offset
	* ~~Уменьшение масштаба со смещением вниз~~		* Zoom out with leftward offset
	* ~~Уменьшение масштаба со смещением влево~~		* Zoom out with rightward offset
	* ~~Уменьшение масштаба со смещением вправо~~		* Downward movement
	* ~~Смещение вниз~~		* Upward movement
	* ~~Смещение вверх~~		* Leftward movement
	* ~~Смещение влево~~		* Rightward movement
	* ~~Смещение вправо~~
	~~</div>~~

	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">

N.Bloshkin: Новая страница: «==== '''List of Available Animations Working at the Start of Content Playback''' ==== The following list of animations is available for creating animations at the start of content playback: * Smooth appearance * Smooth appearance with downward offset * Smooth appearance with upward offset * Smooth appearance with leftward offset * Smooth appearance with rightward offset * Smooth appearance with offset to the lower right corner * Smooth appearance with offset...»

2024-06-20T08:09:56Z

Новая страница: «==== '''List of Available Animations Working at the Start of Content Playback''' ==== The following list of animations is available for creating animations at the start of content playback: * Smooth appearance * Smooth appearance with downward offset * Smooth appearance with upward offset * Smooth appearance with leftward offset * Smooth appearance with rightward offset * Smooth appearance with offset to the lower right corner * Smooth appearance with offset...»

← Предыдущая версия		Версия от 11:09, 20 июня 2024
Строка 36:		Строка 36:
	[[File:Настройки_анмиации.png\|thumb\|center\| List of settings parameters in the "Animations" block\|800px]]		[[File:Настройки_анмиации.png\|thumb\|center\| List of settings parameters in the "Animations" block\|800px]]
	{{Note\|For video content with animations enabled, a preview of the resulting effect is available. For other types of content, preview is not available. \|warn}}		{{Note\|For video content with animations enabled, a preview of the resulting effect is available. For other types of content, preview is not available. \|warn}}
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		==== '''List of Available Animations Working at the Start of Content Playback''' ====
	==== '''~~Список доступных анимация работающих в начале воспроизведения контента~~''' ====		The following list of animations is available for creating animations at the start of content playback:
	~~Для создания анимации в начале воспроизведения контента доступен следующий список~~:		* Smooth appearance
	* ~~Плавное появление~~		* Smooth appearance with downward offset
	* ~~Плавное появление со смещением вниз~~		* Smooth appearance with upward offset
	* ~~Плавное появление со смещением вверх~~		* Smooth appearance with leftward offset
	* ~~Плавное появление со смещением влево~~		* Smooth appearance with rightward offset
	* ~~Плавное появление со смещением вправо~~		* Smooth appearance with offset to the lower right corner
	* ~~Плавное появление со смещением в правый нижний угол~~		* Smooth appearance with offset to the lower left corner
	* ~~Плавное появление со смещением в левый нижний угол~~		* Smooth appearance with offset to the upper right corner
	* ~~Плавное появление со смещением в правый верхний угол~~		* Smooth appearance with offset to the upper left corner
	* ~~Плавное появление со смещением в левый верхний угол~~		* Downward movement + zoom
	* ~~Смещение сверху вниз~~ + ~~зум~~		* Leftward movement + zoom
	* ~~Смещение слева направо~~ + ~~зум~~		* Rightward movement + zoom
	* ~~Смещение справа налево~~ + ~~зум~~		* Upward movement + zoom
	* ~~Смещение снизу вверх~~ + ~~зум~~		* Zoom in with pull-back effect
	* ~~Приближение с эффектом оттягивания~~		* Downward movement with pull-back effect
	* ~~Смещение сверху вниз с эффектом оттягивания~~		* Rightward movement with pull-back effect
	* ~~Смещение справа налево с эффектом оттягивания~~		* Upward movement with pull-back effect
	* ~~Смещение снизу вверх с эффектом оттягивания~~		* Rightward movement with "jelly" effect
	* ~~Смещение справа налево с эффектом~~ "~~желе~~"		* Leftward movement with "jelly" effect
	* ~~Смещение слева направо с эффектом~~ "~~желе~~"		* Rotation around the center
	* ~~Вращение по центру~~		* Left to right rotation clockwise
	* ~~Вращение слева направо по часовой стрелке~~		* Left to right rotation counterclockwise
	* ~~Вращение слева направо против часовой стрелки~~		* Right to left rotation clockwise
	* ~~Вращение справа налево по часовой стрелке~~		* Right to left rotation counterclockwise
	* ~~Вращение справа налево против часовой стрелки~~		* Sliding from right to left
	* ~~Скольжение справа налево~~		* Sliding from bottom to top
	* ~~Скольжение снизу вверх~~
	~~</div>~~

	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">

N.Bloshkin: Новая страница: «=== '''List of Available Animation Settings Parameters for Content''' === The list of configurable animation parameters for content includes: * Use animations - a switch element that allows enabling animations on the content * Animation at the start of playback - allows selecting an animation for the content that will be used at the start of playback * Duration of animation at the start of playback - allows selecting the duration of the animation at the star...»

2024-06-20T08:01:00Z

Новая страница: «=== '''List of Available Animation Settings Parameters for Content''' === The list of configurable animation parameters for content includes: * Use animations - a switch element that allows enabling animations on the content * Animation at the start of playback - allows selecting an animation for the content that will be used at the start of playback * Duration of animation at the start of playback - allows selecting the duration of the animation at the star...»

← Предыдущая версия		Версия от 11:01, 20 июня 2024
Строка 25:		Строка 25:
	* Stream link format content		* Stream link format content

	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		=== '''List of Available Animation Settings Parameters for Content''' ===
	=== '''~~Список доступных параметров настройки анимации для контента~~''' ===		The list of configurable animation parameters for content includes:
	~~В список настраиваемых параметров анимации для контента входа~~:		* Use animations - a switch element that allows enabling animations on the content
	* ~~Использовать анимации~~ - ~~переключатель/~~switch~~-элемент позволяющий включить использование анимации на контенте~~		* Animation at the start of playback - allows selecting an animation for the content that will be used at the start of playback
	* ~~Анимация в начале воспроизведения~~ -		* Duration of animation at the start of playback - allows selecting the duration of the animation at the start of the content playback. Measured in milliseconds (ms) and has a default value of 300
	* ~~Длительность анимации в начале воспроизведения~~ - ~~позволяет выбрать длительность анимации при запуске проигрываемого контента~~. ~~Измеряется в миллисекундах~~ (мс) ~~и имеет стандартное значение -~~ 300		* Animation at the end of playback - allows selecting an animation for the content that will be used at the end of playback
	* ~~Анимация в конце воспроизведения~~ - ~~позволяет выбрать анимацию для контента, которая будет использована при завершении проигрывания контента~~		* Duration of animation at the end of playback - allows selecting the duration of the animation at the end of the content playback. Measured in milliseconds (ms) and has a default value of 300
	* ~~Длительность анимации в конце воспроизведения~~ - ~~позволяет выбрать длительность анимации при завершении проигрываемого контента~~. ~~Измеряется в миллисекундах~~ (мс) ~~и имеет стандартное значение -~~ 300		* Animation during playback - allows selecting an animation for the content that will be used during the playback
	* ~~Анимация в процессе воспроизведения~~ - ~~позволяет выбрать анимацию для контента, которая будет использоваться в процессе проигрывания контента~~		* Animation speed - allows selecting the speed at which the animation will be used during playback. Displayed as a slider scale
	* ~~Скорость анимации~~ - ~~позволяет выбрать с какой скоростью будет использоваться анимация во время проигрывания контента~~. ~~Отображается в виде шкалы с ползунком~~		[[File:Настройки_анмиации.png\|thumb\|center\| List of settings parameters in the "Animations" block\|800px]]
	[[File:Настройки_анмиации.png\|thumb\|center\| ~~Список параметров для настройки в блоке~~ "~~Анимации~~"\|800px]]		{{Note\|For video content with animations enabled, a preview of the resulting effect is available. For other types of content, preview is not available. \|warn}}
	{{Note\|~~Для видеоконтента с включенной анимацией доступна возможность предпросмотра получившегося результата~~. ~~Для остальных типов контентов предпросмотр недоступен~~. \|warn}}
	~~</div>~~
	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">
	==== '''Список доступных анимация работающих в начале воспроизведения контента''' ====		==== '''Список доступных анимация работающих в начале воспроизведения контента''' ====

N.Bloshkin: Новая страница: «=== '''Available Content Types for Interaction with Animations''' === The types of content on which animations are available include: * Video content * Audio content * Image format content * Web link format content * Stream link format content»

2024-06-20T07:56:45Z

Новая страница: «=== '''Available Content Types for Interaction with Animations''' === The types of content on which animations are available include: * Video content * Audio content * Image format content * Web link format content * Stream link format content»

← Предыдущая версия		Версия от 10:56, 20 июня 2024
Строка 17:		Строка 17:
	{{Note\|An alternative option is to perform identical actions, but initially select the "Content on Devices" section instead of the "Broadcasts" section and the "Create" category. The only difference in this case is that in the "Content on Devices" section, only one content is used and applied specifically to the device with a schedule, so the animation can only be used for one content.		{{Note\|An alternative option is to perform identical actions, but initially select the "Content on Devices" section instead of the "Broadcasts" section and the "Create" category. The only difference in this case is that in the "Content on Devices" section, only one content is used and applied specifically to the device with a schedule, so the animation can only be used for one content.
	[[File:Возможность_добавить_контенты.png\|thumb\|center\| Example of displaying the difference in adding animations through different sections of the personal account\|800px]]\|warn}}		[[File:Возможность_добавить_контенты.png\|thumb\|center\| Example of displaying the difference in adding animations through different sections of the personal account\|800px]]\|warn}}
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		=== '''Available Content Types for Interaction with Animations''' ===
	=== '''~~Доступные типы контента для взаимодействия с анимациями~~''' ===		The types of content on which animations are available include:
	~~К типам контента на которых доступна анимация относятся~~:		* Video content
	* ~~Видеоконтент~~		* Audio content
	* ~~Аудиоконтент~~		* Image format content
	* ~~Контент в формате изображений~~		* Web link format content
	* ~~Контент в формате web-ссылки~~		* Stream link format content
	* ~~Контент в формате стрим-ссылки~~
	~~</div>~~

	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">

N.Bloshkin: Новая страница: «== '''Situation Description''' == The continuous development of the SmartPlayer platform allows us to offer users new, unique solutions for interacting with content and creating unusual broadcast schedules.
The new functionality, in the form of animations that work during transitions, will add originality to the user's broadcasts and enhance the visual perception of the content. == '''How It Works''' == To use animations on content, the user needs to log...»

2024-06-20T07:55:28Z

Новая страница: «== '''Situation Description''' == The continuous development of the SmartPlayer platform allows us to offer users new, unique solutions for interacting with content and creating unusual broadcast schedules.<br> The new functionality, in the form of animations that work during transitions, will add originality to the user's broadcasts and enhance the visual perception of the content. == '''How It Works''' == To use animations on content, the user needs to log...»

← Предыдущая версия		Версия от 10:55, 20 июня 2024
Строка 1:		Строка 1:
	~~<div lang="ru" dir="ltr" class="mw-content-ltr">~~		== '''Situation Description''' ==
	== '''~~Описание ситуации~~''' ==		The continuous development of the SmartPlayer platform allows us to offer users new, unique solutions for interacting with content and creating unusual broadcast schedules.<br>
	~~Постоянное развитие платформы~~ SmartPlayer ~~позволяет предлагать пользователю новый~~, ~~уникальные решения для взаимодействия с контентом и создания необычных эфирных сеток~~.<br>		The new functionality, in the form of animations that work during transitions, will add originality to the user's broadcasts and enhance the visual perception of the content.
	~~Новая функциональность~~, ~~в виде анимации~~, работающих при переходе из одного в другой, позволят добавить оригинальности трансляции пользователя и улучшит визуальное восприятие контента.		== '''How It Works''' ==
	== '''~~Принцип действия~~''' ==		To use animations on content, the user needs to log in to their personal account, go to the "Broadcasts" section, and select the "Create" category.
	~~Для того~~, ~~чтобы пользователь смог использовать анимации на контенте~~, ~~ему необходимо авторизоваться в личном кабинете и перейти в раздел~~ "~~Трансляции~~" ~~и выбрав категорию~~ "~~Создать~~".		[[File:Создание_трансляции в лк.png\|thumb\|center\| Example of displaying the "Broadcasts" section and the "Create" category in the personal account \|800px]]
	[[File:Создание_трансляции в лк.png\|thumb\|center\| ~~Пример отображения раздела~~ "~~Трансляции~~" ~~и категории~~ "~~Создать~~" ~~в личном кабинете~~ \|800px]]		The next step is for the user to designate the area for the broadcast.
	~~Следующим шагом пользователю необходимо выделить зону для трансляции~~.		[[File:Добавление_зоны.png\|thumb\|center\| Example of displaying the addition of an area to the broadcast in the personal account \|800px]]
	[[File:Добавление_зоны.png\|thumb\|center\| ~~Пример отображения добавления зоны в трансляцию в личном кабинете~~ \|800px]]		Subsequently, the user needs to drag and drop the necessary content into the designated area, where they plan to use animations.<br>
	~~В последствии в выделенную зону перенести необходимый контент с помощью~~ drag~~-n-~~drop ~~(перетягивания контента из списка)~~, ~~на котором он планирует использовать анимации~~.<br>		After transferring the required content into the broadcast area, the user needs to click on the content in the area to open the settings list for this content and find the "Animations" block by scrolling down the entire list (or collapsing all previous sections).
	~~После переноса нужного контента в зону трансляции~~, пользователю необходимо кликнуть по контенту в зоне, чтобы открыть список настроек для данного контента и найти нужный блок "~~Анимации~~"~~, проскроллив вниз весь список~~ (~~или же свернув все предыдущие разделы~~).		[[File:Список_настроек_конетнта анимации.png\|thumb\|center\| Example of displaying animation settings for content in the personal account\|800px]]
	[[File:Список_настроек_конетнта анимации.png\|thumb\|center\| ~~Пример отображения настроек анимации для контента в личном кабинете~~\|800px]]		In the opened settings list, the user needs to enable the use of animations with the switch element and configure the available parameters for the correct display of animations in the content.
	В открывшемся списке настроек пользователю необходимо включить использование анимации с помощью переключателя/switch ~~- элемента и настроить доступные параметры, для корректного отображения анимации в контенте~~.		[[File:Настройки_анмиации.png\|thumb\|center\| List of parameters for configuring in the "Animations" block\|800px]]
	[[File:Настройки_анмиации.png\|thumb\|center\| ~~Список параметров для настройки в блоке~~ "~~Анимации~~"\|800px]]		After completing all the above steps, the user needs to click the "Save" button at the bottom of the screen to apply all animation settings to the content.<br>
	~~После всех вышеописанных шагов~~, ~~пользователю необходимо нажать внизу экрана кнопку~~ "~~Сохранить~~"~~, для применения всех настроек анимации к контенту~~.<br>		When adding a second, third, and other content to the broadcast, the animation can be configured on all content in a similar manner.
	~~При добавлении второго~~, ~~третьего и прочих контентов в трансляции~~, ~~анимацию можно настроить на всех контентах по аналогии~~.		The entire list of animations is available at the link [https://animate.style/ list of animations]
	~~Весь список анимаций доступен по ссылке~~ [https://animate.style/ ~~список анимаций~~]		{{Note\|An alternative option is to perform identical actions, but initially select the "Content on Devices" section instead of the "Broadcasts" section and the "Create" category. The only difference in this case is that in the "Content on Devices" section, only one content is used and applied specifically to the device with a schedule, so the animation can only be used for one content.
	{{Note\|~~Альтернативный вариант проделать идентичные действия~~, ~~только изначально выбирать не раздел~~ "~~Трансляции~~" ~~и категорию~~ "~~Создать~~"~~, а выбрать раздел~~ "~~Контент на устройства~~". ~~Единственное различие в данном случае что в разделе~~ "~~Контент на устройства~~" используется только один контент и применяется конкретно на устройство с расписанием и поэтому может быть использована анимация только для одного контента.		[[File:Возможность_добавить_контенты.png\|thumb\|center\| Example of displaying the difference in adding animations through different sections of the personal account\|800px]]\|warn}}
	[[File:Возможность_добавить_контенты.png\|thumb\|center\| ~~Пример различия отображения добавления анимации через разные разделы личного кабинета~~\|800px]]\|warn}}
	~~</div>~~
	<div lang="ru" dir="ltr" class="mw-content-ltr">		<div lang="ru" dir="ltr" class="mw-content-ltr">
	=== '''Доступные типы контента для взаимодействия с анимациями''' ===		=== '''Доступные типы контента для взаимодействия с анимациями''' ===

N.Bloshkin: Новая страница: «Animations in SmartPlayer»

2024-06-20T07:53:36Z

Новая страница: «Animations in SmartPlayer»

Новая страница

<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''Описание ситуации''' ==
Постоянное развитие платформы SmartPlayer позволяет предлагать пользователю новый, уникальные решения для взаимодействия с контентом и создания необычных эфирных сеток.<br>
Новая функциональность, в виде анимации, работающих при переходе из одного в другой, позволят добавить оригинальности трансляции пользователя и улучшит визуальное восприятие контента.
== '''Принцип действия''' ==
Для того, чтобы пользователь смог использовать анимации на контенте, ему необходимо авторизоваться в личном кабинете и перейти в раздел "Трансляции" и выбрав категорию "Создать".
[[File:Создание_трансляции в лк.png|thumb|center| Пример отображения раздела "Трансляции" и категории "Создать" в личном кабинете |800px]]
Следующим шагом пользователю необходимо выделить зону для трансляции.
[[File:Добавление_зоны.png|thumb|center| Пример отображения добавления зоны в трансляцию в личном кабинете |800px]]
В последствии в выделенную зону перенести необходимый контент с помощью drag-n-drop (перетягивания контента из списка), на котором он планирует использовать анимации.<br>
После переноса нужного контента в зону трансляции, пользователю необходимо кликнуть по контенту в зоне, чтобы открыть список настроек для данного контента и найти нужный блок "Анимации", проскроллив вниз весь список (или же свернув все предыдущие разделы).
[[File:Список_настроек_конетнта анимации.png|thumb|center| Пример отображения настроек анимации для контента в личном кабинете|800px]]
В открывшемся списке настроек пользователю необходимо включить использование анимации с помощью переключателя/switch - элемента и настроить доступные параметры, для корректного отображения анимации в контенте.
[[File:Настройки_анмиации.png|thumb|center| Список параметров для настройки в блоке "Анимации"|800px]]
После всех вышеописанных шагов, пользователю необходимо нажать внизу экрана кнопку "Сохранить", для применения всех настроек анимации к контенту.<br>
При добавлении второго, третьего и прочих контентов в трансляции, анимацию можно настроить на всех контентах по аналогии.
Весь список анимаций доступен по ссылке [https://animate.style/ список анимаций]
{{Note|Альтернативный вариант проделать идентичные действия, только изначально выбирать не раздел "Трансляции" и категорию "Создать", а выбрать раздел "Контент на устройства". Единственное различие в данном случае что в разделе "Контент на устройства" используется только один контент и применяется конкретно на устройство с расписанием и поэтому может быть использована анимация только для одного контента.
[[File:Возможность_добавить_контенты.png|thumb|center| Пример различия отображения добавления анимации через разные разделы личного кабинета|800px]]|warn}}
</div>
<div lang="ru" dir="ltr" class="mw-content-ltr">
=== '''Доступные типы контента для взаимодействия с анимациями''' ===
К типам контента на которых доступна анимация относятся:
* Видеоконтент
* Аудиоконтент
* Контент в формате изображений
* Контент в формате web-ссылки
* Контент в формате стрим-ссылки
</div>

<div lang="ru" dir="ltr" class="mw-content-ltr">
=== '''Список доступных параметров настройки анимации для контента''' ===
В список настраиваемых параметров анимации для контента входа:
* Использовать анимации - переключатель/switch-элемент позволяющий включить использование анимации на контенте
* Анимация в начале воспроизведения -
* Длительность анимации в начале воспроизведения - позволяет выбрать длительность анимации при запуске проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300
* Анимация в конце воспроизведения - позволяет выбрать анимацию для контента, которая будет использована при завершении проигрывания контента
* Длительность анимации в конце воспроизведения - позволяет выбрать длительность анимации при завершении проигрываемого контента. Измеряется в миллисекундах (мс) и имеет стандартное значение - 300
* Анимация в процессе воспроизведения - позволяет выбрать анимацию для контента, которая будет использоваться в процессе проигрывания контента
* Скорость анимации - позволяет выбрать с какой скоростью будет использоваться анимация во время проигрывания контента. Отображается в виде шкалы с ползунком
[[File:Настройки_анмиации.png|thumb|center| Список параметров для настройки в блоке "Анимации"|800px]]
{{Note|Для видеоконтента с включенной анимацией доступна возможность предпросмотра получившегося результата. Для остальных типов контентов предпросмотр недоступен. |warn}}
</div>
<div lang="ru" dir="ltr" class="mw-content-ltr">
==== '''Список доступных анимация работающих в начале воспроизведения контента''' ====
Для создания анимации в начале воспроизведения контента доступен следующий список:
* Плавное появление
* Плавное появление со смещением вниз
* Плавное появление со смещением вверх
* Плавное появление со смещением влево
* Плавное появление со смещением вправо
* Плавное появление со смещением в правый нижний угол
* Плавное появление со смещением в левый нижний угол
* Плавное появление со смещением в правый верхний угол
* Плавное появление со смещением в левый верхний угол
* Смещение сверху вниз + зум
* Смещение слева направо + зум
* Смещение справа налево + зум
* Смещение снизу вверх + зум
* Приближение с эффектом оттягивания
* Смещение сверху вниз с эффектом оттягивания
* Смещение справа налево с эффектом оттягивания
* Смещение снизу вверх с эффектом оттягивания
* Смещение справа налево с эффектом "желе"
* Смещение слева направо с эффектом "желе"
* Вращение по центру
* Вращение слева направо по часовой стрелке
* Вращение слева направо против часовой стрелки
* Вращение справа налево по часовой стрелке
* Вращение справа налево против часовой стрелки
* Скольжение справа налево
* Скольжение снизу вверх
</div>

<div lang="ru" dir="ltr" class="mw-content-ltr">
==== '''Список доступных анимация работающих в конце воспроизведения контента''' ====
Для создания анимации в конце воспроизведения контента доступен следующий список:
* Плавное исчезновение
* Плавное исчезновение со смещением вниз
* Плавное исчезновение со смещением вверх
* Плавное исчезновение со смещением влево
* Плавное исчезновение со смещением вправо
* Плавное исчезновение со смещением в левый верхний угол
* Плавное исчезновение со смещением в левый нижний угол
* Плавное исчезновение со смещением в правый верхний угол
* Плавное исчезновение со смещением в правый нижний угол
* Зум + эффект выпадения вниз
* Зум + эффект выпадения вверх
* Зум + эффект выпадения слева направо
* Зум + эффект выпадения справа налево
* Сжатие + смещение вверх
* Сжатие + смещение вниз
* Сжатие + смещение влево
* Сжатие + смещение вправо
* Смещение вправо с искажением
* Смещение влево с искажением
* Плавное исчезновение + вращение по центру
* Плавное исчезновение + вращение вниз
* Плавное исчезновение + вращение вверх
* Уменьшение масштаба
* Уменьшение масштаба со смещением вверх
* Уменьшение масштаба со смещением вниз
* Уменьшение масштаба со смещением влево
* Уменьшение масштаба со смещением вправо
* Смещение вниз
* Смещение вверх
* Смещение влево
* Смещение вправо
</div>

<div lang="ru" dir="ltr" class="mw-content-ltr">
==== '''Список доступных анимация работающих в процессе воспроизведения контента''' ====
Для создания анимации работающих в процессе воспроизведения контент доступен следующий список:
* Пульсация
* Подпрыгивания
* Мигание
* Эффект оттягивания
* Эффект тряски по оси Х
* Эффект тряски по оси Y
* Покачивание
* Эффект веера
* Эффект желе
* Сердцебиение
</div>

<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''Ограничения при работе с анимацией внутри платформы SmartPlayer''' ==
У данного функционала есть следующий список ограничений:
* Предпросмотр анимации доступен только для видеоконтента
* На устройствах под управлением Android OS не работает анимация типа "rotation" - вращение
* При использовании анимации на Android OS связанной с изменением положением, контент проигрывается параллельно нижней кромки
* На устройствах под управлением Android OS отсутствуют прозрачные анимации, в связи с большой нагрузкой на устройства
* На устройствах под управлением Android OS отключены анимации "желе"
* При наличии двух видеоконтентов в трансляции на устройствах Android OS, на которых не установлена анимация в конце контента, видеоконтент будет уходить в затемнение автоматически.
* При наличии двух видеоконтентов в трансляции на устройствах Windows, на которых не установлена анимация в конце контента, видеоконтент будет резко обрываться и переходить к проигрыванию другого контента
</div>

<div lang="ru" dir="ltr" class="mw-content-ltr">
== '''Видеоинструкция''' ==
[https://www.youtube.com/watch?v=IJVt2ZOdqc8 Взаимодействие с анимацией внутри платформы SmartPlayer]
== '''Итоговый результат''' ==
Пользователь понимает и знает как можно взаимодействовать с различной анимацией, доступной внутри платформы SmartPlayer, а также умеет ее использовать под свои собственные нужды.
</div>