Видеоредактор/en

Situation Description

The SmartPlayer platform includes functionality for editing existing or new video content. This page explains how to use the video editor and its capabilities.

Action Algorithm

The first step for the user is to log in or register on the SmartPlayer platform. Next, the user should locate the "Content" section and click on the "Video Editor" category.

Example of "Video Editor" category display

After clicking the category, the main page will open containing four core elements for working with video content:

1. Content zone - allows adding video content from personal account or device;
2. Settings panel - enables actions with processed content;
3. Content toolbar - displays information about available or added content for editing;
4. Video conversion settings - hidden by default. Appears when clicking on uploaded video content, allowing content manipulation.

Example of video content workflow elements

Each element is described in detail below.

Content Zone

The content zone initially appears as a window with instructions for adding video content.

Example of video editing zone display

Video content can be added to the zone in two ways:

• Drag-and-drop from local storage
• Add from content toolbar (Point 3) existing video content

Settings Panel

The settings panel contains four elements:

• Animation - provides start/end animation settings for video content;
• Settings - allows selecting name and storage location in personal account;
• Save - enables saving processed content;
• Exit - returns user to "Content" section.

Example of settings panel elements

Content Toolbar

The content toolbar is divided into two sections:

1. Tasks - area containing video content added for editing;
2. Content - area displaying available video content from personal account.

Example of content toolbar display

Content in Tasks can be selected by click and deleted via trash bin icon.

Example of "Select" and "Delete" icons display

Video Conversion Settings

These settings are initially hidden. Click on video content in content zone to activate editor settings.

When conversion settings open, users can modify:

• Duration (start/end time) - manually set values for video trimming;
• "Round video duration to whole numbers" toggle - enables/disables rounding video length down to whole numbers;
• Content dimensions (width/height) - manually specify video dimensions;
• "Maintain proportions" checkbox - enables/disables aspect ratio preservation;
• Bitrate - set bitrate value (measured in Kbps);
• Available bitrate - select from predefined bitrates for resolutions: 360p, 480p, 720p, 1080p, 1440p, 2160p;
• FPS - set frames per second count;
• Content rotation - rotate content clockwise in 90° increments;
• "Remove audio from video" checkbox - deletes audio track;
• "Use preset" checkbox - enables Android device presets selection;
• Preset selection - available presets for: manual configuration, Android 4.0 optimization, Android 4.4 optimization.

Example of video editor parameter settings

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример отображения элементов в панели настроек

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

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

1. Задачи — зона, в которой располагается добавленный к редактированию видеоконтент;
2. Контент — зона, в которой расположен доступный в личном кабинете видеоконтент.

Пример отображения тулбара с контентом

Контент в задачах можно выделить с помощью клика и удалить по специальной иконке в виде мусорной корзины.

Пример отображения иконок «Выбрать» и «Удалить»

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

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

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

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

Пример отображения параметров настройки видеоредактора

Presets for Android Devices

To configure presets for Android devices, edit the following fields:

• Video codec - select video encoding codec (available: libx264);
• Audio codec - select audio encoding codec (available: aac);
• Codec profile - choose one of three encoding profiles: baseline (basic, for weak devices), main (balanced quality/compatibility), high (maximum quality);
• Codec level - optimally combines resolution, frame rate, bitrate and decoding complexity;
• Preset - select available preset from list;
• Video encoding quality - set quality value for ffmpeg encoding.

Example of Android OS preset settings

Video Processing

To start video editing, click "Process" at bottom of screen. To undo changes, click "Cancel".

Example of "Process" and "Cancel" buttons

This launches video processing and conversion.

Completion

After finishing video editing, users will be prompted to:

1. Name the processed file
2. Select storage location in personal account

(Similar to "Configure" button in settings panel)

Related Information

Wiki contains pages with detailed solution descriptions. Recommended reading:

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

Video Tutorial

Video Editor Functionality

Additional Information

For unresolved issues, please use "Discussions" section at page top.

Example of "Discussions" tab on wiki-page

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