Запись экрана онлайн — бесплатно, прямо в браузере

Как это работает

1. 1
   Сначала выберите качество и звук Укажите 1440p, 1080p или 720p и отметьте нужный звук. Микрофон пишет ваш голос, а «звук вкладки» — то, что играет на странице. Обе галочки важно поставить до старта: браузер спрашивает разрешения только один раз за сеанс захвата.
2. 2
   Начните запись и выберите источник Нажмите «Начать запись». Браузер покажет своё окно выбора с тремя вкладками: весь экран, окно программы и вкладка. Захват вкладки даёт самый чёткий текст и в Chrome и Edge это единственный режим, который умеет писать звук самой страницы.
3. 3
   Остановите, посмотрите и скачайте Нажмите «Стоп» — или кнопку «Остановить доступ» в панели браузера. Видео появится в плеере ниже вместе с длительностью, размером, разрешением и средним битрейтом. Просмотрите и скачайте WebM: до нажатия кнопки файл нигде не сохраняется.

Часто задаваемые вопросы

Видео уходит на сервер?

Нет. getDisplayMedia передаёт кадры сразу в MediaRecorder внутри вкладки, и результат лежит в памяти как blob. Сайт — это статические файлы на CDN, принимать видео тут попросту нечему. Обратная сторона: перезагрузка страницы стирает запись, поэтому скачивайте файл до закрытия вкладки.

Какая максимальная длительность записи?

Инструмент ничего не ограничивает, потолок задаёт оперативная память. В режиме 1080p выходит примерно 30 МБ в минуту, то есть сорокаминутная лекция — около 1,2 ГБ в памяти. Для записей дольше получаса лучше взять 720p или разбить материал на части: браузеру станет тяжело раньше, чем файлу.

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

Частично. Chrome и Edge на Windows умеют писать звук вкладки, а при захвате всего экрана — и системный звук, если поставить галочку в окне выбора. На macOS браузер вообще не имеет доступа к системному выводу: это ограничение операционной системы, а не баг. Firefox звук вкладки тоже не отдаёт. Микрофон работает везде.

Почему нельзя скачать MP4?

MediaRecorder в Chrome, Edge и Firefox пишет WebM (VP9 или VP8 плюс Opus). Конвертация в MP4 прямо в браузере означает загрузку FFmpeg, собранного в WebAssembly: десятки мегабайт и несколько минут перекодирования длинного ролика. WebM открывают все современные браузеры, VLC и Premiere, а YouTube, Google Диск, Slack и Discord принимают его как есть.

Пауза разрезает файл на части?

Нет. Пауза и продолжение работают в рамках одной сессии MediaRecorder, поэтому пропущенный кусок просто отсутствует на таймлайне, а файл остаётся один. Таймер считает только записанное время — именно его вы потом увидите в характеристиках.

Можно одновременно писать веб-камеру в углу экрана?

Здесь — нет. Картинка в картинке требует покадровой отрисовки двух потоков на canvas, это отдельный инструмент. Обходной путь простой: откройте предпросмотр камеры в плавающем окне через проверку веб-камеры и захватывайте весь экран — камера попадёт в кадр.

Работает ли это на телефоне или планшете?

Нет. В Safari на iOS и в Chrome для Android метода getDisplayMedia нет: мобильные системы оставляют захват экрана своим встроенным средствам. Пользуйтесь записью из пункта управления или шторки. На компьютере подойдут Chrome, Edge, Firefox и Opera.

Запись получилась размытой, текст «плывёт» — что делать?

Причин обычно две. Первая: вы пишете весь экран с 4K-монитора, а кодируется он в 1080p, так что всё уменьшается — выберите захват окна или вкладки. Вторая: VP9 тратит битрейт на движение, и статичный текст становится резким лишь через секунду после остановки кадра. Поднимите качество до 1440p и не прокручивайте страницу рывками во время рассказа.

Из блога

Похожие инструменты