Как записать экран и вкладку Chrome со звуком: история mykyta Record

Иногда видео нужно не для канала и не для монтажа. Нужно показать коллеге ошибку, объяснить действие на сайте или сохранить короткую демонстрацию. В этот момент хочется открыть Chrome, выбрать вкладку или экран, записать голос и получить файл. Без аккаунта, загрузки в облако и долгого знакомства с видеоредактором.

Из этой маленькой задачи вырос mykyta Record — расширение для записи экрана и вкладок Chrome. Оно ещё не доступно в магазине: на момент написания статьи карточка находится в черновике Chrome Web Store. Пока мы готовим её к отправке на проверку, я хочу показать не только результат, но и путь: какие вопросы обнаружились, почему интерфейс менялся и что в нём сделано сознательно.

На раннем прототипе уже были выбор источника, микрофон, звук вкладки и качество. Но рядом с логотипом mykyta. стояло крупное слово Record с засечками. Выглядело так, будто встретились два разных продукта. Мы убрали этот конфликт: в новой шапке остаётся узнаваемый логотип, а назначение продукта сообщается спокойно и без второго «бренда».

Эта правка кажется косметической, но она задала тон всему остальному. Записывающий инструмент должен помогать ориентироваться, а не забирать внимание на себя. Ниже — настоящий кадр раннего интерфейса, до переработки шапки.

Основной сценарий короткий: открыть расширение, выбрать «Текущая вкладка», включить микрофон и звук вкладки по необходимости, выбрать качество и начать запись. Для текущей вкладки не требуется каждый раз проходить системное окно выбора экрана. Это удобно, когда нужно быстро показать страницу, презентацию или ошибку прямо в браузере.

• Откройте mykyta Record и выберите текущую вкладку как источник.

• Проверьте отдельно микрофон и звук вкладки: это разные источники.

• Выберите качество и место сохранения, затем начните запись.

• Во время записи используйте паузу или выключайте ненужный источник звука.

Здесь важна честность интерфейса: включённый переключатель звука не обещает звук там, где Chrome или выбранный источник его не предоставляют. Поэтому подписи объясняют ограничения заранее.

Когда нужно записать не текущую вкладку, а другое окно или весь экран, Chrome показывает собственное окно выбора источника. Это не лишнее окно расширения и не ошибка. Браузер просит человека явно выбрать, чем именно поделиться, и такое разрешение нельзя тихо пропустить.

В первом интерфейсе этот шаг выглядел неожиданностью. Мы добавили пояснение ещё до старта, чтобы пользователь понимал, почему появляется запрос и чем сценарий «Текущая вкладка» отличается от записи окна или экрана. Для меня это хороший пример того, как одно предложение может исправить больше, чем ещё одна кнопка.

Раннее окно записи показывало состояние микрофона и звука вкладки, но выглядело так, будто их нельзя изменить до остановки. Это был реальный недостаток сценария: если начался звонок или в соседней вкладке заиграла музыка, завершать видео и начинать заново неудобно.

Теперь во время записи можно поставить её на паузу, продолжить, отдельно заглушить микрофон или захваченный звук, а затем остановить сеанс. Само окно записи открывается отдельно: так управление остаётся под рукой, даже если записываемая вкладка меняется или закрывается. Ниже — обновлённый экран управления.

Голос с микрофона и звук записываемой вкладки приходят разными путями. Их можно включать и выключать независимо. Но у микрофона есть настройка, о которой важно предупредить: режим «Чёткая речь» использует подавление шума и эха. Он помогает речи, однако музыка и эффекты, попавшие именно в микрофон, могут стать тише или исчезнуть.

Это не обработка звука, захваченного напрямую из вкладки или экрана. Если вам нужен естественный звук комнаты, музыкального инструмента или фоновой дорожки через микрофон, выбирайте «Оригинальный звук / музыка». Мы добавили пояснение рядом с настройкой после того, как стало ясно: без него «лучшее качество речи» звучит как обещание улучшить всё аудио сразу.

После остановки запись остаётся у пользователя. Вы выбираете место сохранения и получаете локальный видеофайл, а не ссылку на чужой сервис. MP4 используется, когда браузер поддерживает нужный формат записи; если нет, доступен WebM. Это менее эффектная фраза, чем безусловное «всегда MP4», зато она соответствует тому, как работает браузер.

У расширения нет аккаунта, загрузки роликов на сервер и аналитики содержимого записей. Но локальность не отменяет разрешений: доступ к экрану и микрофону всё равно контролирует Chrome. На финальном экране видны состояние записи и сведения о файле — пользователю не приходится гадать, сохранился ли результат.

При записи экрана человек может случайно показать личные сообщения, документы или рабочие вкладки. Поэтому мы не называем продукт «безопасным» просто из-за тёмного интерфейса. Конкретное обещание уже: расширение обрабатывает выбранный экран и звук локально и не отправляет видео нам.

Остальное остаётся ответственностью того, кто выбирает источник: перед записью стоит закрыть лишнее и проверить, какая вкладка, окно или экран попадут в кадр. Именно поэтому системный выбор Chrome и понятные подсказки — часть опыта, а не помеха ему.

Когда основной путь записи стал яснее, мы вынесли тексты интерфейса в локализацию. Сейчас в сборке 22 языка. Это помогает человеку разобраться с источником, звуком и сохранением на привычном языке, но перевод нельзя считать завершённым только потому, что строки присутствуют в файлах.

Самой заметной проверкой стал арабский: ему нужен интерфейс справа налево, а не просто арабские слова в левосторонней сетке. Поэтому для RTL мы зеркалим компоновку. Длинные подписи и естественность переводов продолжим проверять на живом использовании.

Со стороны это несколько экранов и одна кнопка записи. Внутри разработки работа шла через конкретные вопросы: почему открывается отдельное окно, почему Chrome повторно спрашивает разрешение, можно ли выключить микрофон на ходу, что происходит со звуком при «Чёткой речи», какой файл получится в конце. Почти каждый ответ потребовал не столько новой функции, сколько более точного поведения и текста.

Мне нравится этот масштаб задачи. Не обещать десять впечатляющих возможностей до запуска, а довести до ясности один путь: выбрать источник → проверить звук → записать → сохранить. Именно его мы готовим к проверке.

На момент написания этой записи карточка mykyta Record остаётся черновиком Chrome Web Store; расширение ещё не отправлено на проверку. Публичной страницы установки пока нет, поэтому я не даю ссылку, которая ещё не работает. После одобрения добавлю её на страницу проекта и обновлю эту статью.

Версия 0.1.3 — начало, а не итог. У нас пока нет публичной статистики установок или длинной истории эксплуатации. Ближайшая важная проверка — реальные записи вкладок, окон и экрана, особенно со звуком и в длительных сеансах. Если вы как раз искали способ записать экран Chrome и сохранить видео локально, следите за страницей проекта: там появится доступная ссылка и дальнейшие обновления.