Chrome 內建子母畫面有哪些限制?多影片子母畫面擴充功能 Crispip 能補什麼
Crispip 是一款 Chrome 子母畫面增強擴充功能:把不同分頁的多個影片收進同一個懸浮視窗並排播放、各自獨立控制,補上原生子母畫面一次只能放一個影片的不足。
Chrome 內建的子母畫面能做什麼,不能做什麼
原生子母畫面只做一件事:把頁面裡的一個 video 元素抽出來,放進始終置頂的小視窗,讓你切到其他分頁時它還在播。依 MDN 的 Document Picture-in-Picture API 文件,較早的影片子母畫面 API 一次只能承載一個 video,瀏覽器給出的控制也相當有限。它從沒打算處理「多個影片怎麼排在一起」,自然也沒有對應的入口。
| 限制 | 具體表現 | 對使用者意味著什麼 |
|---|---|---|
| 一個視窗只放一個影片 | 綁定頁面裡的單一 video 元素,一個視窗對應一路畫面。 | 想同時看兩路,只能開兩個視窗,而它們預設疊在一起。 |
| 沒有並排版面 | 視窗是一個矩形,內部不能再分區。 | 要對照兩段畫面得反覆拖視窗、手動錯位,螢幕小一點就沒法看。 |
| 控制能力由網站決定 | 按鈕來自網站自己的播放器,有些站只給播放和暫停。 | 換集、拖進度常要切回原分頁,子母畫面更接近「看」而不是「控」。 |
| 關掉原頁面,畫面就沒了 | 依 MDN 的說明,子母畫面視窗不會比開啟它的頁面活得更久。 | 想整理分頁就得留著播放頁,多路影片時分頁只會越開越多。 |
| 不能截圖,也不能錄影 | 只是影片的鏡像,沒有任何截格或錄影入口。 | 看到關鍵一格想留下,只能用系統截圖,裁邊和對時間點全靠手動。 |
這些限制在真實使用中會帶來什麼問題
這些限制單看都不致命,疊在一起就成了操作成本。
情境一:跟著教學操作,需要兩路畫面對照
左邊放示範、右邊放自己錄的練習過程,本來一眼就能對照。原生子母畫面卻把兩個視窗疊在同一位置,得先拖開擺正,一大一小還會互相遮擋,一堂課要重複好幾次。
情境二:邊聽邊記錄,需要隨時截圖
把畫面縮到角落繼續寫筆記沒問題,卡點在「暫停—截圖—回來」這條鏈路上:要截某一頁簡報,就得切回分頁、暫停、截圖、再切回來,思緒已經斷了。視窗越小,來回越頻繁。
情境三:多路資訊同屏,需要一屏盯住
幾場直播、幾個攝影機,每路各開一個視窗,三四個視窗就把桌面鋪滿、互相壓著,比不開還亂。
Crispip 子母畫面專家是什麼
Crispip(也叫 PiP Expert)是一款 Chrome 子母畫面增強擴充功能,核心能力是把來自不同分頁的多個影片收進同一個懸浮子母畫面視窗,並排播放,各自保留獨立的播放控制。
它沒有重做播放器,而是把「一個懸浮視窗」當成容器:影片仍來自原本的網頁,只是被放進同一個視窗統一編排。具體能力包括:
- 同一視窗多影片:從不同分頁抽出影片,進同一個懸浮視窗,而不是每路各彈一個。
- 四種版面:格狀之外還有三種排法(含影院模式),依畫面比例切換,減少黑邊浪費。
- 每個影片獨立控制:播放、暫停、進度各自獨立,暫停一路不影響另一路。
- 截圖與錄影:直接截當前格或錄一段,不用切回原頁面。
- 跨站影片紀錄:換集或回到上次看的內容時,有紀錄可循。
- 方案區分:免費版可同時放 2 個影片,使用格狀版面與一般控制;截圖、錄影、影院模式和其餘三種版面屬於 PRO 方案。
安裝入口在 Chrome 線上應用程式商店。擴充功能依賴 Document Picture-in-Picture API,依 Chrome for Developers 的文件,該 API 自 Chrome 116 起提供,因此需要 Chrome 116 或更新版本。
Crispip 如何回應原生子母畫面的限制
Crispip 沒有推翻原生子母畫面,只是在它放棄的地方補位。逐條對上前面五項限制,能看清哪些被解決、哪一項沒有。
| 原生限制 | Crispip 的做法 | 實際效果 |
|---|---|---|
| 一個視窗一個影片 | 同一懸浮視窗內多影片並存 | 兩路並排,不用再擺視窗 |
| 沒有並排版面 | 四種版面,含格狀與影院模式 | 依內容選排法,畫面利用率更高 |
| 控制能力由網站決定 | 每個影片一條獨立控制列 | 暫停、拖進度互不干擾 |
| 關掉原頁面畫面就沒了 | 沒有改變:畫面仍取自原頁面 | 整理分頁時這一路會中斷 |
| 不能截圖與錄影 | 內建截圖與錄影 | 關鍵格當場存下,不用切頁 |
第四項它沒有覆蓋:Crispip 解決的是「多路畫面怎麼放在一起看」,不是「讓影片脫離網頁獨立存在」。
適合誰用,不適合誰用
它的適用面不寬,但很明確:需要同時對照多路畫面的人。
- 需要兩路畫面對照的學習者:線上課程配示範、原版配自己的複刻。
- 邊看邊記錄的輕辦公使用者:會議回放、講座,隨時截圖留證。
- 要一屏盯多路影片的營運與值班人員:直播、監控、看板。
反過來,下面這些情況不建議安裝。
- 只是偶爾把一集劇縮到角落:原生子母畫面夠用,裝擴充功能只是多一層。
- 裝置記憶體吃緊:多路影片同時解碼比單路更吃記憶體和 GPU,軟體繞不過去。
- 需要逐格校色或多機位精剪:它是瀏覽器裡的觀看與對照工具,不是剪輯軟體。
常見問題
Chrome 內建的子母畫面能同時看兩個影片嗎?
不能。一個子母畫面視窗只承載一個影片,第二路會另開一個視窗疊在上面。要在同一視窗裡並排看,需要擴充功能支援。
Crispip 是免費的嗎?
有免費版,可同時放 2 個影片,使用格狀版面與一般控制。截圖、錄影、影院模式等屬於 PRO 方案,價格以商店頁面為準。
裝 Crispip 會把我看的影片傳走嗎?
不會。影片在你的瀏覽器裡解碼,擴充功能不上傳畫面內容;隱私政策寫明不接收瀏覽紀錄與影片內容。
本文的技術描述參考 MDN 與 Chrome for Developers 的文件; 產品能力與隱私口徑以 Chrome 線上應用程式商店頁面與隱私政策為準。