Запис екрана та камери
Записуйте екран із накладанням вебкамери в куті завдяки композиції на canvas у браузері. Приватне локальне завантаження у форматі WebM.
🔒 Працює повністю у вашому браузері — нічого не завантажуєтьсяЗапишіть презентацію з камерою в куті екрана
Запис екрана часто легше дивитися, коли глядачі бачать і того, хто презентує. Цей інструмент захоплює вибране джерело екрана та вашу вебкамеру, малює обидва на canvas у браузері й записує цей canvas як новий відеопотік. Вебкамера з’являється як накладання «картинка в картинці» в правому нижньому куті, тож завантажений WebM уже містить об’єднане зображення. Жодні відеокадри не завантажуються для композиції, і жоден бекенд-сервіс не отримує вміст вашої камери чи екрана. Усе необхідне для фінального макета відбувається в одній вкладці після того, як ви надасте браузеру дозволи.
Робочий процес використовує сучасні API браузера: getDisplayMedia для екрана, getUserMedia для камери та мікрофона, captureStream для canvas із готовим відео та MediaRecorder для підсумкового файлу. Якщо браузер також може захопити звук вкладки чи системи через вікно вибору екрана, цей звук змішується з мікрофоном у браузері перед записом.
Найкраще застосування та поточні обмеження
Використовуйте запис екрана та камери для демонстрацій продуктів, пояснення уроків, покрокових оглядів і асинхронних оновлень, де обличчя додає контексту. Оскільки накладання малюється в реальному часі, дуже старі пристрої можуть не впоратися з екранами високої роздільності. Підтримка системного звуку також залежить від браузера, а запис canvas потребує браузера з реалізацією captureStream. Інструмент перевіряє ці можливості перед стартом і зрозумілою мовою повідомляє про проблеми з дозволами чи підтримкою.
Підготовка чистої композиції
Розташуйте вміст, який плануєте показати, перш ніж натиснути «Старт», і тримайте важливі кнопки подалі від правого нижнього кута, де з’являється накладання вебкамери. Оберіть тихе приміщення та гарне фронтальне освітлення, щоб зображення з камери залишалося корисним і в меншому розмірі. Якщо записуєте довге навчальне заняття, подумайте про кілька коротших відео. Менші записи легше переглядати, перезаписувати та надсилати іншим після локального завантаження.
Як користуватися
- Оберіть екранПочніть запис і виберіть екран, вікно або вкладку, якими хочете поділитися.
- Дозвольте камеруНадайте дозвіл на вебкамеру та мікрофон, щоб можна було додати накладання з ведучим.
- ЗаписуйтеБраузер складає екран і попередній перегляд камери на canvas, поки працює таймер.
- ЗавантажтеЗупиніть запис і збережіть локальний файл WebM із вже вбудованим накладанням.