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