Запись экрана и камеры
Записывайте экран с наложением веб-камеры в углу благодаря композиции на canvas в браузере. Приватная локальная загрузка в формате WebM.
🔒 Работает полностью в вашем браузере — ничего не загружаетсяЗапишите презентацию с камерой в углу экрана
Запись экрана часто проще смотреть, когда зрители видят и того, кто выступает. Этот инструмент захватывает выбранный источник экрана и вашу веб-камеру, рисует обе картинки на canvas в браузере и записывает этот canvas как новый видеопоток. Веб-камера появляется как наложение «картинка в картинке» в правом нижнем углу, поэтому скачанный файл WebM уже содержит объединённое изображение. Для композиции не загружаются никакие видеокадры, и ни один бэкенд-сервис не получает содержимое вашей камеры или экрана. Всё необходимое для итоговой раскладки происходит в одной вкладке после того, как вы выдадите браузеру разрешения.
Рабочий процесс использует современные API браузера: getDisplayMedia для экрана, getUserMedia для камеры и микрофона, captureStream для canvas с готовым видео и MediaRecorder для итогового файла. Если браузер также может захватить звук вкладки или системы через окно выбора экрана, этот звук смешивается с микрофоном в браузере перед записью.
Лучшие сценарии использования и текущие ограничения
Используйте запись экрана и камеры для демонстраций продуктов, объяснения уроков, пошаговых обзоров и асинхронных обновлений, где лицо добавляет контекст. Поскольку наложение рисуется в реальном времени, очень старые устройства могут не справиться с экранами высокого разрешения. Поддержка системного звука также зависит от браузера, а запись canvas требует браузера с реализацией captureStream. Инструмент проверяет эти возможности перед запуском и понятным языком сообщает о проблемах с разрешениями или поддержкой.
Подготовка аккуратной композиции
Расположите содержимое, которое собираетесь показать, прежде чем нажать «Старт», и держите важные кнопки подальше от правого нижнего угла, где появляется наложение веб-камеры. Выберите тихое помещение и хорошее фронтальное освещение, чтобы изображение с камеры оставалось полезным и в меньшем размере. Если вы записываете длинное обучающее занятие, подумайте о нескольких более коротких роликах. Небольшие записи проще просматривать, перезаписывать и отправлять другим после локальной загрузки.
Как использовать
- Выберите экранНачните запись и выберите экран, окно или вкладку, которыми хотите поделиться.
- Разрешите камеруДайте разрешение на веб-камеру и микрофон, чтобы можно было добавить наложение с ведущим.
- ЗаписывайтеБраузер собирает экран и предварительный просмотр камеры на canvas, пока идёт таймер.
- СкачайтеОстановите запись и сохраните локальный файл WebM с уже встроенным наложением.