Полный экран, окно или вкладка
Захватывайте весь монитор, одно приложение или одну вкладку браузера. В многомониторной конфигурации вы выбираете, какой дисплей будет записываться.
Записывайте свой экран, отдельное окно или одну вкладку браузера — с веб-камерой и микрофоном сверху. Все записывается и кодируется на вашем устройстве, а файл попадает в загрузки в формате MP4.
01 Как это работает
Ничего не нужно устанавливать и ничего не нужно настраивать. Весь рекордер — это веб-страница, а средство выбора, которое вы видите при нажатии кнопки «Пуск», рисуется вашим браузером, а не нами.
Выберите источник
Выберите, хотите ли вы весь экран, одно окно приложения или одну вкладку браузера. Захват вкладки — самый четкий вариант для всего, что находится в интернете.
Включите звук и камеру
Включите микрофон для озвучивания, системный звук для записи того, что воспроизводит компьютер, и веб-камеру, если вы хотите, чтобы в углу был пузырь с говорящей головой.
Нажмите запись
Трехсекундный обратный отсчет дает вам время, чтобы перейти к нужному окну. Приостанавливайте запись, когда вам нужно, затем возобновляйте — пауза никогда не отображается в готовом файле.
Скачайте MP4
Нажмите «Стоп», и файл будет записан на месте. Сохраните его, поместите в редактор или отправьте туда, куда нужно. Ничего не загружалось ни в какой момент.
Панель общего доступа браузера остается видимой до тех пор, пока вы ведете запись, и остановка общего доступа там также останавливает запись и сохраняет то, что вы записали.
02 Что он записывает
Большинство бесплатных рекордеров экрана дают вам беззвучное видео экрана. Этот записывает три вещи, которые действительно нужны для полезного клипа, одновременно, в одном файле.
Полный экран, окно или вкладка
Захватывайте весь монитор, одно приложение или одну вкладку браузера. В многомониторной конфигурации вы выбираете, какой дисплей будет записываться.
Озвучивание микрофоном
Ваш голос записывается вместе с изображением с включенным подавлением эха и шума, поэтому микрофон ноутбука звучит приемлемо без гарнитуры.
Системный звук
Записывайте то, что воспроизводит компьютер — видео, звонок, игру — и это смешивается с вашим озвучиванием в одну звуковую дорожку.
Пузырь веб-камеры
Ваша камера компонуется в нижнем углу в виде круглого наложения, встраивается в само видео, так что оно сохраняется в любом редакторе, в котором вы его открываете.
До 1440p при 60 кадрах в секунду
Выберите 720p для того, что вы будете отправлять по электронной почте, 1080p для почти всего, и 1440p при 60 кадрах в секунду, когда вы записываете игровой процесс или быстрое движение.
Пауза и возобновление
Остановитесь на полуслове, соберитесь с мыслями и продолжайте. Пауза вырезается из временной шкалы вместо того, чтобы записываться как мертвый воздух.
03 Проблема формата
Это та часть, которую почти каждый браузерный рекордер делает неправильно, и это причина, по которой люди получают файл, который ничего не откроет.
Браузеры не согласны с форматами видео. Предоставленный сам себе, Chrome выдает вам файл WebM, Firefox выдает вам другой файл WebM, и только Safari производит MP4. WebM — это вполне хороший формат, но это неправильный формат, который можно получить по ошибке: Windows Photos может отказаться от него, iMovie и старые версии Premiere не будут импортировать его, а загрузка его на телефон или клиенту — это спор, который ждет своего часа.
Обычное решение — конвертировать файл после этого с помощью ffmpeg.wasm, что означает загрузку примерно тридцати мегабайт WebAssembly, прежде чем что-либо можно будет конвертировать, а затем ожидание, пока ваш ноутбук перекодирует всю запись во второй раз.
Мы делаем это по-другому. Там, где браузер может сам записывать MP4, мы позволяем ему — ничего не перекодируется, и файл готов в тот момент, когда вы нажимаете «Стоп». Везде, где мы кодируем с помощью WebCodecs, используя тот же аппаратный кодировщик H.264, который ваша машина уже использует для видеозвонков, и мультиплексируем результат в контейнер MP4 на странице. Никакой загрузки в тридцать мегабайт, никакой второй перекодировки, никакого сервера.
В результате получается обычный H.264 MP4 с аудио AAC: формат, который воспроизводится на пятнадцатилетнем телевизоре, импортируется в любой когда-либо написанный редактор и загружается на YouTube, Slack, WhatsApp и Google Drive без этапа конвертации.
| Типичный браузерный рекордер | screen-record.app | |
|---|---|---|
| Полученный файл | WebM в Chrome и Firefox | MP4 везде, где это возможно |
| Видеокодек | VP8 или VP9 | H.264 (AVC) |
| Аудиокодек | Opus | AAC-LC |
| Дополнительная загрузка для конвертации | ~30 МБ ffmpeg.wasm | Нет |
| Вторая перекодировка после записи | Да, полная длина | Нет |
| Открывается в iMovie, Premiere, Photos | Часто нет | Да |
Firefox пока не предлагает ни запись MP4, ни кодировщик H.264 для веб-страниц. Там вы получите файл WebM, и рекордер сообщит вам об этом до того, как вы его скачаете, а не после.
04 Куда идет ваша запись
Это стоит уточнить, потому что «приватный» — это слово, которое использует каждый инструмент записи, и почти ни один из них не имеет в виду буквально.
Ваш экран, микрофон и камера захватываются API браузера, которые передают данные на страницу, на которой вы находитесь. Эти данные поступают в кодировщик, который также работает внутри страницы, и выходят в виде файла, хранящегося в памяти вашего браузера. Кнопка загрузки указывает на этот файл в памяти. Ни в какой момент нет сетевого запроса, несущего видео, потому что сайт представляет собой набор статических файлов и не имеет бэкэнда, который мог бы его получить.
Практическое следствие заключается в том, что запись вашей банковской панели, внутреннего инструмента, записи пациента или невыпущенной сборки никогда не станет чьей-то проблемой. Вы даже можете отключиться от сети, прежде чем нажать запись — рекордер продолжает работать, потому что ему не нужен интернет после загрузки страницы.
Без аккаунта
Не нужно регистрироваться, поэтому нет профиля, с которым можно было бы связать запись.
Без загрузки
Файл создается в вашем браузере и остается там, пока вы его не сохраните.
Без водяных знаков
Ничего не накладывается на ваше видео, независимо от разрешения или длины.
Без ограничений по времени
Длительность записи ограничена вашим собственным диском и памятью, а не планом.
05 Что записывают люди
Запись экрана обычно быстрее, чем сообщение, которое вы собирались напечатать. Вот наиболее частые случаи.
Отчеты об ошибках
Покажите последовательность, которая ломает вещь. Тридцать секунд видео завершают ветку, которую электронная почта растянула бы на два дня.
Учебники и инструкции
Пройдите рабочий процесс с вашим голосом поверх него. Добавьте пузырь веб-камеры, когда вы хотите, чтобы объяснение казалось человеком, а не руководством.
Демонстрации продукта
Запишите поток один раз в 1080p и отправьте тот же чистый дубль всем, вместо того, чтобы проводить одну и ту же живую демонстрацию одиннадцать раз.
Обратная связь по дизайну
Обсудите макет, указывая на него. Тон голоса передает нюансы, которые письменные комментарии сглаживают.
Лекции и конспекты
Захватите слайд-презентацию с аудио лектора и сохраните ее для повторения, если это разрешено вашим учреждением.
Игровой процесс в браузере
1440p при 60 кадрах в секунду с системным звуком и комментарием микрофона, что достаточно для клипов и подборок лучших моментов.
Онбординг и передача дел
Запишите внутренний процесс один раз. Он остается полезным долго после того, как человек, который его записал, ушел.
Ответы поддержки
Ответьте на тот же вопрос клиента ссылкой на видео вместо девяти пронумерованных шагов, которые никто не выполняет.
06 Совместимость
Захват экрана — это функция браузера, а не операционной системы. Важно, в каком браузере вы открываете эту страницу, и используете ли вы вообще компьютер.
Каждый настольный браузер, выпущенный за последние несколько лет, поддерживает захват экрана, поэтому рекордер работает на Windows, macOS, Linux и ChromeOS без необходимости установки чего-либо. Разница между ними заключается в том, какой формат видео может записывать браузер, и именно этот пробел закрывает кодировщик.
Телефоны и планшеты — это другая история. Ни iOS, ни Android не позволяют веб-странице захватывать собственный экран устройства, и ни один браузер не может обойти это — это решение платформы, а не ограничение браузера. Вместо этого обе операционные системы поставляются со своим собственным рекордером экрана, и приведенные ниже руководства описывают, как их включить.
| Браузер | Захват экрана | Системный звук | Полученный файл |
|---|---|---|---|
| Chrome (настольный) | Да | Экран, окно и вкладка | MP4 |
| Edge (настольный) | Да | Экран, окно и вкладка | MP4 |
| Opera (настольный) | Да | Экран, окно и вкладка | MP4 |
| Safari (macOS) | Да | Только микрофон | MP4 |
| Firefox (настольный) | Да | Только микрофон | WebM |
| Любой браузер на iOS | Нет | — | Используйте встроенный рекордер iOS |
| Любой браузер на Android | Нет | — | Используйте встроенный рекордер Android |
Захват системного звука — это функция Chromium. В Safari и Firefox вы все еще можете записывать свой микрофон, но звук, воспроизводимый компьютером, не будет включен.
07 На телефоне
Если вы пришли сюда с телефона, приведенный выше рекордер не поможет — и стоит объяснить, почему, вместо того, чтобы позволить вам нажимать кнопки, которые ничего не делают.
Apple никогда не предоставляла возможность захвата экрана для Safari, и поскольку каждый браузер iOS обязан использовать движок Apple, Chrome и Firefox на iPhone также не могут этого сделать. Android занимает ту же позицию по той же причине безопасности: веб-страница, которая могла бы незаметно читать весь экран, была бы инструментом для фишинга.
Обе платформы решили эту проблему в операционной системе. В iOS с iOS 11 встроен рекордер экрана в Центр управления — он по умолчанию отключен, поэтому многие люди убеждены, что у их iPhone его нет. В Android есть эквивалент в быстрых настройках на Android 11 и более поздних версиях. Ни один из них ничего не стоит, ни один не имеет водяных знаков, и ни один не требует приложения.
iOS уже записывает ваш экран. Чего он не может, так это снимать вас одновременно — а реакция, комментарий или учебник без лица в углу — это просто отснятый материал. Reaction Cam — это небольшое приложение для iPhone, которое выполняет эту единственную задачу: вы выбираете уже имеющееся видео, оно снимает вашу реакцию поверх него, и вы получаете один клип.
09 Честное сравнение
Веб-рекордер не является правильным решением для каждой проблемы записи. Вот где каждый вариант действительно выигрывает.
| Этот рекордер | Настольные приложения (OBS, Camtasia) | Встроенные (Game Bar, macOS ⇧⌘5) | |
|---|---|---|---|
| Требуется установка | Нет | Да | Нет |
| Стоимость | Бесплатно | От бесплатно до 300 долларов | Бесплатно |
| Водяной знак | Никогда | Зависит от инструмента | Никогда |
| Наложение веб-камеры | Да, встроенное | Да, полностью настраиваемое | Нет |
| Системный звук | Браузеры Chromium | Да | Windows да, macOS требуется расширение |
| Работает на заблокированном рабочем ноутбуке | Да | Обычно заблокировано | Да |
| Многоисточниковые сцены и прямые трансляции | Нет | Да | Нет |
| Встроенное редактирование и субтитры | Нет | Да | Нет |
Если вам нужно переключение сцен, прямые трансляции или полная временная шкала редактирования, установите OBS — это бесплатно и лучше справляется с этим. Если вам нужен клип в течение следующих двух минут на машине, на которую вам не разрешено устанавливать программное обеспечение, это более быстрый ответ.
10 Вопросы
Все, что люди спрашивают до и после своей первой записи.
Да, и в прямом смысле этого слова. Нет аккаунта, нет пробной версии, срок действия которой истекает, нет ограничений на экспорт и нет платного уровня, который разблокирует разрешение, которое вы действительно хотели. Сайт состоит из статических файлов, и запись происходит на вашем компьютере, поэтому нет никаких поминутных затрат, которые кто-либо мог бы переложить на вас.
Нет. Захват экрана, доступ к камере и кодирование видео встроены в современные браузеры. Открытие этой страницы — это вся установка. Это также означает, что он работает на управляемых рабочих ноутбуках, где вам не разрешено устанавливать программное обеспечение.
Нет. Ничего не накладывается на ваше видео, независимо от разрешения или длины. Единственное, что компонуется на изображение, — это ваш собственный пузырь веб-камеры, и только если вы его включите.
Не нами наложенное. Практический потолок — это ваше собственное оборудование: файл хранится в памяти во время записи, поэтому очень долгая запись на машине с небольшим объемом свободной оперативной памяти может в конечном итоге исчерпать место. Для записей продолжительностью более часа при 1080p стоит разбивать их на части.
Нет, и не по политическим соображениям — по архитектурным. У сайта нет бэкэнда. Видео никогда не покидает страницу, на которой оно было создано, и вы можете убедиться в этом, открыв вкладку сети вашего браузера во время записи или отключившись от интернета, прежде чем нажать «Пуск». Рекордер продолжает работать в автономном режиме.
MP4 с видео H.264 и аудио AAC, в каждом браузере, который это позволяет. Это важно, потому что альтернативой является WebM, который Windows Photos, iMovie и старые версии Premiere откажутся открывать, и который многие формы загрузки отклоняют. MP4 — это формат, который просто работает везде.
Двумя способами, в зависимости от браузера. Safari и последние версии Chrome и Edge могут записывать MP4 напрямую, поэтому мы позволяем им — ничего не перекодируется. Старые версии Chromium не могут, поэтому мы кодируем с помощью WebCodecs, используя аппаратный кодировщик H.264 вашей машины, и собираем контейнер MP4 в JavaScript. Оба пути избегают загрузки тридцати мегабайт ffmpeg.wasm и второй полной перекодировки, которую она требует.
В Chrome, Edge и Opera — да, включите системный звук и выберите свой экран или вкладку. Safari и Firefox не предоставляют системный звук веб-страницам, поэтому там вы можете записывать свой микрофон, но не вывод компьютера. В Windows захват звука конкретного окна менее надежен, чем захват всего экрана или вкладки браузера. Запись всего экрана или одной вкладки — это решение.
Да. Включите микрофон перед началом. Если системный звук также включен, они смешиваются в одну звуковую дорожку, поэтому вы не получите файл, в котором ваше озвучивание находится на одном канале, а звук видео — на другом.
Да. Включите переключатель веб-камеры, и ваша камера появится в виде круглого пузыря в нижнем углу. Она компонуется в само видео, а не сохраняется как отдельный слой, что означает, что она сохраняется при открытии в любом редакторе, но также означает, что ее нельзя переместить после факта.
Chrome, Edge, Opera, Safari и Firefox на настольных компьютерах, на Windows, macOS, Linux и ChromeOS. Chrome, Edge и Opera предоставляют полный набор функций, включая системный звук. Safari записывает без системного звука. Firefox записывает без системного звука и производит WebM вместо MP4, и рекордер предупреждает вас об этом перед загрузкой.
Потому что Apple не предоставляет возможность захвата экрана веб-страницам, ни в Safari, ни в любом другом браузере iOS — все они обязаны использовать движок Apple. Это ограничение платформы, а не отсутствующая функция, и ни один веб-сайт не может обойти его. В iOS встроен собственный рекордер экрана в Центр управления, и наше руководство по iPhone описывает, как его включить.
Android имеет то же ограничение: веб-страница не может захватывать экран устройства. Android 11 и более поздние версии включают рекордер экрана в быстрых настройках — проведите вниз дважды, нажмите «Запись экрана» и выберите, включать ли аудио. Chrome на планшете Android в настольном режиме все еще не может этого сделать.
Технически да — запишите экран или вкладку, на которой работает звонок, с включенным системным звуком, чтобы захватить других участников. Юридически и этически, сначала сообщите всем. Многие юрисдикции требуют согласия всех сторон на запись разговора, и большинство рабочих мест имеют политику, которая строже закона.
Стриминговые сервисы используют DRM, который предписывает графическому стеку исключать защищенное видео из любого захвата. Запись удается, но эта область получается черной. Это затрагивает каждый рекордер экрана, включая настольные приложения, и это работает так, как задумано. Запись потоковых фильмов также является нарушением авторских прав в большинстве стран, поэтому это одно ограничение, которое стоит оставить в покое.
Туда, куда ваш браузер сохраняет загрузки — обычно в папку «Загрузки». Файл назван с датой и временем записи, поэтому папка, полная таких файлов, остается сортируемой.
Примерно от 30 до 60 МБ в минуту при 1080p30, в зависимости от того, сколько движения на экране. Содержимое экрана хорошо сжимается, потому что большая часть кадра статична, поэтому учебник на основе слайдов намного меньше, чем игровой процесс. Выбор 720p примерно уменьшает его вдвое.
720p при 30 кадрах в секунду для всего, что вы будете отправлять по электронной почте или вставлять в заявку. 1080p при 30 кадрах в секунду для учебников и демонстраций, что является правильным ответом в большинстве случаев. 1440p при 60 кадрах в секунду только для игрового процесса или быстрого движения — это производит гораздо большие файлы и требует гораздо больше от вашего процессора.
Да. Приостановите, сделайте то, что вам нужно было сделать, затем возобновите. Приостановленный интервал удаляется из временной шкалы, поэтому в готовом видео нет мертвого воздуха и видимого скачка в таймкоде.
Нет, и это сделано намеренно. Этот инструмент выполняет одну задачу. Созданный им MP4 открывается в любом редакторе, поэтому обрезайте его в том, что вы уже используете — CapCut, iMovie, Clipchamp, DaVinci Resolve или Premiere.
Три обычные причины. Переключатель микрофона был выключен до того, как вы нажали запись, и параметры блокируются после начала записи. Или вы используете Safari или Firefox, которые не предоставляют системный звук веб-страницам. Или, в Chrome, вы выбрали окно, а не экран или вкладку — захват окна ненадежно передает звук в Windows. Запись всего экрана или одной вкладки — это решение.
Да, и для всего, что основано на веб-технологиях, это лучший вариант. Захват вкладки следует за вкладкой, а не за областью экрана, поэтому уведомления, другие окна и обои рабочего стола никогда не появляются. Это также дает самый чистый звук, потому что он захватывает звук именно этой вкладки.
После загрузки страницы — да. Во время записи не требуется никаких запросов, поэтому рекордер продолжает работать при отключенной сети. Это также самый простой способ убедиться, что ничего не загружается.
Сама запись никогда не покидает вашу машину, поэтому инструмент не создает никакой угрозы. Оставшийся риск — это файл, который вы только что создали: он находится в вашей папке «Загрузки», как любое другое видео, поэтому обращайтесь с ним с той осторожностью, которую заслуживает его содержимое, и помните, что все, что видно на экране — уведомления, вкладки, закладки — теперь находится в записи.
Запись завершится и будет сохранена, точно так же, как если бы вы нажали «Стоп» здесь. Вы не потеряете то, что уже записали.
Да. Выберите «Экран», и средство выбора браузера отобразит все подключенные дисплеи. Выберите нужный. Каждая запись захватывает один дисплей, поэтому для одновременного охвата двух мониторов выберите окно или вкладку, которые вам действительно нужны.
Потому что это отдельные решения, и браузер рассматривает их именно так. Совместное использование экрана предоставляется для каждой записи через средство выбора; камера и микрофон предоставляются для каждого сайта. Отказ от любого из них только удаляет этот ввод — запись все равно продолжается без него.
Запись собственного экрана, как правило, допустима. Что может пересечь черту, так это то, что на нем: запись голосов или видео других людей без согласия, захват защищенных авторским правом фильмов или платных курсов, или экспорт корпоративных данных. Инструмент не может судить ни о чем из этого, поэтому ответственность за это остается за вами.