Блог

Как записать экран вместе с веб-камерой в одном видео

Автор InSnap · Опубликовано · запись экрана, веб-камера, наложение камеры, демо, mac, windows

Как записать экран вместе с веб-камерой в одном видео

Запись экрана с лицом в углу делает демо личным. Как ведёт себя кружок камеры во время записи и как он попадает в итоговое видео.

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

В этой статье — где находится кружок камеры во время записи, что с ним происходит после нажатия «Стоп» и какой из двух способов записи выбрать.

Два способа, которыми камера попадает в видео

Панель записи InSnap предлагает два способа, и с камерой они обращаются по-разному:

  • Быстрая запись рисует кружок камеры в картинку прямо во время записи и сохраняет готовый MP4. Кружок есть в файле — точно таким, каким он был на экране.
  • Записать и редактировать держит камеру отдельной видеодорожкой. Затем редактор накладывает кружок поверх записи экрана, где его можно двигать, менять размер, форму или скрыть на части клипа.

Оба захватываются одновременно и идут по одним часам, поэтому звук и ваше лицо остаются синхронными.

Панель записи

Опция камеры по умолчанию выключена. При первом включении она запрашивает разрешение на камеру: на macOS приглашение показывает сама система, а в Windows заблокированная камера сообщает об ошибке со ссылкой на настройки конфиденциальности.

Как кружок выглядит во время записи

В режиме «Записать и редактировать» кружок — это предпросмотр над вашим контентом: вы его видите, чтобы проверить кадр, но в захват экрана он не попадает. Камера пишется отдельным видео по тем же часам, что и экран, поэтому редактор потом ставит его без расхождения.

В «Быстрой записи» кружок — часть захвата: он стоит там, где вы его оставили, того размера, который вы задали, и зрители видят его в результате.

Подготовка перед записью

Несколько решений делают результат намеренным, а не случайным:

  • Сначала выберите область. Записывайте окно приложения или область, которую объясняете, а не весь рабочий стол; окно 16:9 не даёт кружку налезать на лишний фон.
  • Оставьте свободный угол. Ставьте кружок туда, где нет контента; обычно это правый нижний угол, но если графики у вас справа, лучше может быть слева.
  • Держите его маленьким. Кружок размером 15–20% короткой стороны кадра читается как присутствие; кружок в треть ширины спорит с контентом.
  • Решите, нужно ли вас видеть. Короткий технический клип часто читается и без камеры; обзор для клиента обычно выигрывает от неё.

Размещение и форма кружка в редакторе

В режиме «Записать и редактировать» камера — это дорожка в видеоредакторе. Откройте раздел камеры, и вы можете:

  • Перетащить кружок в любое место или перетащить его в предпросмотре, где пунктирный контур показывает, куда он встанет.
  • Задать его размер как долю холста и выбрать прямоугольную, скруглённую или круглую форму.
  • Отразить его — естественная ориентация, когда вы что-то поднимаете.
  • Скрыть его на части клипа с помощью дорожки камеры, которая делится так же, как видео.

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

Параметры фона и холста в редакторе

Короткий разбор от начала до конца

  1. Решите, зачем нужен клип: демо для клиента или техническая заметка для коллеги. От этого зависит, помогает ли камера.
  2. Откройте приложение, которое будете показывать, и задайте нужный размер окна в видео.
  3. Начните захват, выделите область, включите камеру и проверьте предпросмотр.
  4. Записывайте: говорите со зрителем, кликайте медленно и делайте паузы там, где хотите прокомментировать.
  5. Остановите запись, а если использовали «Записать и редактировать», откройте редактор. Обрежьте начало и конец, поставьте кружок, экспортируйте.
  6. Отправьте MP4 или поделитесь им ссылкой вместо вложения.
ГОТОВАЯ ЗАПИСЬ С ЭФФЕКТАМИ ХОЛСТА И КУРСОРА

Что требует Pro

Запись экрана бесплатна, и камеру можно записывать базовым захватом экрана. Эффекты редактора вокруг неё (положение и форма камеры, авто-зум, фон, экспорт в высоком качестве) входят в Pro — разовую покупку за $15 с покрытием до трёх устройств. Первая открытая функция Pro предлагает 7-дневную пробную версию без аккаунта; после неё инструменты Pro возвращаются к бесплатному набору.

Значит, запись экрана с камерой можно начать на бесплатной версии; доработки в редакторе — это и есть часть Pro.

Частые вопросы

Кружок камеры попадёт в «Быструю запись»?

Да. В «Быстрой записи» кружок рисуется в картинку прямо во время записи, и сохранённый MP4 содержит его там, где вы его поставили.

Можно ли переместить кружок камеры после записи?

Да, если вы использовали «Записать и редактировать». Там камера — отдельная дорожка, и редактор позволяет её двигать, менять размер, форму или скрывать на части клипа.

Нужен ли Pro, чтобы записывать с веб-камерой?

Захват экрана и запись камеры бесплатны. Инструменты редактора, которые размещают наложение камеры, задают его форму и экспортируют вместе с другими эффектами, входят в Pro.

Почему опция камеры серая?

Она появляется, только когда приложению доступна камера. Если она серая, значит камеры нет, у приложения нет разрешения или камеру занимает другое приложение. В Windows проверьте Параметры › Конфиденциальность › Камера.

Как записать экран со звуком на Mac и Windows

Как записать экран с системным звуком и микрофоном на Mac и Windows: что умеют и чего не умеют встроенные средства записи и как это сделать в InSnap.

Как сделать GIF из записи экрана без видеоредактора

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

Альтернатива Snipping Tool для Windows и Mac: что выбрать

Snipping Tool встроен в Windows и годится для быстрых снимков. Что он умеет, где заканчиваются его возможности и чем от него отличается InSnap на Windows и Mac.

Как измерить цвета и отступы по скриншоту

Проверьте HEX-цвет, рамку в 1 px или точный промежуток между элементами, не открывая дизайнерское приложение. Лупа, пипетка и размер выделения всё сделают.

Следующий скриншот — в одном сочетании клавиш.

macOS 14.4+ (Apple Silicon и Intel) · Windows 10+ (64-разрядная)