Руководство пользователя

Введение

VideoLab Editor -- облачное программное обеспечение для создания и редактирования презентаций в веб-браузере. Предоставляет визуальный canvas-редактор, совместную работу в реальном времени, импорт из PPTX/PDF и AI-генерацию контента.

Для работы требуется современный веб-браузер (Chrome 90+, Firefox 90+, Safari 15+, Edge 90+) и подключение к интернету.

Доступ к программному обеспечению

Облачная версия

Программное обеспечение доступно по адресу: https://editor.videolab.store

Локальное развёртывание

Для развёртывания на собственном сервере используется Docker Compose:

1. Скачивание конфигурации: wget https://dl.videolab.store/editor/docker-compose.yml
2. Запуск: docker compose up -d
3. Открытие в браузере: http://localhost:3000

Подробная инструкция приведена в технической документации.

Вход в систему

1. Откройте адрес программного обеспечения в браузере
2. Система перенаправит на страницу авторизации (login.videolab.store)
3. Введите логин и пароль учётной записи
4. После успешной авторизации вы будете перенаправлены на страницу «Мои презентации»

Дашборд «Мои презентации»

После входа отображается главная страница со списком ваших презентаций.

Элементы интерфейса

• Выбор организации -- выпадающий список в левом верхнем углу для переключения между организациями (при наличии доступа к нескольким)
• Поле поиска -- поиск презентаций по названию
• Фильтры -- «Все» или «Избранные»
• Переключение вида -- отображение списком или сеткой
• Кнопка «Создать» -- создание новой пустой презентации
• Кнопка «Создать с ИИ» -- создание презентации с помощью AI-ассистента
• Кнопка «Импорт» -- загрузка презентации из файла .vlsp

Работа со списком

Для каждой презентации отображаются: название, количество слайдов, дата последнего изменения и владелец.

Доступные действия (через меню «...»):

• Открыть -- переход в редактор
• В избранное -- добавление в список избранных
• Удалить -- удаление презентации

Создание презентации

1. Нажмите кнопку «Создать»
2. В появившемся диалоге введите название презентации
3. Нажмите «Создать»
4. Откроется редактор с пустым первым слайдом

Редактор презентаций

Редактор состоит из четырёх основных областей:

• Верхняя панель -- название презентации, кнопки навигации, экспорта, AI-редактирования, общего доступа
• Левая панель -- миниатюры слайдов с управлением порядком
• Центральная область -- canvas (холст) для редактирования текущего слайда
• Правая панель -- свойства выделенного элемента, настройки слайда, AI-ассистент

Панель инструментов

Плавающая панель инструментов расположена внизу по центру холста. Инструменты разделены на три группы.

Инструменты управления

Инструменты рисования

Инструменты контента

Дополнительные кнопки

• Отменить (Ctrl+Z) -- отмена последнего действия
• Повторить (Ctrl+Shift+Z) -- повтор отменённого действия
• Очистить слайд -- удаление всех объектов с текущего слайда

Модификаторы клавиши Shift

При рисовании с зажатой клавишей Shift:

• прямоугольник → квадрат
• эллипс → окружность
• линия → цепочка отрезков (рисование продолжается после отпускания кнопки мыши)

Работа с объектами

Выделение. Кликните на объект инструментом «Курсор» для выделения. Вокруг объекта появятся маркеры трансформации.

Трансформация:

• Перемещение -- перетащите объект мышью
• Масштабирование -- потяните за угловой маркер
• Поворот -- потяните за маркер поворота (над объектом)
• Удаление -- выделите объект и нажмите Delete или Backspace

Порядок объектов (контекстное меню правой кнопкой мыши): на передний план, на задний план, на уровень выше, на уровень ниже.

Копирование: Ctrl+C -- копировать, Ctrl+V -- вставить, Ctrl+X -- вырезать.

Управление слайдами

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

Основные действия:

• Добавить слайд -- нажмите кнопку «+» внизу панели слайдов
• Переключить слайд -- кликните на миниатюру нужного слайда
• Переупорядочить -- перетащите миниатюру слайда на новую позицию (drag-and-drop)

Контекстное меню слайда (правый клик на миниатюре): переименовать, дублировать, копировать (Ctrl+C), вырезать (Ctrl+X), вставить (Ctrl+V), удалить.

Панель свойств

Правая панель содержит три вкладки: «Элемент», «Слайд» и «Ассистент».

Вкладка «Элемент»

Отображает свойства выделенного объекта. Набор свойств зависит от типа объекта:

• Текст -- семейство и размер шрифта; начертание (жирный, курсив, подчёркивание, зачёркивание); выравнивание; цвет текста
• Фигура -- толщина и цвет обводки; заливка (вкл/выкл + цвет); прозрачность
• Маркер (рисование пером) -- толщина линии, цвет, прозрачность
• Изображение -- замена изображения, прозрачность
• Медиа (видео/аудио) -- воспроизведение (Play/Pause), громкость, замена файла

Вкладка «Слайд»

• Пресеты фона -- 12 готовых цветов для быстрого выбора
• Произвольный цвет -- выбор цвета через палитру (ColorPicker)
• Прозрачность фона -- ползунок
• Сброс -- возврат к белому фону

Вкладка «Ассистент»

AI-чат для помощи в работе с презентацией (описан в разделе «AI-функции»).

Работа с изображениями

Загрузка изображения

1. Выберите инструмент «Изображение» (I)
2. В правой панели появятся варианты:
   • Перетащите файл в область загрузки (поддерживаемые форматы: PNG, JPG, WebP, GIF, SVG, до 10 МБ)
   • Нажмите «Выбрать файл» для выбора через диалог
3. После загрузки кликните на canvas для размещения изображения

Стоковые изображения (Wikimedia Commons)

Стоковые изображения и видео берутся из Wikimedia Commons (только материалы под лицензиями CC / Public Domain).

1. Выберите инструмент «Изображение» (I)
2. В правой панели найдите раздел «Стоковые картинки»
3. Введите поисковый запрос на английском языке (например, «nature», «business», «technology»)
4. Выберите понравившееся изображение из результатов
5. Кликните на canvas для размещения

Медиабиблиотека

Ранее загруженные файлы доступны в медиабиблиотеке организации. При выборе инструмента «Изображение» отображается список ранее загруженных медиафайлов.

Экспорт презентации

Экспорт в PDF и PPTX

1. Нажмите кнопку «Экспорт» в верхней панели редактора
2. Выберите формат -- PDF или PPTX
3. Файл будет сформирован на сервере (со встраиванием и подбором шрифтов) и скачан

Экспорт в формат .vlsp

1. Нажмите кнопку «Экспорт» в верхней панели редактора
2. Выберите «Скачать .vlsp»
3. Файл будет скачан в формате VideoLab Studio (ZIP + JSON)

Формат .vlsp совместим с десктопным приложением VideoLab Studio.

Загрузка в облако

1. Нажмите кнопку «Экспорт» в верхней панели
2. Выберите «Загрузить в облако»
3. Файл будет сохранён в объектном хранилище организации

AI-функции

Создание презентации с ИИ

1. На дашборде нажмите «Создать с ИИ»
2. Выберите режим:
   • На основе текущего контента -- AI дополнит существующую презентацию
   • Создать заново -- AI сгенерирует структуру с нуля
3. Введите тему или описание презентации
4. AI предложит структуру (список слайдов с заголовками и содержимым)
5. Отредактируйте структуру при необходимости
6. Нажмите «Сгенерировать» -- AI создаст слайды с контентом

Генерация выполняется в потоковом режиме (SSE) -- вы видите результат по мере его создания.

AI-редактирование

1. В редакторе нажмите кнопку «AI» в верхней панели
2. Выберите действие:
   • Расширить контент -- добавить больше деталей на слайды
   • Сократить / выделить главное -- упростить содержимое
   • Изменить количество слайдов -- перестроить структуру
3. AI обработает презентацию и предложит изменения

AI-чат-ассистент

1. В правой панели перейдите на вкладку «Ассистент»
2. Введите запрос в поле чата или выберите быстрый промпт: «Напиши текст для слайда», «Добавь заголовок», «Улучши текст», «Сделай минималистичнее»
3. AI сгенерирует ответ в потоковом режиме
4. Примените предложенные действия к слайду кнопками в чате

В чате доступен переключатель AI-модели (выпадающий список). Доступные модели зависят от конфигурации сервера (Ollama и другие).

Совместная работа

Совместное редактирование

VideoLab Editor поддерживает совместную работу нескольких пользователей над одной презентацией в реальном времени. Для совместного редактирования откройте презентацию в редакторе и поделитесь ссылкой с коллегами (кнопка «Поделиться» в верхней панели). Все участники видят изменения друг друга в реальном времени; на миниатюрах слайдов отображаются аватары пользователей, работающих на данном слайде.

Общий доступ

1. Нажмите кнопку «Поделиться» в верхней панели редактора
2. Выберите уровень доступа:
   • Просмотр -- получатель может только просматривать презентацию
   • Редактирование -- получатель может редактировать презентацию
3. Настройте срок действия ссылки (при необходимости)
4. Скопируйте ссылку и отправьте получателю
5. Для отзыва доступа -- удалите ссылку в диалоге «Поделиться»

Настройки

Настройки пользователя доступны через меню профиля (верхний правый угол) → «Настройки»: имя пользователя, email, язык интерфейса.

Администрирование. Администратор организации может управлять списком организаций (раздел «Админ» → «Организации») и приглашениями пользователей.

Горячие клавиши

Контактная информация поддержки

При возникновении вопросов или проблем обращайтесь в службу технической поддержки:

• Электронная почта: support@videolab.store
• Телефон: +7 (912) 248-16-22
• Режим работы: Пн--Пт, 9:00--18:00 (МСК)

Часто задаваемые вопросы

В: Какие форматы изображений поддерживаются? О: PNG, JPEG, WebP, GIF (включая анимированные), SVG. Максимальный размер файла -- 10 МБ.

В: Можно ли работать без интернета? О: Нет. Редактор -- облачный сервис: для работы требуется подключение к интернету, документ хранится на сервере.

В: Сколько пользователей могут одновременно редактировать презентацию? О: До 10 пользователей могут одновременно работать над одной презентацией.

В: Поддерживается ли импорт из PowerPoint? О: Да, поддерживается импорт из форматов PPTX и PDF. Также поддерживается формат .vlsp (VideoLab Studio).

В: Как изменить AI-модель? О: В чате AI-ассистента (вкладка «Ассистент» в правой панели) используйте выпадающий список выбора модели.

В: Как предоставить доступ эксперту реестра РПО? О: Разверните проверочный экземпляр через Docker Compose (инструкция в разделе «Доступ к программному обеспечению») либо запросите доступ к облачной версии editor.videolab.store -- учётные данные предоставляются по запросу.