updates
FlowPick v1.1.0 發布說明:更智慧的媒體識別
FlowPick v1.1.0 發布——分組影片卡片、MSE 錄製、文件偵測、字幕偵測,還有一堆 UI 修復。本文說清楚改了什麼、為什麼改。
FlowPick Team
7 分鐘閱讀
# 發布 # v1.1.0 # 更新 # 更新日誌 # mse # 字幕
v1.0.0 是「把地基打好」。v1.1.0 是「修掉那些讓我們和使用者都煩的東西」。這個版本不是堆新功能,而是讓偵測在真實站點上真的能用——那些用動態播放器、預載清單、還往串流裡塞 15 秒廣告分片的站點。
如果你已經在用 FlowPick,從 GitHub Releases 更新。如果是新使用者,先看 v1.0.0 發布說明——本文預設你知道 FlowPick 是什麼。
更可靠的媒體識別
這是最大的內部改動。v1.0.0 的偵測是被動的——盯著網路請求,然後祈禱。v1.1.0 給動態媒體頁面和預載內容加了主動偵測路徑。
- 動態媒體頁面。 那些用 JavaScript 在頁面渲染後載入影片的站點——以前 FlowPick 會漏掉,因為清單請求發生時擴充功能還沒準備好。現在我們掛鉤了播放器資料。
- 預載內容。 瀏覽器會為了效能預載媒體元資料;v1.1.0 把播放器資料和原生預載結合起來,能抓到那些在 DevTools 網路面板裡根本不出現的資源。
- 更完整的元資料。 卡片現在會保留頁面標題、時長和封面(只要有)——不再有「media-resource-1」這種鬼名字。
一個影片,一張卡片
這是使用者回饋第一名的問題。DASH 串流(以及部分 HLS)裡,音訊和視訊軌道是分開到達的。v1.0.0 把它們當作無關項顯示——「video_1080p.mp4」和「audio_128k.m4a」並排放著,你得自己搞清楚它們是一對。
v1.1.0 改成分組:
- 可展開的影片卡片。 同一個串流的音訊和視訊軌道摺疊進一張卡片,帶展開/收合開關。
- 組內畫質變體。 1080p、720p、480p 全部放在同一張卡片下作為可選變體。
- 音訊軌道保留。 你選畫質時,匹配的音訊軌道會被留著給下載交接——不需要手動配對。
- 封面兜底。 站點提供了封面圖就用;沒有的話,我們抓影片首幀用作卡片縮圖和懸停預覽。
這個功能本該在 v1.0.0 就有。教訓記下了。
更流暢的瀏覽體驗
媒體清單的 bug 修復——那些讓擴充功能感覺卡頓的東西。
- 重複串流卡片修復。 「全部」分頁裡分組串流卡片會顯示兩次,因為去重邏輯有 bug。沒了。
- 長清單空白修復。 在帶串流分組的「全部」分頁長清單裡捲動,會出現大段空白——虛擬化的問題。解決了。
- 圖片瀑布流跳動減少。 縮圖載入時圖片格線一直在重排,現在穩定多了。
更靈活的捕獲控制
新設定和偵測路徑,都是 power user 提過的需求。
- 隱藏串流分片。 一個開關,把單個
.ts/.m4s分片從清單裡藏起來——讓 UI 聚焦在可下載資源,別被原始分片噪音淹沒。 - MSE 錄製。 透過瀏覽器 Media Source Extensions 管線傳輸的媒體(常見於 DRM 相關和自訂播放器)現在也能抓了。「FlowPick 在這個站點什麼都識別不到」的報告裡,這一類佔了相當大比例。
data:imageURL。 內嵌 base64 圖片現在能被偵測到——以前只抓src指向 URL 的。- 文件偵測。 頁面提供的 Excel、Word、PowerPoint 等 Office 檔案也能被偵測。不是主要用途,但企業內網和課程平台用得上。
- 字幕偵測。 跟影片一起載入的字幕檔(
.vtt、清單裡的.srt參照)現在會顯示為資源。
下載交接更可靠
FlowPick 擴充功能負責偵測和整理;實際下載和合併在 FlowPick 網頁下載器上完成。v1.1.0 改進了兩者之間的資料交接:
- 媒體元資料在擴充功能和下載器之間安全傳遞——以前標題裡的特殊字元或超長清單 URL 會讓交接炸掉。
- 擴充功能繼續負責偵測和整理;下載和音訊/視訊合併仍在網頁端處理。這個分離是有意的——保持擴充功能輕量,讓網頁處理 FFmpeg 重活。
接下來
v1.1.0 堵上了大部分「在某個站點上不工作」的坑。下一個版本會聚焦格式轉換(TS→MP4 有了,但 MKV/MP3 匯出經常被要求)和效能——合併一個 200 分片的 4K 串流還是比我們希望的慢。
如果你碰到 v1.1.0 還是什麼都偵測不到的站點,去 GitHub 提 issue,帶上 URL 和瀏覽器版本。更新日誌頁面 追蹤每個版本。
相關文章
- FlowPick v1.0.0:首次公開發布 —— 這個更新所基於的上線版本
- FlowPick 如何在瀏覽器內合併數百個影片分片 —— v1.1.0 偵測結果交由處理的 WebAssembly FFmpeg 管線
- DASH/MPD 串流是什麼? —— DASH 為什麼拆分音訊和視訊——v1.1.0 分組卡片存在的理由
- 我如何用三個月做出 FlowPick —— 開發故事,現在多了 v1.1.0 的後續
推薦閱讀
- HLS/M3U8 下載入門 —— FlowPick 最常處理的串流格式
- FlowPick vs. yt-dlp —— 瀏覽器捕獲模式 vs 命令列工具
- 如何下載 Bilibili 影片 —— v1.1.0 的 DASH 改進直接幫上忙的真實場景