[{"data":1,"prerenderedAt":346},["ShallowReactive",2],{"blog-zh-Hant-flowpick-v1-1-0-smarter-media-detection":3,"blog-zh-Hant-flowpick-v1-1-0-smarter-media-detection-surround":333},{"id":4,"title":5,"author":6,"body":7,"category":313,"date":314,"description":315,"extension":316,"image":317,"lastModified":318,"meta":319,"navigation":320,"path":321,"readingTime":322,"seo":323,"stem":324,"tags":325,"__hash__":332},"blog_zh_Hant\u002Fzh-Hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection.md","FlowPick v1.1.0 發布說明：更智慧的媒體識別","FlowPick Team",{"type":8,"value":9,"toc":301},"minimark",[10,14,30,34,37,60,64,67,70,96,99,102,105,125,128,131,187,190,193,201,204,212,226,229,232,269,272],[11,12,13],"p",{},"v1.0.0 是「把地基打好」。v1.1.0 是「修掉那些讓我們和使用者都煩的東西」。這個版本不是堆新功能，而是讓偵測在真實站點上真的能用——那些用動態播放器、預載清單、還往串流裡塞 15 秒廣告分片的站點。",[11,15,16,17,24,25,29],{},"如果你已經在用 FlowPick，",[18,19,23],"a",{"href":20,"rel":21},"https:\u002F\u002Fgithub.com\u002Fezwebtools\u002Fflowpick\u002Freleases",[22],"nofollow","從 GitHub Releases 更新","。如果是新使用者，先看 ",[18,26,28],{"href":27},"\u002Fzh-Hant\u002Fblog\u002Fflowpick-v1-0-0-first-public-release","v1.0.0 發布說明","——本文預設你知道 FlowPick 是什麼。",[31,32,33],"h2",{"id":33},"更可靠的媒體識別",[11,35,36],{},"這是最大的內部改動。v1.0.0 的偵測是被動的——盯著網路請求，然後祈禱。v1.1.0 給動態媒體頁面和預載內容加了主動偵測路徑。",[38,39,40,48,54],"ul",{},[41,42,43,47],"li",{},[44,45,46],"strong",{},"動態媒體頁面。"," 那些用 JavaScript 在頁面渲染後載入影片的站點——以前 FlowPick 會漏掉，因為清單請求發生時擴充功能還沒準備好。現在我們掛鉤了播放器資料。",[41,49,50,53],{},[44,51,52],{},"預載內容。"," 瀏覽器會為了效能預載媒體元資料；v1.1.0 把播放器資料和原生預載結合起來，能抓到那些在 DevTools 網路面板裡根本不出現的資源。",[41,55,56,59],{},[44,57,58],{},"更完整的元資料。"," 卡片現在會保留頁面標題、時長和封面（只要有）——不再有「media-resource-1」這種鬼名字。",[31,61,63],{"id":62},"一個影片一張卡片","一個影片，一張卡片",[11,65,66],{},"這是使用者回饋第一名的問題。DASH 串流（以及部分 HLS）裡，音訊和視訊軌道是分開到達的。v1.0.0 把它們當作無關項顯示——「video_1080p.mp4」和「audio_128k.m4a」並排放著，你得自己搞清楚它們是一對。",[11,68,69],{},"v1.1.0 改成分組：",[38,71,72,78,84,90],{},[41,73,74,77],{},[44,75,76],{},"可展開的影片卡片。"," 同一個串流的音訊和視訊軌道摺疊進一張卡片，帶展開\u002F收合開關。",[41,79,80,83],{},[44,81,82],{},"組內畫質變體。"," 1080p、720p、480p 全部放在同一張卡片下作為可選變體。",[41,85,86,89],{},[44,87,88],{},"音訊軌道保留。"," 你選畫質時，匹配的音訊軌道會被留著給下載交接——不需要手動配對。",[41,91,92,95],{},[44,93,94],{},"封面兜底。"," 站點提供了封面圖就用；沒有的話，我們抓影片首幀用作卡片縮圖和懸停預覽。",[11,97,98],{},"這個功能本該在 v1.0.0 就有。教訓記下了。",[31,100,101],{"id":101},"更流暢的瀏覽體驗",[11,103,104],{},"媒體清單的 bug 修復——那些讓擴充功能感覺卡頓的東西。",[38,106,107,113,119],{},[41,108,109,112],{},[44,110,111],{},"重複串流卡片修復。"," 「全部」分頁裡分組串流卡片會顯示兩次，因為去重邏輯有 bug。沒了。",[41,114,115,118],{},[44,116,117],{},"長清單空白修復。"," 在帶串流分組的「全部」分頁長清單裡捲動，會出現大段空白——虛擬化的問題。解決了。",[41,120,121,124],{},[44,122,123],{},"圖片瀑布流跳動減少。"," 縮圖載入時圖片格線一直在重排，現在穩定多了。",[31,126,127],{"id":127},"更靈活的捕獲控制",[11,129,130],{},"新設定和偵測路徑，都是 power user 提過的需求。",[38,132,133,148,154,167,173],{},[41,134,135,138,139,143,144,147],{},[44,136,137],{},"隱藏串流分片。"," 一個開關，把單個 ",[140,141,142],"code",{},".ts","\u002F",[140,145,146],{},".m4s"," 分片從清單裡藏起來——讓 UI 聚焦在可下載資源，別被原始分片噪音淹沒。",[41,149,150,153],{},[44,151,152],{},"MSE 錄製。"," 透過瀏覽器 Media Source Extensions 管線傳輸的媒體（常見於 DRM 相關和自訂播放器）現在也能抓了。「FlowPick 在這個站點什麼都識別不到」的報告裡，這一類佔了相當大比例。",[41,155,156,162,163,166],{},[44,157,158,161],{},[140,159,160],{},"data:image"," URL。"," 內嵌 base64 圖片現在能被偵測到——以前只抓 ",[140,164,165],{},"src"," 指向 URL 的。",[41,168,169,172],{},[44,170,171],{},"文件偵測。"," 頁面提供的 Excel、Word、PowerPoint 等 Office 檔案也能被偵測。不是主要用途，但企業內網和課程平台用得上。",[41,174,175,178,179,182,183,186],{},[44,176,177],{},"字幕偵測。"," 跟影片一起載入的字幕檔（",[140,180,181],{},".vtt","、清單裡的 ",[140,184,185],{},".srt"," 參照）現在會顯示為資源。",[31,188,189],{"id":189},"下載交接更可靠",[11,191,192],{},"FlowPick 擴充功能負責偵測和整理；實際下載和合併在 FlowPick 網頁下載器上完成。v1.1.0 改進了兩者之間的資料交接：",[38,194,195,198],{},[41,196,197],{},"媒體元資料在擴充功能和下載器之間安全傳遞——以前標題裡的特殊字元或超長清單 URL 會讓交接炸掉。",[41,199,200],{},"擴充功能繼續負責偵測和整理；下載和音訊\u002F視訊合併仍在網頁端處理。這個分離是有意的——保持擴充功能輕量，讓網頁處理 FFmpeg 重活。",[31,202,203],{"id":203},"接下來",[11,205,206,207,211],{},"v1.1.0 堵上了大部分「在",[208,209,210],"span",{},"某個站點","上不工作」的坑。下一個版本會聚焦格式轉換（TS→MP4 有了，但 MKV\u002FMP3 匯出經常被要求）和效能——合併一個 200 分片的 4K 串流還是比我們希望的慢。",[11,213,214,215,220,221,225],{},"如果你碰到 v1.1.0 還是什麼都偵測不到的站點，",[18,216,219],{"href":217,"rel":218},"https:\u002F\u002Fgithub.com\u002Fezwebtools\u002Fflowpick\u002Fissues",[22],"去 GitHub 提 issue","，帶上 URL 和瀏覽器版本。",[18,222,224],{"href":223},"\u002Fzh-Hant\u002Fchangelog","更新日誌頁面"," 追蹤每個版本。",[227,228],"hr",{},[31,230,231],{"id":231},"相關文章",[38,233,234,242,251,260],{},[41,235,236,241],{},[44,237,238],{},[18,239,240],{"href":27},"FlowPick v1.0.0：首次公開發布"," —— 這個更新所基於的上線版本",[41,243,244,250],{},[44,245,246],{},[18,247,249],{"href":248},"\u002Fzh-Hant\u002Fblog\u002Fhow-flowpick-merges-video-segments-in-browser","FlowPick 如何在瀏覽器內合併數百個影片分片"," —— v1.1.0 偵測結果交由處理的 WebAssembly FFmpeg 管線",[41,252,253,259],{},[44,254,255],{},[18,256,258],{"href":257},"\u002Fzh-Hant\u002Fblog\u002Fwhat-is-dash-mpd-streaming","DASH\u002FMPD 串流是什麼？"," —— DASH 為什麼拆分音訊和視訊——v1.1.0 分組卡片存在的理由",[41,261,262,268],{},[44,263,264],{},[18,265,267],{"href":266},"\u002Fzh-Hant\u002Fblog\u002Fhow-i-built-flowpick-in-three-months","我如何用三個月做出 FlowPick"," —— 開發故事，現在多了 v1.1.0 的後續",[31,270,271],{"id":271},"推薦閱讀",[38,273,274,283,292],{},[41,275,276,282],{},[44,277,278],{},[18,279,281],{"href":280},"\u002Fzh-Hant\u002Fblog\u002Fgetting-started-with-hls-m3u8-download","HLS\u002FM3U8 下載入門"," —— FlowPick 最常處理的串流格式",[41,284,285,291],{},[44,286,287],{},[18,288,290],{"href":289},"\u002Fzh-Hant\u002Fblog\u002Fflowpick-vs-yt-dlp","FlowPick vs. yt-dlp"," —— 瀏覽器捕獲模式 vs 命令列工具",[41,293,294,300],{},[44,295,296],{},[18,297,299],{"href":298},"\u002Fzh-Hant\u002Fblog\u002Fhow-to-download-bilibili-videos","如何下載 Bilibili 影片"," —— v1.1.0 的 DASH 改進直接幫上忙的真實場景",{"title":302,"searchDepth":303,"depth":303,"links":304},"",2,[305,306,307,308,309,310,311,312],{"id":33,"depth":303,"text":33},{"id":62,"depth":303,"text":63},{"id":101,"depth":303,"text":101},{"id":127,"depth":303,"text":127},{"id":189,"depth":303,"text":189},{"id":203,"depth":303,"text":203},{"id":231,"depth":303,"text":231},{"id":271,"depth":303,"text":271},"updates","2026-08-02","FlowPick v1.1.0 發布——分組影片卡片、MSE 錄製、文件偵測、字幕偵測，還有一堆 UI 修復。本文說清楚改了什麼、為什麼改。","md","\u002Fscreenshots\u002Fpopup-complete.png","2026-08-03",{},true,"\u002Fzh-hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection",7,{"title":5,"description":315},"zh-Hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection",[326,327,328,329,330,331],"發布","v1.1.0","更新","更新日誌","mse","字幕","nsTiofmrGTTLIidUw0l9TiUqgAv2gotjwP-5vrqjX4A",[334,340],{"title":335,"path":336,"stem":337,"description":338,"date":339,"category":313,"children":-1},"FlowPick v1.0.0 發布說明：第一次公開亮相","\u002Fzh-hant\u002Fblog\u002Fflowpick-v1-0-0-first-public-release","zh-Hant\u002Fblog\u002Fflowpick-v1-0-0-first-public-release","FlowPick v1.0.0 上線——瀏覽器擴充功能，自動偵測 HLS\u002FDASH 串流、音訊和圖片，透過 WebAssembly FFmpeg 在瀏覽器內合併分片，全程本地處理。這是首日發布的內容。","2025-04-20",{"title":341,"path":342,"stem":343,"description":344,"date":345,"category":313,"children":-1},"FlowPick v1.1.1：防盜鏈資源預覽與下載","\u002Fzh-hant\u002Fblog\u002Fflowpick-v1-1-1-protected-resource-preview-download","zh-Hant\u002Fblog\u002Fflowpick-v1-1-1-protected-resource-preview-download","v1.1.1 上線——防盜鏈代理預覽和下載，圖片、音訊、文件、字幕在有 Referer 校驗的站點上終於能下了。影片封面載入更快，Firefox 支援更強。","2026-08-14",1787670603236]