Весь екран, вікно або вкладка
Записуйте весь монітор, окрему програму чи одну вкладку браузера. Якщо моніторів кілька, ви самі вибираєте, який із них потрапить у запис.
Записуйте весь екран, окреме вікно чи одну вкладку браузера — а заразом вебкамеру й мікрофон. Усе записується й кодується на вашому пристрої, а готовий MP4 потрапляє в папку завантажень.
01 Як це працює
Нічого не треба встановлювати чи налаштовувати. Увесь рекордер — це вебсторінка, а вікно вибору, яке з'являється після натискання «Почати запис», показує ваш браузер, а не ми.
Виберіть джерело
Виберіть, що записувати: весь екран, вікно програми чи одну вкладку браузера. Для всього, що відкривається в браузері, запис вкладки дає найчіткішу картинку.
Увімкніть звук і камеру
Увімкніть мікрофон для голосового коментаря, системний звук — щоб записати те, що відтворює комп'ютер, і вебкамеру, якщо хочете, щоб у кутку було видно ваше обличчя.
Почніть запис
Трисекундний відлік дає час перейти до потрібного вікна. Ставте запис на паузу, коли потрібно, і продовжуйте — у готовому файлі паузи не буде видно.
Завантажте MP4
Зупиніть запис — і файл буде готовий тієї ж миті. Збережіть його, відкрийте в редакторі або надішліть куди потрібно. Жодного разу нічого не завантажувалося на сервер.
Панель спільного доступу браузера видно весь час, поки триває запис. Якщо зупинити доступ на ній, запис теж зупиниться, а все вже записане збережеться.
02 Що записується
Більшість безкоштовних рекордерів дають вам німе відео з екрана. Цей одночасно й в одному файлі записує три речі, без яких відео справді не обійдеться.
Весь екран, вікно або вкладка
Записуйте весь монітор, окрему програму чи одну вкладку браузера. Якщо моніторів кілька, ви самі вибираєте, який із них потрапить у запис.
Голосовий коментар
Голос записується разом із зображенням з увімкненими ехоподавленням і шумозаглушенням, тож навіть мікрофон ноутбука звучить пристойно без гарнітури.
Системний звук
Записуйте те, що відтворює комп'ютер, — відео, дзвінок, гру. Цей звук зводиться з вашим голосом в одну аудіодоріжку.
Вебкамера в кружечку
Зображення з камери накладається в нижній кут у вигляді кола й вбудовується прямо у відео, тож нікуди не зникне, хоч у якому редакторі ви його відкриєте.
До 1440p і 60 кадрів/с
720p — для відео, яке надсилатимете поштою, 1080p — майже для всього, а 1440p і 60 кадрів/с — для ігор і динамічних сцен.
Пауза й продовження
Зупиніться на півслові, зберіться з думками й продовжуйте. Пауза просто вирізається з відео, а не залишається в ньому секундами тиші.
03 Проблема з форматом
Саме тут помиляється майже кожен браузерний рекордер — і саме через це люди отримують файл, який нічим не відкривається.
Браузери не можуть домовитися про формат відео. Якщо нічого не робити, Chrome видасть вам файл WebM, Firefox — інший WebM, і лише Safari записує MP4. WebM — цілком нормальний формат, але несподівано отримати саме його — неприємно: «Фотографії» у Windows можуть його не відкрити, iMovie і старіші версії Premiere не імпортують, а надіслати такий файл на телефон чи клієнтові — певний привід для суперечки.
Зазвичай файл потім конвертують за допомогою ffmpeg.wasm, а це означає: спершу завантажити близько тридцяти мегабайтів WebAssembly, а потім чекати, поки ноутбук вдруге перекодує весь запис.
Ми робимо інакше. Там, де браузер сам уміє записувати MP4, ми йому це й доручаємо — нічого не перекодовується, і файл готовий тієї ж миті, коли ви зупиняєте запис. В усіх інших випадках ми кодуємо через WebCodecs — тим самим апаратним кодером H.264, який ваш комп'ютер уже використовує для відеодзвінків, — і пакуємо результат у контейнер MP4 прямо на сторінці. Жодних тридцяти мегабайтів, жодного повторного перекодування, жодного сервера.
У результаті ви отримуєте звичайний MP4 з відео H.264 і звуком 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 і «Фотографіях» | Часто ні | Так |
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 11 і новіших аналогічна функція є у швидких налаштуваннях. Обидві безкоштовні, без водяних знаків і не потребують жодної програми.
iOS уже вміє записувати екран. Чого вона не вміє — це одночасно знімати вас. А реакція, коментар чи урок без обличчя в кутку — це просто відеоряд. Reaction Cam — невелика програма для iPhone, яка робить саме це: ви вибираєте відео, що вже є на телефоні, вона знімає вашу реакцію поверх нього, і ви отримуєте один готовий кліп.
09 Чесне порівняння
Вебрекордер — не найкраща відповідь на будь-яке завдання із запису. Ось де кожен варіант справді виграє.
| Цей рекордер | Програми для комп'ютера (OBS, Camtasia) | Вбудовані (Ігрова панель Xbox, macOS ⇧⌘5) | |
|---|---|---|---|
| Потрібне встановлення | Ні | Так | Ні |
| Вартість | Безкоштовно | Від безкоштовних до 300 $ | Безкоштовно |
| Водяний знак | Ніколи | Залежить від інструменту | Ніколи |
| Накладання вебкамери | Так, вбудовано | Так, із гнучким налаштуванням | Ні |
| Системний звук | Браузери на Chromium | Так | Windows — так, macOS — потрібне розширення |
| Працює на робочому ноутбуці з обмеженими правами | Так | Зазвичай заблоковано | Так |
| Сцени з кількох джерел і прямі трансляції | Ні | Так | Ні |
| Вбудований монтаж і субтитри | Ні | Так | Ні |
Якщо потрібні перемикання сцен, прямі трансляції чи повноцінний монтаж на таймлайні — встановіть OBS: він безкоштовний і з цим справляється краще. Якщо ж кліп потрібен за дві хвилини на комп'ютері, де вам не можна встановлювати програми, — тут буде швидше.
10 Запитання
Усе, про що питають до першого запису і після нього.
Так, у прямому сенсі слова. Немає облікового запису, пробного періоду, що закінчується, обмежень на експорт чи платного тарифу, який відкриває потрібну вам роздільну здатність. Сайт — це статичні файли, а запис відбувається на вашому комп'ютері, тож немає жодних похвилинних витрат, які хтось міг би перекласти на вас.
Ні. Запис екрана, доступ до камери й кодування відео вбудовані в сучасні браузери. Уся «установка» — це відкрити цю сторінку. Тож рекордер працює й на корпоративних ноутбуках, де вам не дозволено встановлювати програми.
Ні. На відео нічого не накладається — за будь-якої роздільної здатності й тривалості. Єдине, що може з'явитися поверх зображення, — кружечок вашої вебкамери, і лише якщо ви його ввімкнете.
Ми його не встановлюємо. Практична межа — ваше обладнання: під час запису файл зберігається в пам'яті, тож дуже довгий запис на комп'ютері з малим обсягом вільної оперативної пам'яті зрештою може її вичерпати. Записи понад годину в 1080p краще розбивати на частини.
Ні, і це питання не політики, а архітектури. У сайту немає серверної частини. Відео ніколи не залишає сторінку, на якій створене, — перевірити це можна, відкривши під час запису вкладку «Мережа» в інструментах розробника браузера або відключившись від інтернету, перш ніж почати запис. Рекордер працюватиме й офлайн.
MP4 з відео H.264 і звуком AAC — у кожному браузері, де це можливо. Це важливо, бо альтернатива — WebM, який «Фотографії» у Windows, 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 запис вікна не завжди передає звук. Рішення — записувати весь екран або одну вкладку.
Так, і для всього, що працює в браузері, це найкращий варіант. Запис вкладки стежить саме за вкладкою, а не за ділянкою екрана, тож сповіщення, інші вікна й шпалери робочого столу в кадр не потрапляють. До того ж звук найчистіший, бо записується лише звук цієї вкладки.
Так, щойно сторінка завантажилася. Під час запису не потрібно робити жодних запитів, тож рекордер працює навіть із вимкненою мережею. Це й найпростіший спосіб самому переконатися, що нічого нікуди не завантажується.
Сам запис ніколи не залишає ваш комп'ютер, тож інструмент жодних ризиків не додає. Залишається тільки сам файл: він лежить у папці «Завантаження», як будь-яке інше відео, тож поводьтеся з ним так обережно, як того вимагає його вміст. І пам'ятайте: усе, що було видно на екрані, — сповіщення, вкладки, закладки — тепер є і в записі.
Запис завершиться й збережеться — так само, як якби ви зупинили його тут. Уже записане не втратиться.
Так. Виберіть «Екран», і у вікні вибору браузера з'являться всі підключені дисплеї. Виберіть потрібний. Один запис охоплює лише один дисплей, тож замість того щоб записувати два монітори одночасно, виберіть вікно чи вкладку, які вам справді потрібні.
Бо це окремі рішення, і браузер так їх і розглядає. Доступ до екрана надається для кожного запису через вікно вибору, а до камери й мікрофона — для сайту загалом. Якщо відмовити в одному з них, зникне лише це джерело — запис усе одно відбудеться без нього.
Записувати власний екран загалом можна. Межу можна перетнути через те, що на ньому: запис голосу чи відео інших людей без їхньої згоди, захищених авторським правом фільмів чи платних курсів, винесення корпоративних даних. Інструмент не може цього оцінити, тож відповідальність лишається за вами.