Browser Tab Recorder (Рекордер вкладок браузера)

Стереозапис екрана/вкладки. Тихий режим, пропуск пауз, авторозділ на сегменти. Злиття WebM та експорт у WAV/MP3/ZIP. Довготривалі се

Для тих, хто відкрив наш магазин 👋 Browser Tab Recorder записує вибрану вкладку/вікно/елемент екрана Chrome разом із системним/вкладковим звуком у єдиний файл WebM. Від запису до розділення та збереження — все в одному попапі. Основні моменти за заголовками. 【📋 Швидкий огляд】 ・🎬 Запис: Вкладка, вікно або екран + звук записані в один файл WebM за допомогою MediaRecorder. ・🆓 Безкоштовно: Хард-ліміт 15 хвилин на сесію (примусово реалізовано у коді). ・⭐ Pro: Обмеження, встановлене користувачем (включаючи необмежений). Висока якість звуку та автоматичне розділення керуються інтерфейсом залежно від ліцензії. ・💾 Тривалий запис: Послідовна запис даних у IndexedDB невеликими чанками, що знижує навантаження на пам'ять. ・✂️ Автоматичне розділення: Можливість встановлення точок розриву та зупинки запису за матрицею (темніння/пауза/тиша). ・🔇 Тихий запис: Під час запису вимикається аудіовивід вкладки (але звук фіксується у файлі як зазвичай). ・📤 Експорт: Крім WebM, доступне перетворення на WAV/MP3 та пакетне ZIP-архівування сегментів. ・⚙️ Операції: Усе керування — від якості зображення та звуку до розділення та кліпів — з одного попапу (не потрібна окрема програма). 【✨ Що може зробити ця розширення】 Browser Tab Recorder — це розширення, яке дозволяє вибрати вкладку, вікно або екран у діалоговому вікні спільного екрана Chrome та записувати його зображення разом із системним/вкладковим звуком. Ідеально підходить для ситуацій, коли потрібно зберегти зображення (екран) з браузера у відеофайл (WebM). Ми об'єднали процес від запису до розділення та збереження в один попап, враховуючи такі сценарії використання: ・📡 Архівування трансляцій та вебінарів ・📚 Збереження онлайн-лекцій та тренінгів ・📋 Запис екрана для робочих процедур та мануалів ・🎯 Скорочення кількості дублів при створенні демо ・🎬 Запис екрана тривалих відео, відібраних у браузері (мультфільми, серіали, фільми тощо) (*Будь ласка, дотримуйтесь правил використання та авторських прав відповідних сервісів*) 💡 Поради щодо найкращого використання: ・Для розважального контенту зміна сцени або рекламні паузи (темніння) та проміжки тиші слугують хорошими маркерами, що добре працює з автоматичним розділенням. Також можна вибрати налаштування для зручного захоплення фонової музики чи діалогів у стереоаудіо. ・Окрім початку/зупинки запису, інтерфейс спроектований так, щоб керувати якістю звуку, зображення, автоматичним розділенням та збереженими кліпами було зручно без перемикання на інші програми. 【🖥️ Захоплення екрана та звуку】 До потоку, отриманого через спільний екран, можна додатково додати мікрофон за потреби. Мікрофон отримується окремим потоком від екрану, а потім аудіопотік об'єднується в один шину за допомогою Web Audio (AudioContext), після чого разом передається MediaRecorder для запису відео та звуку. ・📺 Можливість записати відео зі вкладки або зображення повноекранного режиму без змін (область спільного екрана вибирається у діалоговому вікні OS). ・🔊 Змішування аудіо вкладок та коментарів лише всередині браузера (легко почати, не потрібне віртуальне аудіопристрій). ・🎥 Джерело зображення підтримує не лише спільний екран, а й комбінації: тільки камера або тільки звук. 【🎬 Формат запису та якість】 Ядром є WebM (відео VP9 + аудіо Opus) від стандартного MediaRecorder браузера. ・🔉 Аудіо (за замовчуванням): Налаштування на основі класу приблизно 256kbps. ・📊 Бітрейт відео: Вибір між Авто, Економія місця та Висока якість. ・📐 Роздільна здатність: Авто або фіксація на 1280×720 / 1920×1080. ・🖱️ Курсор: Показати/Приховати (у демонстрації операцій — увімкнено, при перегляді фільмів/серіалів — вимкнено тощо). Для відеоконтенту: Вибір пресетів високої якості або фіксація 1080p дозволяє зберегти деталі зображення на екрані та зручно організувати їх як «відеофайл для перегляду» разом зі стереоаудіо. 【🎧 Якість та режими звуку】 Пріоритетом є «якість, яку можна чути», тому під час запису за замовчуванням вимкнено ефект видалення відлуння, шумозаглушення та автоматичний гейн (підсилення). ・<0xF0><0x9F><0x8E><0x9A>️ Частота дискретизації: За замовчуванням 48kHz. Можна змінити через UI на 44.1kHz / 32kHz / 22.05kHz тощо. ・<0xF0><0x9F><0x8E><0x9B>️ Канали: За замовчуванням стерео (2 канали), з можливістю перемикання на моно. ・🎤 Режим входу: Тільки звук вкладки / Вкладка + мікрофон. ・📈 Можливість початку запису після підтвердження рівня введення за допомогою лічильника, що запобігає надто низькому або кліпованню сигналу. ・🔇 **Тихий запис**: Опція вимкнення звуку лише для цільової вкладки під час запису. Знижує розсіювання звуку в навколишнє середовище, але звук вкладки фіксується у файлі. При зупинці відновлюється нормальний режим. 【⏱️ Тривалий запис, сховище та ліміти】 Щоб не накопичувати всі дані лише в пам'яті, дані запису розділяються на невеликі чанки та послідовно записуються в IndexedDB. ・🧠 Знижує тиск на пам'ять навіть під час тривалих програм чи зустрічей. ・💾 У разі збою запису в IndexedDB відбувається відкат у пам'ять, і система продовжує спробувати роботу з повідомленням користувачеві. ・🛡️ При відкаті є ліміт пам'яті, та захист зупинить роботу при надмірному розростанні. ・⏰ Ліміт часу запису задається у форматі «години+хвилини» і автоматично зупиняє запис при досягненні цього часу. ・🔢 Підрахунок зворотного відліку перед початком дає час на підготовку та перевірку мікрофона. ・⏸️ При тимчасовій паузі таймер ліміту також зупиняється, і після відновлення встановлюється лише залишок часу. 💎 Безкоштовно / Pro (Основні моменти) ・🆓 Безкоштовно: Хард-ліміт 15 хвилин на сесію примусово реалізований у коді. ・⭐ Pro: Знімає вищезгадані обмеження, дозволяючи використовувати ліміти, встановлені користувачем (включаючи необмежений). ・📜 Висока частота дискретизації, висока роздільна здатність, високобітрейтне відео та автоматичні дії (темніння/пауза/тиша) керуються інтерфейсом залежно від ліцензії (деталі дивіться в інструкції програми). 【🌑 Виявлення темряви та ручне розділення】 ・📊 Під час запису відображається середній рівень яскравості у UI, що дозволяє легко налаштувати поріг виявлення темряви візуально. ・✂️ Навіть якщо не використовується автоматичне розділення, внутрішня структура завжди складається з сегментів. Можливе ручне розділення за потреби. ・📥 Фіксовані сегменти можна попередньо переглянути та завантажити зі списку (зручно використовувати як «розділені кліпи» до редагування). 【✂️ Автоматичне розділення (темрява, пауза, тиша)】 Ви можете налаштувати розділення та зупинку запису за матрицею, використовуючи три системи: темрява / пауза / тиша. 🌑 Темрява ・Розраховується середній рівень яскравості на canvas шляхом інтервального зразкування кадрів. ・Якщо «темний» стан нижче встановленого порогу триває протягом заданого часу, це вважається кандидатом на розділення. ・Існують опції для зменшення помилкового розділення, наприклад: вважати темрявою лише тоді, коли звук також тихий; не визначати до X хвилин з початку сегмента тощо. ・Після розділення — короткий період «охолодження» (щоб запобігти надмірно дрібному розрізанню при послідовних переходах). 🖼️ Пауза ・Виявлено, якщо триває стан малої зміни зображення. ・Можливий вибір детальних умов, включаючи тишу. 🔇 Тиша ・Розраховується миттєва гучність (шкала **0–255**) з часового домену даних AnalyserNode та порівнюється з порогом тиші (це не лише середній енергетичний рівень частотних смуг). ・**Тривалість беззвучності: від 0 до 60 секунд (з кроком 0,5 секунди)**. При налаштуванні близько **0 секунд**, система реагує при досягненні рівня тиші (деталі в Help програми). ・Поріг тиші можна встановити у UI аж до **0**, але фактичне виявлення використовує **дуже невеликий ефективний мінімум**, що полегшує визначення навіть за вкладковим звуком із шумами. ・Можливість налаштування **виключення проміжків тиші з виводу** або **очікування буфера при початку автоматичного розділення**, через що одразу після початку запису основний потік може **автоматично зупинитися**. Це **початок/скасування** фіксується у журналі дій (також є структуровані логи для консолі розробника). ⚙️ Загальні правила ・Для кожної умови можна окремо вказати «розділити / зупинити, якщо триває Х секунд». **Пауза — ціле число від 3 до 60 сек**, **Тиша — від 0 до 60 сек з кроком 0.5 сек**. ・Можливість призначити не лише розділення, а й «завершення запису» (автоматична зупинка після залишення/відключення). ・Враховується поведінка зупинки запису відповідно до завершення відеопотоку. 【🔗 Управління сегментами та об'єднання WebM】 ・📑 Кожен сегмент зберігає причину розділення (початковий / темрява / пауза / тиша / ручний тощо), порядковий номер, тривалість та ім'я. ・💾 Список сегментів можна відновити з IndexedDB навіть після закриття попапу. ・▶️ **Попередній перегляд у попапі**: Можливість переглянути та підтвердити сегмент на місці як під час запису, так і після зупинки. ・📤 **Пакетний експорт**: Послідовне збереження всіх сегментів, завантаження ZIP-архіву, конвертація у WAV/MP3 (обробка в браузері). ・🧩 Оскільки просте з'єднання кількох WebM може пошкодити EBML, ми інтерпретуємо Matroska/EBML та об'єднуємо їх у правильний файл із узгодженими кластерними часами (включаючи корекцію кінцевих кластерів, що виникають через потокову передачу). 【<0xF0><0x9F><0x8E><0x9B>️ Інтерфейс керування та ліцензування】 ・⏱️ Пройшло час, пауза/відновлення, журнал активності (**початок/скасування автоматичної паузи** також фіксується), сповіщення тостом. ・📂 Налаштування організовані за допомогою аккордеону (якість зображення, звук, матриця темряви/авторозділення тощо). ・🔑 Доступні функції змінюються залежно від ліцензії. ・☁️ Перевірка ліцензії пов'язана з Firebase Authentication та кешуванням (див. екран версії Pro для деталей). 【🔒 Обробка даних (орієнтири конфіденційності)】 ・💾 Основний запис зберігається в IndexedDB/пам'яті. ・👆 Збереження та завантаження кліпів залежить від дій користувача. ・🏠 Оскільки це не конвеєр запису, який автоматично надсилає відеофайли у хмару, він ідеально підходить для випадків, коли спочатку потрібно залишити дані локально (наприклад, внутрішні процедури чи конфіденційний контент). (Може виникати передача даних при перевірці автентифікації/ліцензії). ・🏢 Зберігання та обмін файлами має відповідати політиці організації. 【🛠️ Дизайн-філософія】 Максимально наближено до стандартних API браузера та легкої логіки, надаючи пріоритет стійкості: тривалий запис = послідовний запис чанків + захист пам'яті; об'єднання = узгодженість EBML. Ми прагнемо, щоб було легко зберегти надійний файл лише в браузері, навіть якщо планується подальше перекодування іншими інструментами. 【💡 Сценарії використання та поради щодо налаштування】 ・📡 Live / Вебінари: Можливість структурувати матеріал за розділами (за темрявою/тишею), що полегшує передачу в редактори. ・🎬 Мультфільми, серіали, фільми (перегляд у браузері): Темніння допомагає позначити зміну сцени або блоків (OP/ED, реклама тощо). Тиша та паузи можна використовувати для розділення титрів чи статичних кадрів. Тривалі записи легко обробляти за допомогою IndexedDB та розділення, а стереоаудіо дозволяє зберегти атмосферу музики, ефектів та діалогів (використовуйте в межах прав та правил). ・🖱️ Демонстрація операцій: З курсором + звуком вкладки + голосовим коментарем легко передати задум. ・🎓 Уроки / Тренінги: Використання IndexedDB для стабільного запису тривалого контенту та комбінування безкоштовного ліміту 15 хвилин з розширеними лімітами Pro. ・📶 Пресети якості: Від економії трафіку для мобільного перегляду до високобітрейтного відео для великих екранів. Оптимальні значення автоматичного виявлення залежать від темпу програми та освітлення. Найкраще експериментувати з порогами, тривалістю та буфером початку сегмента для конкретного контенту. Можливе налаштування комбінацій розділення та зупинки (наприклад, «розділити за темрявою, але не зупиняти за тишею»). Завдяки тосту та журналу активності легко відстежити не лише «де було розділено», а й **коли відбулося/скасувалося автоматичне призупинення (прогалина тиші / очікування початку)**. 【📝 Підсумок】 Browser Tab Recorder — це розширення, яке дозволяє зберігати відео, що відображається на екрані браузера, з високою якістю звуку, а також забезпечує тривалий та стабільний запис, розділення/зупинку за темрявою, паузою чи тишею, і об'єднання сегментів у коректний файл WebM без втрати даних. Це покриває широкий спектр використання: від бізнес-завдань до організації розважального контенту (мультфільми, серіали, фільми). Чим менше проблем виникне, тим краще буде працювати процес, якщо спочатку провести короткий тестовий запис для відчуття якості зображення, звуку та автоматичного розділення. ⚠️ Увага: Зважаючи на вимоги перевірки та відображення у Chrome Web Store, межі між безкоштовною та платною версіями, ліміти та формулювання слід коригувати відповідно до внутрішніх позначень продукту та політики на момент публікації. Browser Tab Recorder — це розширення для запису відео з екрана браузера у файл WebM із високою якістю стереозвуку. Воно ідеально підходить для захоплення тривалих відео, таких як мультфільми, серіали та фільми, а його перевага полягає в легкому автоматичному розділенні за темрявою чи тишею (використання та запис мають відповідати правилам використання та авторським правам відповідних сервісів). ・💾 Стабільний запис тривалих відео завдяки чанковому запису в IndexedDB. ・<0xF0><0x9F><0x8E><0x9A>️ Гнучкі аудіоналаштування: частота дискретизації / моно/стерео / тільки вкладка / вкладка + мікрофон тощо. ・🔇 Тихий запис (без виводу на динаміки) та пропуск сегментів тиші. ・✂️ Автоматичне розділення та управління сегментами за темрявою, паузою чи тишею (зручно для структурування відео). ・🔗 Об'єднання WebM з урахуванням EBML (кілька кліпів в один файл). ・📤 Експорт сегментів у WAV/MP3 та ZIP. Це високофункціональне розширення, що має все перелічене.