Skip to Content
Видео и таймлайн

Видео, шаги и таймлайн

Smotree работает не только со статичными скриншотами. В редакторе можно проверять видео-шаги, создавать шаг из кадра, разделять видео, добавлять пустые экраны и настраивать приближение.

Видео-шаги

Видео-шаг показывает часть исходной записи. На таймлайне можно:

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

При выборе видео-шаг целиком помещается на две трети доступной ширины таймлайна, независимо от длительности. Затем можно изменить Масштаб вручную: он не сбрасывается при воспроизведении или обрезке. При изменении ширины окна шкала подстраивается, не сбрасывая выбранное положение ползунка. Кнопка Уместить таймлайн подгоняет текущий диапазон под всю доступную ширину. Эти настройки не меняют само видео или его границы.

Выключение звука сохраняется именно на текущем видео-шаге. После публикации такой шаг остается без звука в публичном и встроенном плеере, даже если общий звук плеера включен.

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

Во время обычного воспроизведения готовый видеослой остается на холсте и не подменяется предыдущим кадром при каждом обновлении шкалы. При переходе на шаг или ручной перемотке редактор по-прежнему ждет именно выбранный кадр.

Создать шаг из кадра

Если важный момент лучше объяснять на статичном экране, поставьте метку на нужный кадр таймлайна и нажмите Создать шаг из кадра. Новый шаг создается как чистый стоп-кадр из исходного видео без аннотаций исходного шага. Он не раздувает проект отдельным видеофайлом и сохраняет пропорции исходной записи. Такой шаг удобен для точных подсказок, выделения области, блюра и приближения.

Разделить видео

Разделение создает два видео-шагa из одного. Поставьте метку на точку разделения и нажмите Разделить видео по курсору. Левая часть остается на текущем шаге, правая добавляется следующим шагом. Подсказки после точки разделения переезжают на новый шаг.

Используйте разделение, когда в одном фрагменте записи оказалось несколько смысловых действий.

Пустые шаги и медиа

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

Для изображений используйте обычные веб-форматы, например PNG, JPEG, WebP или GIF до 10 MB. Для видео используйте MP4, MOV или WebM до 100 MB и 3 минут. Smotree проверяет длительность и размеры на сервере. Если браузер не может прочитать MOV, файл всё равно отправляется на проверку и подготовку.

Новые видео автоматически подготавливаются в MP4 с видео H.264, звуком AAC (если он есть) и быстрым стартом воспроизведения. Сжатие сохраняет полный кадр и его ориентацию; нечётные размеры округляются вверх до чётных без обрезки. Если совместимый MP4 после повторного сжатия становится больше, сохраняется меньшая проверенная MP4-версия без повторного сжатия.

Дождитесь окончания подготовки, не закрывая вкладку. Пока файл обрабатывается, повторная загрузка и превращение пустого шага в заставку недоступны. Если подготовка не удалась, шаг не меняется: повторите загрузку или выберите другой файл. Работа не возобновляется автоматически после закрытия вкладки.

В постоянном хранилище остаётся только готовый MP4; исходник используется временно во время обработки. Ранее загруженные файлы не меняются и не удаляются. Сейчас поддерживается SDR-видео: для HDR сначала экспортируйте SDR-версию. Максимум — 8192 пикселя по любой стороне и 16 777 216 пикселей в кадре, включая размер после приведения к квадратным пикселям. Готовый MP4 также должен помещаться в 100 MB.

Пустой шаг держит один и тот же широкоформатный холст до и после загрузки: изображение или видео вставляется внутрь него, а не меняет размер рабочей области. Загруженное видео остается отдельным клипом этого шага: таймлайн идет от начала файла, а холст вписывает ролик целиком без обрезки по краям — так же, как в просмотре. Если пропорции видео отличаются от холста, свободное место заполняется выбранным фоном внутри кадра. В режиме Просмотр нижняя шкала и автопереход используют длительность именно этого шага, а не его положение в общей последовательности проекта. То же правило действует, если исходный видео-шаг переместили выше или ниже: его фрагмент сохраняется, а длительность показа берется из нового места шага на шкале.

В режиме Просмотр исходная запись воспроизводится по ее выбранным абсолютным границам. Локальная шкала от нуля используется только тогда, когда плеер действительно показывает отдельный подготовленный клип. Поэтому Preview не подменяет выбранный момент другим фрагментом записи.

После загрузки изображения можно выбрать режим Вписать или Заполнить, масштаб и позицию. Нажмите Готово, чтобы убрать панель с холста; настройки сохранятся и не откроются снова после обновления страницы. Их можно открыть снова компактной кнопкой редактирования.

Если пустой шаг уже заполнен изображением или видео, с ним можно работать как с обычным экраном: добавлять подсказки, точки, области, блюр, приближение, видео-кружок или AI-озвучку.

Некоторые источники импорта могут быть видны как будущие возможности, но пока рабочий сценарий для пустого шага — загрузка медиа с устройства.

Экраны глав

Экран главы разделяет демо на смысловые части. В нем можно настроить заголовок, текст, цвет и шрифт текста, расположение, фон, изображение предпросмотра и кнопки.

Фон может использовать предыдущий экран демо или отдельное изображение. Если размытие выключено, выбранный фон заполняет экран главы без размытия; варианты S и M размывают именно этот фон. Изображение предпросмотра остается отдельным элементом и не заменяет выбранный фон. В боковой компоновке оно без растяжения заполняет блок от середины до боковой и нижней границ; края исходного изображения могут обрезаться, чтобы в блоке не оставалось пустых полос. У кнопок есть быстрые цветовые пресеты и свои цвета для фона и текста. Если назначение кнопки — URL, поле адреса показывается в отдельной колонке панели. Длинный адрес сжимает это поле, но не выталкивает его или кнопку удаления за границы панели.

Приближение

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

Кнопка Предпросмотр показывает, как движение будет выглядеть на шаге. В опубликованном просмотре приближается только содержимое шага. Подсказки и элементы плеера остаются стабильными.

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