[{"data":1,"prerenderedAt":407},["ShallowReactive",2],{"blog-zh-Hant-flowpick-v1-0-0-first-public-release":3,"blog-zh-Hant-flowpick-v1-0-0-first-public-release-surround":393},{"id":4,"title":5,"author":6,"body":7,"category":373,"date":374,"description":375,"extension":376,"image":377,"lastModified":378,"meta":379,"navigation":380,"path":381,"readingTime":382,"seo":383,"stem":384,"tags":385,"__hash__":392},"blog_zh_Hant\u002Fzh-Hant\u002Fblog\u002Fflowpick-v1-0-0-first-public-release.md","FlowPick v1.0.0 發布說明：第一次公開亮相","FlowPick Team",{"type":8,"value":9,"toc":359},"minimark",[10,14,26,29,32,37,40,96,99,106,109,117,120,123,152,155,169,172,180,202,205,259,262,265,273,287,290,293,328,331],[11,12,13],"p",{},"熬了三個月的夜，WebAssembly 建置炸了無數次，中間還有一次差點腦子一熱用 Rust 重寫分片合併器（後來慫了），FlowPick v1.0.0 終於出來了。這是第一次公開發布——我們不再假裝它是個「預覽版」，讓真人裝上用。",[11,15,16],{},[17,18,22],"a",{"href":19,"rel":20},"https:\u002F\u002Fgithub.com\u002Fezwebtools\u002Fflowpick\u002Freleases\u002Ftag\u002Fv1.0.0",[21],"nofollow",[23,24,25],"strong",{},"前往 GitHub Releases 下載 v1.0.0 →",[11,27,28],{},"賣點一句話：一個瀏覽器擴充功能，偵測 M3U8\u002FHLS、MPD\u002FDASH、MP4、音訊和圖片——然後用 WebAssembly FFmpeg 在瀏覽器內合併分片，不需要桌面應用程式，不需要伺服器，不需要任何東西離開你的電腦。如果你曾經想從某個小眾站點抓個串流，被人說「裝個 yt-dlp 和 FFmpeg，配一下 PATH 就行」——這個擴充功能就是對著那套流程比的中指。",[11,30,31],{},"v1.0.0 實際發布的內容如下。",[33,34,36],"h2",{"id":35},"影片偵測核心","影片偵測——核心",[11,38,39],{},"招牌功能。FlowPick 監看瀏覽器的網路請求，在你還沒想到打開 DevTools 之前就把串流清單挑出來。",[41,42,43,55,66,90],"ul",{},[44,45,46,49,50,54],"li",{},[23,47,48],{},"M3U8\u002FHLS 自動偵測。"," 自適應碼率串流會被即時解析；你能看到每個畫質檔（1080p、720p 等），想下哪個選哪個。背後的原理在 ",[17,51,53],{"href":52},"\u002Fzh-Hant\u002Fblog\u002Fgetting-started-with-hls-m3u8-download","HLS\u002FM3U8 下載指南"," 裡有講。",[44,56,57,60,61,65],{},[23,58,59],{},"MPD\u002FDASH 支援。"," DASH 串流同理——音訊和視訊軌道被分開偵測，下載時合併。如果你好奇 DASH 為什麼要把音訊和視訊拆開，",[17,62,64],{"href":63},"\u002Fzh-Hant\u002Fblog\u002Fwhat-is-dash-mpd-streaming","DASH\u002FMPD 科普"," 說得很清楚。",[44,67,68,71,72,76,77,80,81,84,85,89],{},[23,69,70],{},"瀏覽器內分片合併。"," 這是魔法所在。幾百個 ",[73,74,75],"code",{},".ts"," 或 ",[73,78,79],{},".m4s"," 分片透過 WebAssembly FFmpeg 被拼接、封裝成單一 MP4——不需要桌面 FFmpeg，不需要 PATH 裡有 ",[73,82,83],{},"ffmpeg.exe","，什麼都不需要。技術實現細節在 ",[17,86,88],{"href":87},"\u002Fzh-Hant\u002Fblog\u002Fhow-flowpick-merges-video-segments-in-browser","瀏覽器內合併的硬核拆解"," 裡。",[44,91,92,95],{},[23,93,94],{},"直接 MP4\u002FWebM\u002FFLV 下載。"," 對於不走串流、直接給影片檔案 URL 的站點，FlowPick 直接抓。",[33,97,98],{"id":98},"音訊捕獲",[11,100,101,102,89],{},"音訊資源走獨立的偵測管線——MP3、AAC、WAV、OGG、FLAC、M4A。內建播放器，下載前能預覽。Podcast、背景音樂、奇怪的音效片段——瀏覽器載入了什麼，FlowPick 就看見什麼。具體工作流程在 ",[17,103,105],{"href":104},"\u002Fzh-Hant\u002Fblog\u002Fhow-to-sniff-and-download-audio-from-any-website","音訊偵測教學",[33,107,108],{"id":108},"圖片批次下載",[11,110,111,112,116],{},"這個功能讓我們意外——用的人比預想的多。批次下載頁面上的所有圖片（JPG、PNG、GIF、WebP、SVG、AVIF），按大小\u002F格式\u002F尺寸篩選，跳過縮圖。Pinterest 畫板、商品圖庫、桌布站——",[17,113,115],{"href":114},"\u002Fzh-Hant\u002Fblog\u002Fbatch-download-images-from-any-website","批次圖片下載指南"," 有詳細說明。",[33,118,119],{"id":119},"智慧篩選",[11,121,122],{},"偵測完一個媒體密集的頁面後，你還得在結果裡找到你要的東西。篩選器：",[41,124,125,131,140,146],{},[44,126,127,130],{},[23,128,129],{},"按類型","——影片、音訊、圖片",[44,132,133,136,137,139],{},[23,134,135],{},"按大小","——自動跳過廣告分片（那些 2 秒的 ",[73,138,75],{}," 小檔案，專門污染 HLS 串流）",[44,141,142,145],{},[23,143,144],{},"按時長","——影片和音訊都支援",[44,147,148,151],{},[23,149,150],{},"搜尋","——在偵測到的資源裡搜",[33,153,154],{"id":154},"下載管理員",[41,156,157,160,163,166],{},[44,158,159],{},"多執行緒並行分片下載",[44,161,162],{},"進度追蹤，帶剩餘時間",[44,164,165],{},"批次佇列",[44,167,168],{},"任意資源一鍵「Pick」下載",[33,170,171],{"id":171},"隱私與安全",[11,173,174,175,179],{},"這是我們死守的底線。FlowPick 零資料收集。沒有分析，沒有追蹤，沒有所謂的「匿名使用統計」。所有處理都在瀏覽器沙箱裡本地完成。沒有任何伺服器看到過你的 URL、你的 cookie、你下載的檔案。完整的 ",[17,176,178],{"href":177},"\u002Fzh-Hant\u002Fdocs\u002Ffeatures\u002Fprivacy-security","隱私與安全文件"," 有全部細節。",[41,181,182,185,188,191],{},[44,183,184],{},"零資料收集",[44,186,187],{},"100% 本地處理",[44,189,190],{},"深色模式（跟隨系統）",[44,192,193,194,197,198,201],{},"鍵盤快捷鍵：",[73,195,196],{},"Alt+Shift+F"," 打開偵測器，",[73,199,200],{},"Alt+Shift+D"," 打開下載管理員",[33,203,204],{"id":204},"瀏覽器支援",[206,207,208,224],"table",{},[209,210,211],"thead",{},[212,213,214,218,221],"tr",{},[215,216,217],"th",{},"瀏覽器",[215,219,220],{},"狀態",[215,222,223],{},"說明",[225,226,227,239,249],"tbody",{},[212,228,229,233,236],{},[230,231,232],"td",{},"Google Chrome",[230,234,235],{},"✅ 支援",[230,237,238],{},"推薦",[212,240,241,244,246],{},[230,242,243],{},"Microsoft Edge",[230,245,235],{},[230,247,248],{},"基於 Chromium",[212,250,251,254,256],{},[230,252,253],{},"Mozilla Firefox",[230,255,235],{},[230,257,258],{},"完整功能對齊",[11,260,261],{},"Firefox 支援和 Chromium 同日上線——這裡沒有二等公民待遇。",[33,263,264],{"id":264},"接下來",[11,266,267,268,272],{},"v1.0.0 是地基。後續版本會加入格式轉換、進階篩選規則、更多語言、效能最佳化。",[17,269,271],{"href":270},"\u002Fzh-Hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection","v1.1.0 發布說明"," 已經出來了——那版加了 MSE 錄製、文件偵測、分組影片卡片 UI。",[11,274,275,276,281,282,286],{},"碰到 bug 就 ",[17,277,280],{"href":278,"rel":279},"https:\u002F\u002Fgithub.com\u002Fezwebtools\u002Fflowpick\u002Fissues",[21],"去 GitHub 提 issue","。想跟進更新，",[17,283,285],{"href":284},"\u002Fzh-Hant\u002Fchangelog","更新日誌頁面"," 有每個版本。",[288,289],"hr",{},[33,291,292],{"id":292},"相關文章",[41,294,295,303,312,320],{},[44,296,297,302],{},[23,298,299],{},[17,300,301],{"href":87},"FlowPick 如何在瀏覽器內合併數百個影片分片"," —— v1.0.0 瀏覽器內合併背後的 WebAssembly FFmpeg 實現",[44,304,305,311],{},[23,306,307],{},[17,308,310],{"href":309},"\u002Fzh-Hant\u002Fblog\u002Fhow-i-built-flowpick-in-three-months","我如何用三個月做出 FlowPick"," —— v1.0.0 的開發故事，從原型到上線",[44,313,314,319],{},[23,315,316],{},[17,317,318],{"href":52},"HLS\u002FM3U8 下載入門"," —— FlowPick 為之而生的串流格式",[44,321,322,327],{},[23,323,324],{},[17,325,326],{"href":270},"FlowPick v1.1.0：更智慧的媒體識別"," —— 緊接著的更新版本，改進了偵測，加了 MSE 錄製",[33,329,330],{"id":330},"推薦閱讀",[41,332,333,342,351],{},[44,334,335,341],{},[23,336,337],{},[17,338,340],{"href":339},"\u002Fzh-Hant\u002Fblog\u002Fflowpick-vs-yt-dlp","FlowPick vs. yt-dlp"," —— FlowPick 的瀏覽器捕獲模式 vs 命令列王者",[44,343,344,350],{},[23,345,346],{},[17,347,349],{"href":348},"\u002Fzh-Hant\u002Fblog\u002Fhow-to-download-tiktok-twitter-videos","如何下載 TikTok 和 Twitter\u002FX 影片"," —— v1.0.0 開箱即用的實際用例",[44,352,353,358],{},[23,354,355],{},[17,356,357],{"href":114},"從任意網站批次下載圖片"," —— 沒人要求但人人都在用的圖片功能",{"title":360,"searchDepth":361,"depth":361,"links":362},"",2,[363,364,365,366,367,368,369,370,371,372],{"id":35,"depth":361,"text":36},{"id":98,"depth":361,"text":98},{"id":108,"depth":361,"text":108},{"id":119,"depth":361,"text":119},{"id":154,"depth":361,"text":154},{"id":171,"depth":361,"text":171},{"id":204,"depth":361,"text":204},{"id":264,"depth":361,"text":264},{"id":292,"depth":361,"text":292},{"id":330,"depth":361,"text":330},"updates","2025-04-20","FlowPick v1.0.0 上線——瀏覽器擴充功能，自動偵測 HLS\u002FDASH 串流、音訊和圖片，透過 WebAssembly FFmpeg 在瀏覽器內合併分片，全程本地處理。這是首日發布的內容。","md","\u002Fscreenshots\u002Fversion-1.0.0.jpg","2026-08-03",{},true,"\u002Fzh-hant\u002Fblog\u002Fflowpick-v1-0-0-first-public-release",8,{"title":5,"description":375},"zh-Hant\u002Fblog\u002Fflowpick-v1-0-0-first-public-release",[386,387,388,389,390,391],"發布","v1.0.0","上線","更新日誌","WebAssembly","ffmpeg","wqdTZOEwKNUcvDbRgW943HR3_LlGdlsetkPFyjnldvE",[394,401],{"title":395,"path":396,"stem":397,"description":398,"date":399,"category":400,"children":-1},"DASH 深度：SegmentTemplate、ContentProtection 與多視角 MPD 結構","\u002Fzh-hant\u002Fblog\u002Fdash-mpd-deep-dive-segmenttemplate-contentprotection","zh-Hant\u002Fblog\u002Fdash-mpd-deep-dive-segmenttemplate-contentprotection","MPD 入門之後的進階——SegmentTemplate 對比 SegmentTimeline、$Number$ 對比 $Time$、ContentProtection 信令，以及 DASH 比 HLS 難解析卻好下載的結構性原因。","2026-08-04","tips",{"title":402,"path":403,"stem":404,"description":405,"date":406,"category":373,"children":-1},"FlowPick v1.1.0 發布說明：更智慧的媒體識別","\u002Fzh-hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection","zh-Hant\u002Fblog\u002Fflowpick-v1-1-0-smarter-media-detection","FlowPick v1.1.0 發布——分組影片卡片、MSE 錄製、文件偵測、字幕偵測，還有一堆 UI 修復。本文說清楚改了什麼、為什麼改。","2026-08-02",1787670603387]