[Сценарии](https://openscreenshot.app/ru/use-cases/)

# Как записать демо-видео продукта в Chrome

Запишите вкладку браузера с камерой и голосом, добавьте зум на каждый клик, обрежьте дубль и экспортируйте MP4 — всё в Chrome на вашем компьютере.

Автор: [OpenScreenShot](https://github.com/pghqdev/OpenScreenShot)

Чтобы записать короткое демо продукта с вкладки браузера, используйте **Запись** в расширении OpenScreenShot для Chrome. Выберите всю вкладку или её часть, включите микрофон, звук вкладки или камеру и запишите демо. Затем редактор добавляет зум на каждый клик, позволяет обрезать дубль и экспортирует MP4. Версия для Firefox поддерживает только скриншоты, записи в ней нет.

## Записать демо шаг за шагом

1. Подготовьте демо в обычной вкладке браузера: войдите в аккаунт, загрузите примеры данных и закройте уведомления. Внутренние страницы браузера записать нельзя.
2. С настройками по умолчанию клик по значку на панели инструментов делает скриншот. Нажмите на значок правой кнопкой и снимите флажок **Режим Express в один клик**, чтобы следующий клик открыл окно расширения.
3. Нажмите **Запись** в окне расширения. Рядом со страницей откроется вкладка записи. В первый раз Chrome один раз запросит разрешение на захват вкладки.
4. Включите **Микрофон**, **Звук** или **Камера**, если нужно, и подтвердите запрос разрешения браузера.
5. Оставьте **Вся вкладка** или проведите по изображению страницы, чтобы записать только её часть.
6. Нажмите **Начать запись**. OpenScreenShot переключится на вашу страницу. Показывайте демо в ровном темпе, с обдуманными кликами.
7. Нажмите `Alt+Shift+X`, чтобы остановить запись, или вернитесь на вкладку записи и нажмите **Стоп**. В той же вкладке откроется редактор записи.
8. Настройте зумы, обрежьте начало и конец и нажмите **Экспорт в MP4**.

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

## Зум на кликах

Редактор добавляет плавный зум 2x на каждый клик курсора. На шкале времени каждый блок зума можно настроить или удалить. Нажмите **Добавить зум**, чтобы поставить собственный блок на 1,5x, 2x или 3x, например на число, которое меняется без клика.

Эффекты кликов отмечают места нажатий. Настройка курсора может показывать плавный указатель, который следует по записанному пути, показывать только клики или скрывать указатель.

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

## Камера, голос и звук вкладки

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

Сначала запишите короткий пробный дубль, чтобы проверить уровни и положение пузыря.

## Обрезать и оформить дубль

Потяните маркеры в начале или конце сегмента, чтобы обрезать его. Отмена и повтор работают на шкале времени. Панель **Beautify** на боковой панели добавляет вокруг видео отступы, углы, тень и фон — ту же рамку, что предлагает редактор скриншотов.

## Экспортировать видео

**Экспорт в MP4** отрисовывает дубль с вашими зумами, звуковыми дорожками, пузырём камеры и рамкой и скачивает файл MP4 с видео H.264 и звуком AAC. Для файла WebM выберите WebM в списке рядом с кнопкой. Держите вкладку редактора видимой во время отрисовки, потому что отрисовка приостанавливается, когда вкладка скрыта.

MP4 ограничен размером 4096×2304 пикселей, поэтому более крупная вкладка уменьшается под этот размер. Браузер без записи MP4 экспортирует только WebM. Файл получает имя по вашему **Шаблон имени файла** из **Настройки**.

## Ограничения и хранение

Запись захватывает одну вкладку браузера. Другие окна, другие приложения и рабочий стол она не записывает. Внутреннюю страницу браузера или защищённую страницу записать нельзя.

Записи, журналы курсора и потоки камеры и микрофона остаются в хранилище браузера на вашем устройстве, пока вы их не удалите. Включите **Удалить запись после экспорта**, чтобы убрать дубль после сохранения файла. Ничего не загружается, если вы сами не поделитесь экспортированным файлом.

[Справка по записи](https://openscreenshot.app/ru/docs/#record) описывает все элементы управления. О статичных изображениях того же бага или функции см. [скриншоты для баг-репортов](https://openscreenshot.app/ru/use-cases/bug-reports/).

## Что дальше

[Прочитайте документацию](https://openscreenshot.app/ru/docs/), [посмотрите все руководства](https://openscreenshot.app/ru/blog/) или [получите помощь со снимком](https://openscreenshot.app/ru/support/).

---

Canonical page: https://openscreenshot.app/ru/use-cases/product-demos/