Запись экрана
Записывайте экран, окно или вкладку браузера вместе с системным звуком и микрофоном, затем обрезайте запись на временной шкале и скачивайте её в формате MP4, WebM или GIF прямо в браузере.
Ввод
Вывод
Документация
Что такое средство записи экрана?
Средство записи экрана создаёт видео происходящего на вашем экране: всего дисплея, окна приложения или отдельной вкладки браузера. Это самый быстрый способ показать bug разработчику, провести коллегу по настройкам, записать учебное видео или презентацию либо сохранить копию видеозвонка. Если включить микрофон, можно комментировать происходящее во время записи.
Описание инструмента
Этот инструмент записывает экран прямо в браузере, без установки приложения или расширения. Выберите, чем поделиться, в диалоговом окне браузера, записывайте звук экрана и микрофона, приостанавливайте и возобновляйте запись по мере необходимости, а после завершения остановите её. Затем запись откроется в проигрывателе с временной шкалой, где можно обрезать начало и конец и скачать видео в исходном формате, формате MP4 или в виде анимированного GIF. Ничего не загружается на сервер: видео записывается и обрабатывается на вашем устройстве.
Возможности
- Запись всего экрана, окна или вкладки браузера
- Запись системного звука или звука вкладки, микрофона либо обоих источников, объединённых вместе; выбор используемого микрофона
- Запись в формате MP4 (H.264) или WebM (VP9 или VP8) в зависимости от поддержки браузера
- Выбор разрешения: от исходного размера до 480p, частоты кадров от 15 до 60 кадров/с и качества видео
- Обратный отсчёт 3, 5 или 10 секунд перед началом записи, чтобы можно было перейти к нужному окну
- Приостановка и возобновление записи с предварительным просмотром в реальном времени, отображением длительности записи и увеличением размера файла
- Остановка из инструмента или с помощью собственной кнопки браузера «Прекратить демонстрацию»
- Обрезка записи на временной шкале с миниатюрами и визуальным представлением звуковой волны; перетаскивание маркеров начала и конца или ввод времени вручную
- Скачивание записи в исходном виде, обрезка без повторного кодирования или конвертация в MP4 либо анимированный GIF
- В записи WebM добавляется её длительность, благодаря чему проигрыватели показывают продолжительность и позволяют перемещаться по видео
Как это работает
Инструмент запрашивает у браузера доступ к экрану с помощью Screen Capture API и записывает изображение и звук с помощью MediaRecorder API. Когда одновременно включены системный звук и микрофон, оба источника объединяются в одну дорожку с помощью Web Audio API. Браузеры записывают файлы WebM, пока их длительность ещё неизвестна, поэтому после остановки записи инструмент добавляет длительность в заголовок файла. Обрезка и конвертация выполняются с помощью FFmpeg, скомпилированного в WebAssembly, прямо на вашем устройстве. При сохранении исходного формата видео копируется без повторного кодирования — это быстро и не приводит к потере качества, но обрезка начинается с ближайшего ключевого кадра. При конвертации в MP4 видео повторно кодируется с использованием H.264 и AAC, а GIF создаётся с частотой 10 кадров/с и максимальной шириной 960 пикселей.
Советы
- В Chrome и Edge звук вкладки браузера можно передавать всегда. Возможность передавать звук всего экрана зависит от системы, поэтому, если вам нужен звук, выберите вкладку.
- Включите передачу звука в диалоговом окне браузера — иначе в записи не будет системного звука, даже если включена функция «Записывать системный звук».
- MP4 — лучший вариант для отправки записи, поскольку он воспроизводится почти на любом устройстве. Если браузер предлагает только WebM, при скачивании конвертируйте запись в MP4.
- Текст на экране остаётся чётким при исходном разрешении и высоком или очень высоком качестве. Чтобы уменьшить размер файлов, снизьте разрешение или качество.
- GIF не содержит звука и быстро увеличивается в размере, поэтому обрежьте его до нескольких нужных секунд.
- При первой обрезке или конвертации скачивается FFmpeg размером около 30 МБ. Для скачивания записи в исходном виде скачивание не требуется.
- Мобильные браузеры не могут записывать экран. Используйте браузер на компьютере, например Chrome, Edge, Firefox или Safari.