Browser Tab Recorder

立体声网页/屏幕录制。支持静音捕获、自动跳过静音，并能自动分割成多个片段。提供WebM合并功能，支持WAV/MP3/ZIP格式导出，实现长时间稳定录制。

进入商店的朋友们 👋 Browser Tab Recorder 是一款能将 Chrome 的屏幕共享选定标签页/窗口/整个屏幕，与系统/标签页音频一体化录制为 WebM 格式的工具。从录制到分割再到保存，所有操作都在一个弹出窗口内完成。以下是各部分的要点总结。 【📋 快速参考】 ・🎬 录制：将标签页、窗口、屏幕和音频通过 MediaRecorder 一体化为单个 WebM 文件。 ・🆓 免费版：每个会话有最大 15 分钟的硬性上限（代码层面强制执行）。 ・⭐ Pro 版：用户可指定上限（包括无限制）。高音质、自动分割等功能根据许可证进行 UI 控制。 ・💾 长时录制：将细小的片段逐次写入 IndexedDB，有效降低内存负担。 ・✂️ 自动分割：可通过场景变暗/静止/无声的矩阵设置切分点和停止录制时间。 ・🔇 静音录制：在录制过程中会静音标签页的扬声器输出（文件内容仍正常记录）。 ・📤 输出：支持 WebM，以及 WAV/MP3 格式转换、片段批量 ZIP 打包。 ・⚙️ 操作：从包含画质、音频、分割、剪辑等扩展功能的弹出窗口操作（无需单独应用）。 【✨ 本扩展功能可实现的功能】 Browser Tab Recorder 是一款通过 Chrome 的屏幕共享对话框，选择标签页、窗口或整个屏幕，并将该视频流与系统/标签页音频一体化记录的扩展程序。它适用于希望将浏览器上显示的屏幕画面保留为视频文件（WebM）的场景。我们集成了从录制到分割再到保存的所有流程到一个弹出窗口内，以满足以下用途： ・📡 直播或网络研讨会的存档 ・📚 在线课程和培训内容的保存 ・📋 工作流程、手册制作的屏幕录制 ・🎯 减少演示文稿重拍次数 ・🎬 浏览器播放的长视频（如动画、电视剧、电影）的画面录制（※请遵守各服务的利用条款和版权规定）。 💡 使用小技巧： ・对于娱乐类视频，场景变暗（如转场或广告前后）和无声区间很容易成为标记点，与自动分割功能非常匹配。您还可以选择能将背景音乐和对话语音一起录入的立体声音频设置。 ・除了开始/停止录制外，音质、画质、自动分割、已保存剪辑等所有操作都可以在一个界面内完成，无需切换到其他应用。 【🖥️ 画面与音频的捕获】 您可以根据需要，将麦克风叠加到屏幕共享获取的视频流上。麦克风会以独立于屏幕的流获取，然后通过 Web Audio（AudioContext）将音频轨道汇集到一个总线中，再与视频一起传递给 MediaRecorder。 ・📺 可以直接将标签页上的视频或全屏显示的屏幕画面作为录制目标（共享范围在操作系统屏幕共享对话框中选择）。 ・🔊 可以在浏览器内部混合标签页音频和实况解说（无需虚拟音频设备即可轻松开始）。 ・🎥 视频源不仅支持屏幕共享，还支持仅摄像头、仅音频等多种组合。 【🎬 录制格式与画质】 核心是基于浏览器标准的 MediaRecorder 实现的 WebM（VP9 视频 + Opus 音频）。 ・🔉 音频（默认）：以约 256kbps 为基础的设置。 ・📊 视频比特率：可选择自动/节省空间/高质量。 ・📐 分辨率：自动，或固定为 1280×720／1920×1080。 ・🖱️ 光标：显示/隐藏（操作演示时开，观看电影、电视剧、动画等视频时关）。 针对视频内容的建议：选择高质量预设或 1080p 固定，可以更好地保留屏幕上的视频细节，并与立体声音频结合，方便整理成“回顾用的视频文件”。 【🎧 音频的质量和模式】 我们优先考虑“高音质收听”，因此在录制时原则上将回声消除、降噪和自动增益设置为关闭。 ・<0xF0><0x9F><0x8E><0x9A>️ 采样率：默认以 48kHz 为中心。可在 UI 中更改为 44.1kHz／32kHz／22.05kHz 等。 ・<0xF0><0x9F><0x8E><0x9B>️ 声道：默认立体声（2ch），也可切换至单声道。 ・🎤 输入模式：仅标签页音频 ／ 标签页+麦克风。 ・📈 通过电平表确认输入后开始录制，有助于防止声音过小或削波过度。 ・🔇 **静音录制**：可选功能，在录制过程中静音目标标签页。可以抑制对周围环境的噪音泄露，同时将标签页音频记录到录制文件中。停止时恢复静音状态。 【⏱️ 长时间录制、存储与上限】 为了不让内存持续堆积数据，录制数据会被分割成细小的片段（chunk），并顺序写入 IndexedDB。 ・🧠 即使是长时间的节目或会议，也能有效减轻内存压力。 ・💾 IndexedDB 写入失败时会回退到内存进行处理，并在通知的同时尝试继续。 ・🛡️ 回退机制有内存上限，防止过度膨胀而停止（安全保护）。 ・⏰ 录制时间上限可指定为“小时+分钟”，达到后自动停止。 ・🔢 开始前设有倒计时，让您有充足的时间准备和确认麦克风。 ・⏸️ 一时暂停时，上限计时器也会暂时停止，恢复时只重新设置剩余时间。 💎 免费版／Pro 版（要点） ・🆓 免费版：每个会话有最大 15 分钟的硬性代码限制。 ・⭐ Pro 版：取消上述限制，可使用用户指定的上限（包括无限制）。 ・📜 高采样率、高分辨率、高比特率视频、自动动作检测（变暗/静止/无声）等功能，需通过许可证进行 UI 控制（详情请遵循应用内的指引）。 【🌑 变暗检测与手动分割】 ・📊 录制过程中，平均亮度会在 UI 上显示，方便您目视调整变暗的阈值。 ・✂️ 即使不使用自动分割，内部也始终以片段为单位。如有需要可进行手动分割。 ・📥 已确定的片段可以在列表中预览和下载（便于作为编辑前的“已切分剪辑”处理）。 【✂️ 自动分割（变暗/静止/无声）】 可以围绕三个系统（变暗／静止／无声），使用矩阵设置分割点和停止录制时间。 🌑 变暗 ・对帧进行间歇采样，并在 canvas 上计算亮度平均值。 ・当“黑暗”状态低于设定的阈值并持续一段时间后，则判定为切分候选点。 ・提供减少误分割的选项，例如：只有音频也无声时才视作变暗；或设置不从片段开头开始判断，而是等待○分钟。 ・分割后会有一个短暂的冷却时间（防止连续转场导致过度碎片化）。 🖼️ 静止 ・当视频变化较小状态持续一段时间后进行检测。 ・可选择包含无声作为条件等精细条件。 🔇 无声 ・通过 **AnalyserNode 的时域数据**计算瞬时音量（**0〜255** 刻度），并与无声阈值进行比较（并非仅基于频率带的能量平均）。 ・无声的 **持续秒数范围为 0〜60 秒（以 0.5 秒为间隔）**。如果设置接近 **0 秒**，则在电平进入静音侧时更容易触发模式（详情请参阅应用内帮助）。 ・虽然 UI 可将无声阈值设置为 **0**，但在实际检测中会使用一个 **极小的有效下限**，以便即使是带有噪音的标签页音频也能进行判断。 ・由于有“不包含无声区间到输出”的设置和“自动分割开始时的缓冲区等待”，录制刚开始时，主信号可能会 **自动暂停**。其 **开始/解除记录在操作日志** 中（开发者控制台也有结构化日志）。 ⚙️ 通用设置 ・可以为每个条件单独指定“持续○秒后进行分割／或停止”。**静止的间隔为 3〜60 秒整数**，**无声的间隔为 0〜60 秒，以 0.5 秒为间隔**。 ・不仅可用于分割，也可分配给“结束录制”（例如放置、无人值守后的自动停止）。 ・还考虑了与视频轨道结束同步停止录制的行为。 【🔗 片段管理与 WebM 的合并】 ・📑 每个片段会保留其分割原因（初始／变暗／静止／无声／手动等）、序列号、长度和自定义名称。 ・💾 关闭弹出窗口后，仍可从 IndexedDB 恢复片段列表。 ・▶️ **弹出窗口内预览**：无论录制中还是停止后，都可以在原地播放确认片段。 ・📤 **批量导出**：连续保存所有片段、ZIP 下载、转换为 WAV/MP3（浏览器内处理）。 ・🧩 由于简单连接多个 WebM 容易破坏 EBML 结构，因此会解析 Matroska/EBML，并将时序簇对齐后合并成一个正确的视频文件（即使是流媒体源末尾的簇也会在合并前进行校正）。 【<0xF0><0x9F><0x8E><0x9B>️ 操作 UI 与许可证】 ・⏱️ 显示经过时间、暂停／恢复、活动日志（包括**自动暂停**的开始/解除记录）、Toast 通知。 ・📂 设置以手风琴形式整理（如画质、音频、变暗、自动分割矩阵等）。 ・🔑 可用项目根据许可证进行切换。 ・☁️ 许可证确认与 Firebase 认证/缓存联动（详情请参考专业版界面）。 【🔒 数据处理（隐私指南）】 ・💾 录制本体保存在 IndexedDB／内存中。 ・👆 片段的保存和下载以用户操作为前提。 ・🏠 由于这不是一个自动将视频文件发送到云端的录制流程，因此更适合用于希望先本地保留数据的场景（如内部流程、未公开内容收录等）。（如果进行认证或许可证确认会产生通信。） ・🏢 文件存储和共享应遵循组织的政策。 【🛠️ 设计思路】 尽可能贴近浏览器标准 API 和轻量级逻辑，优先考虑长时间录制 = 片段逐次写入 + 内存保护；合并 = EBML 结构一致性，确保不易损坏。即使预设了后续使用其他工具重新编码的前提，也尽量让用户在浏览器内保留可靠的文件。 【💡 适用场景与调优技巧】 ・📡 直播/网络研讨会：可通过变暗和无声进行章节划分，方便交付给编辑软件时保持统一的单位。 ・🎬 动画/电视剧/电影（浏览器播放）：可利用变暗作为场景切换或区块（如片头/片尾、广告等）的标记点。无声和静止也可用于标题滚动或定格画面的分割。长视频在 IndexedDB 和分割处理下易于管理，立体声音频能保留音乐、音效和对话的氛围感（请在版权和规定的范围内使用）。 ・🖱️ 操作演示：光标+标签页音频+麦克风实况解说，意图传达更清晰。 ・🎓 课程/培训：利用 IndexedDB 实现长视频稳定录制，并结合免费版的 15 分钟限制与 Pro 版的上限放宽功能。 ・📶 画质预设：从适用于移动观看的低带宽模式到适用于大屏幕观看的高比特率模式。 自动检测的最佳值取决于节目的节奏和照明条件。阈值、持续时间、片段起始缓冲、静止/无声秒数等，最好在目标内容上进行试错调整。“变暗时分割但无声时不停止”等，也可以调整分割与停止的组合逻辑。通过 Toast 和活动日志，不仅能追踪“在哪里被切分”，还能清楚了解**自动暂停（无声间隙／等待开始）何时进入和解除**。 【📝 总结】 Browser Tab Recorder 不仅能够以高音质保留浏览器屏幕上的视频内容，更重要的是它具备了长时间稳定运行的能力、基于变暗/静止/无声的分割与停止能力、不丢失片段并能正确合并为 WebM 的能力。它覆盖了从商业用途到动画/电视剧/电影等娱乐视频整理的全流程需求。建议先进行短时间的测试录制，掌握画质、音质和自动分割的感觉后再投入实战，可以减少故障率。 ⚠️ 注意：根据 Chrome Web Store 的审核和展示空间限制，免费版与付费版的界限、上限和表述，请务必根据发布时的产品内显示和政策进行调整。 Browser Tab Recorder 是一款用于录制浏览器屏幕（画面）内容的扩展程序，可输出带有高音质立体声的视频文件。它非常适合长视频的屏幕录制，其优势在于能利用变暗或无声作为标记点进行自动分割（请遵守各服务的利用条款和版权规定）。 ・💾 通过 IndexedDB 进行片段写入，实现长时间视频的稳定录制。 ・<0xF0><0x9F><0x8E><0x9A>️ 灵活的音频设置：采样率／单声道·立体声／仅标签页音频·标签页+麦克风等。 ・🔇 静音录制（扬声器不输出）和无声区间输出省略功能。 ・✂️ 基于变暗、静止、无声的自动分割与片段管理（便于视频进行分段）。 ・🔗 考虑 EBML 的 WebM 合并（将多个剪辑合并成一个视频）。 ・📤 支持 WAV/MP3 和 ZIP 格式的片段导出。 这是一款功能强大的扩展程序。