Browser Tab Recorder

Stereo tab/screen recording. Silent capture, silence skip, auto-split, segments, WebM merge, WAV/MP3/ZIP export, long sessions.

To those who opened this store 👋 Browser Tab Recorder records selected tabs/windows/screens in Chrome, combining both screen content and system/tab audio into a single WebM file. From recording to splitting to saving—all from one pop-up interface. Here are the key points by section. 【📋 Quick Reference】 ・🎬 Recording: Captures tab, window, or screen plus audio into a single WebM using MediaRecorder. ・🆓 Free: Hard limit of 15 minutes per session (enforced in code). ・⭐ Pro: User-defined limits (including unlimited). High-quality audio and automatic splitting are controlled by the license UI. ・💾 Long Recordings: Designed to write small chunks sequentially to IndexedDB, minimizing memory load. ・✂️ Auto Split: Allows setting split points and recording stops based on matrices of fades/pauses/silence. ・🔇 Silent Recording: Mutes the tab's speaker output during recording (audio is recorded normally in the file). ・📤 Exporting: Supports WebM, plus WAV/MP3 conversion, and bulk ZIP segment download. ・⚙️ Controls: Everything from quality settings, audio, splitting, to clips are managed within an expanded pop-up (no separate apps needed). 【✨ What this Extension Can Do】 Browser Tab Recorder is an extension that allows you to select a tab, window, or screen from the Chrome screen sharing dialog and record its video content combined with system/tab audio. It is ideal for situations where you want to save the visual information displayed on your browser screen as a video file (WebM). We have consolidated recording, splitting, and saving into one pop-up interface, anticipating uses such as: ・📡 Archiving livestreams or webinars ・📚 Saving online lectures or training sessions ・📋 Screen recording for operational procedures or manuals ・🎯 Reducing the number of retakes needed for demos ・🎬 Recording long videos played in the browser (e.g., anime, dramas, movies) (*Please adhere to the terms of service and copyright laws of each respective service when viewing/recording*) 💡 Tips for Optimal Use: ・For entertainment videos, fades (scene changes or before/after commercials) and silent sections are easy markers, making automatic splitting highly effective. You can also select settings that easily capture background music and dialogue in stereo audio. ・In addition to starting/stopping recording, the interface is designed for ease of use, allowing control over audio quality, video quality, auto-splitting, and saved clips without switching to a separate application. 【🖥️ Capturing Screen and Audio】 You can overlay a microphone onto the stream captured via screen sharing if necessary. The microphone is acquired as a separate stream from the screen and then merged into one audio track using Web Audio (AudioContext) before being passed to MediaRecorder along with the video. ・📺 Can record videos on tabs or full-screen screen footage directly (the shared area is selected in the OS screen sharing dialog). ・🔊 Mix tab audio and live commentary within the browser only (easy to start without a virtual audio device). ・🎥 Video sources support combinations beyond just screen sharing, including camera only or audio only. 【🎬 Recording Format and Quality】 The core technology uses MediaRecorder, which outputs WebM (VP9 video + Opus audio), standard for browsers. ・🔉 Audio (Default): Settings based on approximately 256kbps class. ・📊 Video Bitrate: Selectable from Automatic / Low Capacity / High Quality. ・📐 Resolution: Automatic, or fixed at 1280×720 / 1920×1080. ・🖱️ Cursor: Visible / Hidden (On for operation demos, off for video viewing like movies/dramas). For video content, choosing a high-quality preset or fixing it to 1080p helps retain details of the screen video, making it easier to organize as a "reviewable video file" alongside stereo audio. 【🎧 Audio Quality and Modes】 We prioritize "high-fidelity listening," so recording defaults to having Echo Removal, Noise Suppression, and Automatic Gain set to OFF. ・<0xF0><0x9F><0x8E><0x9A>️ Sample Rate: Default is 48kHz center. Can be changed via the UI to 44.1kHz / 32kHz / 22.05kHz, etc. ・<0xF0><0x9F><0x8E><0x9B>️ Channels: Stereo (2ch) by default, but can also switch to mono. ・🎤 Input Mode: Tab Audio Only / Tab + Microphone. ・📈 Start recording after confirming input levels with the level meter to prevent signals that are too quiet or clipped. ・🔇 Silent Recording: Optionally mutes the target tab only during recording. This suppresses sound leakage while still recording the tab audio in the file. The mute state is restored upon stopping. 【⏱️ Long Recordings, Storage, and Limits】 To prevent memory from accumulating all data, recorded data is divided into small chunks and written sequentially to IndexedDB. ・🧠 Minimizes memory pressure even during long programs or meetings. ・💾 If writing to IndexedDB fails, it falls back to memory, attempts continuation while notifying the user. ・🛡️ The fallback mechanism has a memory limit and a guard to prevent excessive bloatting and stopping. ・⏰ Recording time limits can be set in "Hours + Minutes," and recording automatically stops upon reaching the limit. ・🔢 A countdown before starting allows ample time for preparation and microphone checks. ・⏸️ When paused, the limit timer also pauses; only the remaining time is reset upon resuming. 💎 Free / Pro (Key Points) ・🆓 Free: Hard limit of 15 minutes per session enforced in code. ・⭐ Pro: Removes the above restrictions, allowing user-defined limits (including unlimited). ・📜 High sample rates, high resolutions, high bitrate video, and automatic actions (fades/pauses/silence) are controlled by the license (see app instructions for details). 【🌑 Fade Detection and Manual Splitting】 ・📊 Displays average luminance during recording in the UI, making it easy to adjust the fade threshold visually. ・✂️ Even if not using auto-split, the internal structure is always segment-based. Manual splitting is also possible when needed. ・📥 Confirmed segments can be previewed and downloaded from a list (easy to handle as "cut clips" before editing). 【✂️ Auto Split (Fade/Pause/Silence)】 You can set split points and recording stops based on a matrix using three criteria: fade, pause, or silence. 🌑 Fade ・Calculates average luminance on the canvas by sampling frames intermittently. ・A segment is flagged as a potential cut if the "dark" state falls below the threshold for a set duration. ・Options are available to reduce false splits, such as only considering fades when audio is silent, or not judging until X minutes have passed since the start of the segment. ・After splitting, there is a short cool-down period (to prevent excessive small cuts during continuous transitions). 🖼️ Pause ・Detects when the change in video content is minimal and sustained. ・Allows selecting detailed conditions, such as including silence as a condition. 🔇 Silence ・Calculates instant volume (on a 0–255 scale) from the **time-domain data of the AnalyserNode**, comparing it to a silence threshold (it does not just average energy across frequency bins). ・The **duration of continuous silence is 0–60 seconds (in 0.5-second increments)**. Settings close to **0 seconds** make the mode highly reactive when the level enters the silent range (see app help for details). ・While the UI allows setting the threshold down to **0**, actual detection uses a **very small effective lower limit** to ensure easy judgment even with noisy tab audio. ・Due to settings like **excluding silent periods from output** or **waiting for buffer at auto-split start**, the main stream may **automatically pause** shortly after recording begins. The **start and release of this pause** are recorded in the action log (structured logs are available in the developer console). ⚙️ Common ・Individual settings can be specified for "Split/Stop after X seconds" for each condition. **Pauses must be integers between 3–60 seconds**, and **silence is 0–60 seconds in 0.5-second increments**. ・Can be assigned not just to splitting, but also to "recording termination" (e.g., automatic stop after abandonment/unattended period). ・Considers stopping the recording when the video track ends. 【🔗 Segment Management and WebM Merging】 ・📑 Each segment retains the reason for division (Initial / Fade / Pause / Silence / Manual, etc.), a sequence number, length, and an optional name. ・💾 The list of segments can be restored from IndexedDB even if the pop-up is closed. ・▶️ **In-Pop-up Preview**: Allows real-time playback confirmation of segments during or after recording. ・📤 **Bulk Export**: Continuous saving of all segments, ZIP download, and conversion to WAV/MP3 (processed within the browser). ・🧩 Since simply concatenating multiple WebMs can corrupt the EBML structure, we interpret Matroska/EBML and merge them into a correct single file with synchronized cluster times (correcting end clusters derived from streaming before merging). 【<0xF0><0x9F><0x8E><0x9B>️ Control UI and Licensing】 ・⏱️ Displays elapsed time, pause/resume status, activity log (including start/release of **automatic pauses**), and toast notifications. ・📂 Settings are organized using an accordion structure (e.g., quality, audio, fade, auto-split matrix). ・🔑 Available features change based on the license purchased. ・☁️ License verification links to Firebase authentication and caching (refer to the Pro version screen for details). 【🔒 Data Handling (Privacy Guidelines)】 ・💾 The recorded content is stored in IndexedDB/memory. ・👆 Saving or downloading clips requires user action. ・🏠 Since this is not a recording pipeline that automatically sends video files to the cloud, it is best suited for uses where local retention is desired first (e.g., internal procedures, unreleased content). Communication may occur during authentication or license verification. ・🏢 File storage and sharing must comply with organizational policies. 【🛠️ Design Intent】 We prioritize using browser standard APIs and lightweight logic, making it robust against failure: long recordings = chunk sequential writing + memory guard; merging = EBML integrity. We aim to make it easy to retain reliable files within the browser first, even if they are intended for re-encoding with external tools later. 【💡 Scenario Planning and Tuning Tips】 ・📡 Live / Webinars: Easy to structure content into chapters using fades/silence, providing units ready for editing software. ・🎬 Anime / Dramas / Movies (Browser Playback): Fades make it easy to mark scene changes or blocks (like OP/ED areas, commercials). Silence and pauses can also be used to demarcate title roles or static cuts. Long recordings are manageable using IndexedDB and splitting, and stereo audio helps preserve the atmosphere of music, sound effects, and dialogue (use within legal rights and terms). ・🖱️ Operation Demos: Cursor + tab audio + microphone commentary makes the intent clear. ・🎓 Classes / Training: Use IndexedDB for stable long-form recording while balancing between the free 15-minute limit and Pro's relaxed limits. ・📶 Quality Presets: From low bandwidth settings suitable for mobile viewing to high bitrate for large screens. The optimal values for automatic detection depend on the pace and lighting of the program. It is best to experiment with the target content when setting thresholds, continuation times, segment buffer time, and pause/silence seconds. Combinations like "split on fade but don't stop on silence" can also be adjusted. The toast notifications and activity log make it easy to track not only *where* the recording was split, but also *when* **automatic pauses (due to silent gaps / waiting for start)** occurred or were released. 【📝 Summary】 Browser Tab Recorder is an extension that covers a wide range of use cases—from business applications to organizing entertainment videos like anime, dramas, and movies—by not only saving video displayed on the browser screen in high quality but also by ensuring stable long-form recording, precise splitting/stopping based on fades/pauses/silence, managing segments without loss, and merging them into a correct WebM file. Running short test recordings first helps you grasp the feel of quality, audio, and auto-splitting before proceeding to production, reducing potential issues. ⚠️ Note: Depending on Chrome Web Store review guidelines and display space, the boundaries, limits, and phrasing between free and paid features should be adjusted according to the product's internal labeling and policies at the time of publication. Browser Tab Recorder is an extension that records video displayed on the browser screen with high-quality stereo audio. It is particularly suitable for recording long videos like anime, dramas, or movies, and its strength lies in easily auto-splitting using fades or silence (please adhere to the terms of service and copyright laws of each respective service when using/recording). ・💾 Stable long-form video recording via chunk writing to IndexedDB. ・<0xF0><0x9F><0x8E><0x9A>️ Flexible audio settings: Sample rate / Mono-Stereo / Tab only / Tab + Mic, etc. ・🔇 Silent Recording (no speaker output) and omission of silent periods in the output. ・✂️ Auto Split and segment management based on fades/pauses/silence (easy to mark video cuts). ・🔗 WebM merging considering EBML (combining multiple clips into one video). ・📤 Segment export via WAV/MP3/ZIP. This is a highly functional extension with all the features listed above.