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