Видео, шаги и таймлайн
Smotree работает не только со статичными скриншотами. В редакторе можно проверять видео-шаги, создавать шаг из кадра, разделять видео, добавлять пустые экраны и настраивать приближение.
Видео-шаги
Видео-шаг показывает часть исходной записи. На таймлайне можно:
- запустить или поставить видео на паузу;
- включить или выключить звук;
- изменить скорость;
- перейти по кадрам;
- перейти к началу или концу фрагмента;
- приблизить или подогнать таймлайн;
- свернуть панель;
- открыть видео на весь экран;
- выбрать точку воспроизведения;
- навести курсор на таймлайн, чтобы проверить кадр на холсте;
- потянуть конец диапазона: влево, чтобы обрезать шаг, или вправо, чтобы продлить шаг последним кадром.
Выключение звука сохраняется именно на текущем видео-шаге. После публикации такой шаг остается без звука в публичном и встроенном плеере, даже если общий звук плеера включен.
Создать шаг из кадра
Если важный момент лучше объяснять на статичном экране, поставьте метку на
нужный кадр таймлайна и нажмите Создать шаг из кадра. Новый шаг создается как
чистый стоп-кадр из исходного видео без аннотаций исходного шага. Он не
раздувает проект отдельным видеофайлом и сохраняет пропорции исходной записи.
Такой шаг удобен для точных подсказок, выделения области, блюра и приближения.
Разделить видео
Разделение создает два видео-шагa из одного. Поставьте метку на точку
разделения и нажмите Разделить видео по курсору. Левая часть остается на
текущем шаге, правая добавляется следующим шагом. Подсказки после точки
разделения переезжают на новый шаг.
Используйте разделение, когда в одном фрагменте записи оказалось несколько смысловых действий.
Пустые шаги и медиа
Пустой шаг можно заполнить файлом с компьютера: изображением или видео. Это полезно для заставок, дополнительных скриншотов, ручных переходов и экранов, которых не было в исходной записи.
Для изображений используйте обычные веб-форматы, например PNG, JPEG, WebP или GIF до 10 MB. Для видео используйте MP4, MOV или WebM до 100 MB и 3 минут. Smotree проверяет длительность перед загрузкой и покажет понятную ошибку, если браузер не смог прочитать метаданные файла.
При загрузке MP4 Smotree подготавливает файл к быстрому старту без повторного сжатия, чтобы редактор и просмотрщик могли раньше показать первый кадр.
Пустой шаг держит один и тот же широкоформатный холст до и после загрузки: изображение или видео вставляется внутрь него, а не меняет размер рабочей области. Загруженное видео остается отдельным клипом этого шага: таймлайн идет от начала файла, а холст вписывает ролик целиком без обрезки по краям.
После загрузки изображения можно выбрать режим Вписать или Заполнить,
масштаб и позицию. Нажмите Готово, чтобы убрать панель с холста; настройки
сохранятся и не откроются снова после обновления страницы. Их можно открыть
снова компактной кнопкой редактирования.
Если пустой шаг уже заполнен изображением или видео, с ним можно работать как с обычным экраном: добавлять подсказки, точки, области, блюр, приближение, видео-кружок или AI-озвучку.
Некоторые источники импорта могут быть видны как будущие возможности, но пока рабочий сценарий для пустого шага — загрузка медиа с устройства.
Экраны глав
Экран главы разделяет демо на смысловые части. В нем можно настроить заголовок, текст, цвет и шрифт текста, расположение, фон, изображение предпросмотра и кнопки.
Фон может использовать предыдущий экран демо или отдельное изображение. Если
размытие выключено, выбранный фон заполняет экран главы без размытия; варианты
S и M размывают именно этот фон. Изображение предпросмотра остается отдельным
элементом и не заменяет выбранный фон. В боковой компоновке оно без растяжения
заполняет блок от середины до боковой и нижней границ; края исходного изображения
могут обрезаться, чтобы в блоке не оставалось пустых полос. У кнопок есть быстрые цветовые пресеты и
свои цвета для фона и текста. Если назначение кнопки — URL, поле адреса
показывается в отдельной широкой колонке панели.
Приближение
Приближение помогает сфокусировать внимание на нужной части экрана. Для шага можно выбрать область фокуса, масштаб, задержку и длительность движения.
Кнопка Предпросмотр показывает, как движение будет выглядеть на шаге. В
опубликованном просмотре приближается только содержимое шага. Подсказки и
элементы плеера остаются стабильными.
После приближения вся выбранная рамка остается в кадре. Если рамка прижата к верхней, нижней, левой или правой границе канваса, она не отлипает от этой границы; при касании двух соседних границ сохраняется привязка к углу. По второй оси плеер оставляет дополнительный контекст вместо лишнего смещения или обрезки выбранной рамки. Правило сохраняется и для медиа с другими пропорциями, при этом пустой фон за увеличенным изображением не появляется.