瀏覽器分頁錄製器

立體聲分頁/螢幕錄製。支援靜音擷取、自動分割與片段管理，可跳過無聲段落。提供WebM合併、WAV/MP3/ZIP匯出等多種格式，支持長時間穩定錄製。

ストアを開いた方へ 👋 Browser Tab Recorder 是一款能將 Chrome 畫面分享中選取的頁籤／視窗／整個螢幕，與系統／頁籤側的聲音整合為 WebM 格式錄影工具。從錄影到分割再到儲存，只需一個彈出式介面。以下是各個標題下的重點整理。 【📋 快速參考】 ・🎬 錄影：透過 MediaRecorder 將頁籤、視窗或螢幕＋聲音整合為單一 WebM 檔案。 ・🆓 免費版：每個工作階段有最高 15 分鐘的硬性上限（程式碼層面也會強制執行）。 ・⭐ Pro 版：可設定使用者指定的上限（包含無限時長）。高音質、自動分割等功能依授權等級控制 UI。 ・💾 長時間錄影：採用將細小區塊逐一寫入 IndexedDB 的設計，有效降低記憶體負載。 ・✂️ 自動分割：可根據亮度變化／靜止畫面／無聲的矩陣設定切分點和停止錄影。 ・🔇 靜音錄音：錄影期間會靜音頁籤的喇叭輸出（但檔案中仍正常收錄聲音）。 ・📤 匯出：除了 WebM 外，還支援 WAV／MP3 轉換、以及區塊一鍵 ZIP 壓縮。 ・⚙️ 操作介面：從一個擴充的彈出式介面操作畫質、音訊、分割點和剪輯片段（無需額外應用程式）。 【✨ 此擴充功能可實現的功能】 Browser Tab Recorder 是一款透過 Chrome 的畫面分享對話框，讓您選擇頁籤、視窗或整個螢幕，將其影像與系統／頁籤側的聲音整合記錄的擴充功能。它非常適合需要將瀏覽器上顯示的螢幕（畫面的）影像保留為影片檔案（WebM）的場景。我們預設了以下用途，並將從錄影到分割再到儲存的所有流程都整合在一個彈出式介面中： ・📡 直播或網路研討會 (Webinar) 的歸檔備份 ・📚 線上課程／培訓內容的保存 ・📋 工作流程、操作手冊所需的畫面擷取 ・🎯 減少展示（Demo）重拍次數 ・🎬 瀏覽器播放的長篇影片（如動畫、電視劇、電影等）的畫面錄影（※請遵守各服務的使用條款與著作權）。 💡 使用小撇步： ・對於娛樂類影片，亮度變化（場景轉換或廣告前後）和無聲區間很容易成為標記點，這與自動分割功能非常搭配。您還可以選擇能將背景音樂 (BGM) 和對白一起收錄的立體聲音訊設定。 ・除了開始／停止錄影外，它還提供一個操作介面，讓您可以輕鬆控制音質、畫質、自動分割和已儲存的剪輯片段，無需切換到其他應用程式。 【🖥️ 畫面與聲音的擷取】 您可以在透過畫面分享取得的串流上，根據需要疊加麥克風輸入。麥克風會以獨立的串流取得，然後使用 Web Audio（AudioContext）將音訊軌道匯集到一個總線 (bus)，再與影像一起傳遞給 MediaRecorder。 ・📺 能夠直接將頁籤上的影片或全螢幕顯示的螢幕畫面作為錄影對象（分享範圍需在作業系統的畫面分享對話框中選擇）。 ・🔊 可在瀏覽器內部混合頁籤聲音和實況解說（無需虛擬音訊設備，上手容易）。 ・🎥 影像來源除了畫面分享外，也支援僅攝影機、僅聲音等各種組合。 【🎬 錄影格式與畫質】 核心技術是使用瀏覽器標準的 MediaRecorder 來生成 WebM 檔案（VP9 影像 + Opus 音訊）。 ・🔉 音訊（預設）：以約 256kbps 為基礎設定 ・📊 影像位元率：可選擇自動／節省容量／高品質 ・📐 解析度：自動，或固定為 1280×720／1920×1080 ・🖱️ 滑鼠游標：顯示／隱藏（操作示範時開啟、觀看電影/電視劇/動畫等影片時關閉）。 針對影片內容的建議：如果選擇高品質預設或 1080p 固定，可以更好地保留螢幕上的細節，並與立體聲音訊結合，整理成「可回顧的影片檔案」。 【🎧 音訊品質與模式】 我們優先考慮「能聽到高音質」，因此在錄音時原則上將迴音消除、雜訊抑制和自動增益 (Auto Gain) 設定為關閉。 ・<0xF0><0x9F><0x8E><0x9A>️ 採樣率：預設以 48kHz 為中心。介面可更改至 44.1kHz／32kHz／22.05kHz 等。 ・<0xF0><0x9F><0x8E><0x9B>️ 通道數：預設為立體聲（2ch），也可切換到單聲道 (mono)。 ・🎤 輸入模式：僅頁籤聲音 ／ 頁籤＋麥克風 ・📈 可在電平表上確認輸入，再開始錄音，有助於避免太小或過度削波。 ・🔇 **靜音錄音**：可選功能，只在錄影期間靜音目標頁籤。這樣可以抑制對周遭的聲音洩漏，但錄影檔案中仍會記錄頁籤聲音。停止時會恢復靜音狀態。 【⏱️ 長時間錄影、儲存與上限】 為了不讓記憶體持續堆積數據，我們將錄影資料分割成細小的區塊 (chunk)，並依序寫入 IndexedDB。 ・🧠 即使是長時間的節目或會議，也能有效降低記憶體壓力。 ・💾 若 IndexedDB 寫入失敗，會備用至記憶體 (Memory Fallback)，同時通知使用者並嘗試持續錄影。 ・🛡️ 備用機制有記憶體上限，防止過度膨脹導致停止的保護機制。 ・⏰ 錄影時間上限可指定「時＋分」，達到後自動停止。 ・🔢 開始前會進行倒數計時，讓您有充裕的時間準備和確認麥克風。 ・⏸️ 暫停時，上限計時器也會一時停止；恢復時則重新設定剩餘時間。 💎 免費版／Pro 版（重點） ・🆓 免費版：每個工作階段有最高 15 分鐘的硬性上限（程式碼層面會強制執行）。 ・⭐ Pro 版：取消上述限制，可使用使用者指定的上限（包含無限時長）設計。 ・📜 高採樣率、高解析度、高位元率影像、自動動作偵測（亮度變化／靜止／無聲）等功能，需透過授權控制 UI（詳情請參閱應用程式內的說明）。 【🌑 亮度變化偵測與手動分割】 ・📊 錄影過程中，平均亮度會顯示在介面，讓您能目視調整亮度變化的閾值。 ・✂️ 即使不使用自動分割，內部也始終以區塊 (segment) 為單位。若需要，可進行手動分割。 ・📥 確認的區塊可以從清單中預覽和下載（方便作為編輯前的「已切分片段」處理）。 【✂️ 自動分割（亮度變化／靜止／無聲）】 以三個系統（亮度變化／靜止／無聲）為軸心，您可以在矩陣介面中設定分割點和停止錄影的條件。 🌑 亮度變化 (Darkness) ・透過間歇採樣畫面幀，在 canvas 上計算平均亮度。 ・當「暗」狀態持續低於閾值一定時間後，會作為切分候補。 ・提供減少誤分割的選項，例如：只有聲音也無聲時才視為亮度變化；或設定不判斷從區塊開頭經過○分鐘內發生的變化等。 ・分割後會有一個短暫的冷卻期 (cool-down)，以防止連續轉場導致畫面過於細碎。 🖼️ 靜止 (Still) ・當影像變化很小持續一段時間時會偵測到。 ・可選擇包含無聲作為條件等詳細條件。 🔇 無聲 (Silence) ・透過 **AnalyserNode 的時間域資料**，計算瞬時音量（**0〜255** 刻度），並與無聲閾值進行比較（不只是頻率區塊的能量平均）。 ・無聲的 **持續秒數範圍為 0〜60 秒（以 0.5 秒為單位）**。若設定接近 **0 秒**，則在電平進入無聲側時更容易反應（詳情請參閱應用程式內幫助）。 ・雖然介面可將無聲閾值指定到 **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 格式的區塊匯出。 這是一款具備高功能的擴充功能。