Видеоредактор: различия между версиями

Материал из SmartPlayer
Нет описания правки
Нет описания правки
Строка 3: Строка 3:
== '''Алгоритм действия''' ==
== '''Алгоритм действия''' ==
Первым шагом для пользователя является авторизация / регистрация на платформе SmartPlayer.
Первым шагом для пользователя является авторизация / регистрация на платформе SmartPlayer.
Далее пользователь должен найти раздел «Контент» и выбрать, с помощью клика, категорию «Видеоредактор»
Далее пользователь должен найти раздел «Контент» и выбрать, с помощью клика, категорию «Видеоредактор».
[[File:Обсуждение_видеоредактор.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Видеоредактор контента.png|thumb|center| Пример отображения категории «Видеоредактор» |800px]]
После клика по категории пользователю откроется главная страница, в котором присутствуют четыре основных элемента работы с видеоконтентом:
После клика по категории пользователю откроется главная страница, в котором присутствуют четыре основных элемента работы с видеоконтентом:
# Зона контента — позволяет добавить видеоконтент из личного кабинета или с устройства;
# Зона контента — позволяет добавить видеоконтент из личного кабинета или с устройства;
Строка 10: Строка 10:
# Тулбар с контентом — отображает информацию об имеющемся или добавленном для редактирования контенте;
# Тулбар с контентом — отображает информацию об имеющемся или добавленном для редактирования контенте;
# Настройки конвертации видеоконтента - '''по умолчанию - не отображается'''. Открывается щелчком мыши по загруженному видеоконтенту и позволяют работать и взаимодействовать с контентом.
# Настройки конвертации видеоконтента - '''по умолчанию - не отображается'''. Открывается щелчком мыши по загруженному видеоконтенту и позволяют работать и взаимодействовать с контентом.
[[File:Обсуждение_видеоредактор.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:4_элемента.png|thumb|center| Пример отображения элементов работы с видеоконтентом |800px]]
Подробнее о каждом элементе будет описано ниже.
Подробнее о каждом элементе будет описано ниже.
=== '''Зона контента''' ===
=== '''Зона контента''' ===
Зона контента в исходном состоянии представляет из себя окно с описанием, которое предлагает добавить видеоконтент.
Зона контента в исходном состоянии представляет из себя окно с описанием, которое предлагает добавить видеоконтент.
[[File:Обсуждение_видеоредактор.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Зона_видеоконтента.png|thumb|center| Пример отображения зоны для редактирования видеоконтента |800px]]
Видеоконтент в зону можно добавить двумя способами:
Видеоконтент в зону можно добавить двумя способами:
* Перетащить с помощью drag-n-drop из локального хранилища.
* Перетащить с помощью drag-n-drop из локального хранилища.
Строка 24: Строка 24:
* Сохранить — позволяет пользователю сохранить обработанный контент;
* Сохранить — позволяет пользователю сохранить обработанный контент;
* Выйти — возвращает пользователя в раздел «Контент» личного кабинета.
* Выйти — возвращает пользователя в раздел «Контент» личного кабинета.
[[File:Панель_настроек.png|thumb|center| Пример отображения элементов в панели настроек|800px]]
=== '''Тулбар с контентом''' ===
=== '''Тулбар с контентом''' ===
Тулбар с контентом представляет из себя разделенный на две части:
Тулбар с контентом представляет из себя разделенный на две части:
# Задачи — зона, в которой располагается добавленный к редактированию видеоконтент;
# Задачи — зона, в которой располагается добавленный к редактированию видеоконтент;
# Контент — зона, в которой расположен доступный в личном кабинете видеоконтент.
# Контент — зона, в которой расположен доступный в личном кабинете видеоконтент.
[[File:Тулбар_с_частями.png|thumb|center| Пример отображения тулбара с контентом|800px]]
{{Note|Контент в задачах можно выделить с помощью клика и удалить по специальной иконке в виде мусорной корзины.
[[File:Иконки_деействия.png|thumb|center| Пример отображения иконок «Выбрать» и «Удалить»|800px]]|warn}}
=== '''Настройки конвертации видеоконтента''' ===
=== '''Настройки конвертации видеоконтента''' ===
{{Note|Данный блок настроек изначально скрыт. Чтобы активировать настройки видеоредактора необходимо кликнуть на видеоконтент загруженный в зону контента. |warn}}
{{Note|Данный блок настроек изначально скрыт. Чтобы активировать настройки видеоредактора необходимо кликнуть на видеоконтент загруженный в зону контента. |warn}}
Открыв настройки для конвертации видеоконтента пользователь сможет изменить следующие параметры:
Открыв настройки для конвертации видеоконтента пользователь сможет изменить следующие параметры:
* Продолжительность (время начала / время окончания) —
* Продолжительность (время начала / время окончания) — время, которое указывается вручную и позволяет обрезать видеоконтент;
* Переключатель «Обрезать продолжительность видео до целых значений» —
* Переключатель «Обрезать продолжительность видео до целых значений» — активирует / деактивирует обрезку длины видео до целых значений. Округляет в меньшую сторону;
* Размеры контента (ширина / высота) —
* Размеры контента (ширина / высота) — позволяет вручную указать размеры видеоконтента по ширине и высоте;
* Чекбокс (галочка) «Сохранить пропорции» —
* Чекбокс (галочка) «Сохранить пропорции» — включить / выключить параметр сохранения пропорций по ширине и высоте;
* Битрейт — измеряется в Кбит/сек.
* Битрейт — прописывается значение битрейта. Измеряется в (Кбит/сек);
* Доступный битрейт —
* Доступный битрейт — позволяет выбрать из списка доступный битрейт под определенный разрешения: '''360p, 480p, 720p, 1080p, 1440p, 2160p ''';
* Количество кадров в секунду —
* Количество кадров в секунду — указывается количество проигрываемых кадров в секунду;
* Поворот контента —  
* Поворот контента — поворачивает контент по часовой стрелке на определенное количество градусов с шагом 90;
* Чекбокс (галочка) «Удалить звук из видео» —
* Чекбокс (галочка) «Удалить звук из видео» — удаляет из видеоконтента аудиодорожку;
* Чекбокс (галочка) «Использовать пресет» —
* Чекбокс (галочка) «Использовать пресет» — позволяет выбрать пресет для Android устройства из списка;
* Выбор пресетов —
* Выбор пресетов — список доступных пресетов для устройств с: настройкой вручную, оптимизацией под Andorid 4.0, с оптимизацией под Android 4.1;
[[File:Обсуждение_видеоредактор.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]
[[File:Настройки_параметров.png|thumb|center| Пример отображения параметров настройки видеоредактора |800px]]
=== '''Пресеты для Android-устройств''' ===
Чтобы настроить работу пресетов для Android - устройств необходимо отредактировать следующие поля:
* Видео-кодек —
* Аудио-кодек —
* Профиль кодека —
* Уровень кодека —
* Пресет —
* Качество видео при кодировании — .работает для кодирования ffmpeg.
[[File:Пресеты_для_редактора.png|thumb|center| Пример отображения настроек пресетов для Andorid OS |800px]]
== '''Обработка видео''' ==
{{Note|Для запуска процесса редактирования видео пользователю необходимо нажать на кнопку «Обработать» внизу экрана. Если пользователь хочет изменить внесенные изменения, то ему необходимо нажать на кнопку «Отменить».
{{Note|Для запуска процесса редактирования видео пользователю необходимо нажать на кнопку «Обработать» внизу экрана. Если пользователь хочет изменить внесенные изменения, то ему необходимо нажать на кнопку «Отменить».
[[File:Обсуждение_видеоредактор.png|thumb|center| Пример отображения вкладки "Обсуждения" на wiki-странице |800px]]|warn}}
[[File:Кнопки_обработать_и_отменить.png|thumb|center| Пример отображения кнопок «Обработать» и «Отменить»|800px]]|warn}}
В итоге запуститься процесс обработки и конвертации видеоконтента.
В итоге запуститься процесс обработки и конвертации видеоконтента.
== '''Завершение работы''' ==
== '''Завершение работы''' ==

Версия от 16:15, 14 мая 2025

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

В платформе SmartPlayer существует функциональность, которая позволяет редактировать текущий или новый видеоконтент. Данная страница пояснит как пользоваться видеоредактором и какие возможности заложены в это решение.

Алгоритм действия

Первым шагом для пользователя является авторизация / регистрация на платформе SmartPlayer. Далее пользователь должен найти раздел «Контент» и выбрать, с помощью клика, категорию «Видеоредактор».

Пример отображения категории «Видеоредактор»

После клика по категории пользователю откроется главная страница, в котором присутствуют четыре основных элемента работы с видеоконтентом:

  1. Зона контента — позволяет добавить видеоконтент из личного кабинета или с устройства;
  2. Панель настроек — позволяет совершить действия с обработанным контентом;
  3. Тулбар с контентом — отображает информацию об имеющемся или добавленном для редактирования контенте;
  4. Настройки конвертации видеоконтента - по умолчанию - не отображается. Открывается щелчком мыши по загруженному видеоконтенту и позволяют работать и взаимодействовать с контентом.
Пример отображения элементов работы с видеоконтентом

Подробнее о каждом элементе будет описано ниже.

Зона контента

Зона контента в исходном состоянии представляет из себя окно с описанием, которое предлагает добавить видеоконтент.

Пример отображения зоны для редактирования видеоконтента

Видеоконтент в зону можно добавить двумя способами:

  • Перетащить с помощью drag-n-drop из локального хранилища.
  • Добавить из тулбара с контентом (П.3.) имеющийся видеоконтент.

Панель настроек

В панель настроек входят четыре элемента:

  • Анимация — предоставляет настройки анимации для начала и конца видеоконтента;
  • Настройки — позволяет выбрать название и место хранения в личном кабинете для видеоконтента;
  • Сохранить — позволяет пользователю сохранить обработанный контент;
  • Выйти — возвращает пользователя в раздел «Контент» личного кабинета.
Пример отображения элементов в панели настроек

Тулбар с контентом

Тулбар с контентом представляет из себя разделенный на две части:

  1. Задачи — зона, в которой располагается добавленный к редактированию видеоконтент;
  2. Контент — зона, в которой расположен доступный в личном кабинете видеоконтент.
Пример отображения тулбара с контентом
Контент в задачах можно выделить с помощью клика и удалить по специальной иконке в виде мусорной корзины.
Пример отображения иконок «Выбрать» и «Удалить»

Настройки конвертации видеоконтента

Данный блок настроек изначально скрыт. Чтобы активировать настройки видеоредактора необходимо кликнуть на видеоконтент загруженный в зону контента.

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

  • Продолжительность (время начала / время окончания) — время, которое указывается вручную и позволяет обрезать видеоконтент;
  • Переключатель «Обрезать продолжительность видео до целых значений» — активирует / деактивирует обрезку длины видео до целых значений. Округляет в меньшую сторону;
  • Размеры контента (ширина / высота) — позволяет вручную указать размеры видеоконтента по ширине и высоте;
  • Чекбокс (галочка) «Сохранить пропорции» — включить / выключить параметр сохранения пропорций по ширине и высоте;
  • Битрейт — прописывается значение битрейта. Измеряется в (Кбит/сек);
  • Доступный битрейт — позволяет выбрать из списка доступный битрейт под определенный разрешения: 360p, 480p, 720p, 1080p, 1440p, 2160p ;
  • Количество кадров в секунду — указывается количество проигрываемых кадров в секунду;
  • Поворот контента — поворачивает контент по часовой стрелке на определенное количество градусов с шагом 90;
  • Чекбокс (галочка) «Удалить звук из видео» — удаляет из видеоконтента аудиодорожку;
  • Чекбокс (галочка) «Использовать пресет» — позволяет выбрать пресет для Android устройства из списка;
  • Выбор пресетов — список доступных пресетов для устройств с: настройкой вручную, оптимизацией под Andorid 4.0, с оптимизацией под Android 4.1;
Пример отображения параметров настройки видеоредактора

Пресеты для Android-устройств

Чтобы настроить работу пресетов для Android - устройств необходимо отредактировать следующие поля:

  • Видео-кодек —
  • Аудио-кодек —
  • Профиль кодека —
  • Уровень кодека —
  • Пресет —
  • Качество видео при кодировании — .работает для кодирования ffmpeg.
Пример отображения настроек пресетов для Andorid OS

Обработка видео

Для запуска процесса редактирования видео пользователю необходимо нажать на кнопку «Обработать» внизу экрана. Если пользователь хочет изменить внесенные изменения, то ему необходимо нажать на кнопку «Отменить».
Пример отображения кнопок «Обработать» и «Отменить»

В итоге запуститься процесс обработки и конвертации видеоконтента.

Завершение работы

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

Пример отображения вкладки "Обсуждения" на wiki-странице

Связанная информация

На Wiki присутствуют страницы, которые позволят пользователю более подробно ознакомиться с работой отдельных решений. Рекомендуется ознакомиться со следующими страницами:

  1. Конвертация видеоконтента
  2. Удаление миллисекунд в контенте

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

Функционал видеоредактора

Дополнительная информация

Если данная статья не помогает использовать функционал по назначению или после ее прочтения остаются вопросы можно озвучить данные вопросы в разделе "Обсуждения" вверху страницы.

Пример отображения вкладки "Обсуждения" на wiki-странице

Также дополнительную информацию можно узнать на странице Как взаимодействовать пользователю с разделом "Обсуждения"