如何嗅探並下載網頁上的音訊：播客、BGM、有聲書一網打盡

某個網站的背景音樂聽著很好，但根本沒有下載按鈕。播客平台想離線儲存幾集，官方 App 又要付費。有聲書網站每章都是單獨的音訊檔案，一個一個點實在煩死了。

這篇說一件事：怎麼把這些藏起來的音訊搞下來。

網頁音訊為什麼不好直接下載

瀏覽器對音訊檔案沒有內建的「批次儲存」功能。右鍵一個 <audio> 元素，有時能看到「另存新檔」，但大多數現代網站根本不給右鍵選單，或者右鍵選單裡的「儲存」只存到一個暫時的、帶 token 的 URL，等你打開已經 403 了。

還有更麻煩的情況：

HLS 音訊串流 — 播客平台和課程網站經常用 HLS 傳輸音訊，同影片 HLS 一樣切成幾百個分片。你拿到 M3U8 URL，能直接播，但「另存新檔」只存了那個幾 KB 的播放清單檔案。原理一樣的，詳見 如何下載 M3U8/HLS 串流：完整入門指南。

有簽章 token 的直連 — 有些平台給每個請求生成帶時效的 URL，直接複製連結放 IDM 或瀏覽器下載欄，大機率是 403。

需要登入才能存取 — 會員專屬內容，裸連結根本拿不到，必須帶上當前工作階段的 Cookie 才行。

FlowPick 作為瀏覽器擴充功能，在網路請求層直接攔截——它看到的 URL 和你的瀏覽器看到的完全一樣，帶 Cookie，帶 token，即時有效。

FlowPick 能偵測到哪些音訊

透過 webRequest API 監控所有網路請求，FlowPick 能偵測：

• 直接音訊檔案：MP3、M4A、AAC、WAV、FLAC、OGG、WEBA 等，頁面一載入就能看到
• HLS 音訊串流：M3U8 播放清單裡的純音訊軌道，需要點擊播放觸發請求
• DASH 音訊軌道：DASH 串流裡獨立的音訊 AdaptationSet，通常是 M4A/AAC 格式
• 頁面背景音樂：隨頁面載入自動請求的 BGM，重新整理頁面就能偵測到

偵測不到的情況：

• 用 Web Audio API 在客戶端合成的聲音（不經過網路請求）
• Widevine/PlayReady DRM 加密的音訊（Spotify 等平台）
• Base64 內聯到 HTML 裡的音訊資料

支援的音訊格式

一步步嗅探並下載音訊

第一步：重新整理頁面或觸發播放

關鍵點因音訊類型而不同：

• 頁面 BGM / 自動播放音訊：直接重新整理頁面，BGM 載入請求馬上就被 FlowPick 擷取，不需要手動操作
• 需要點擊播放的播客/有聲書：點擊播放按鈕，等播放開始（通常 2-3 秒），再打開 FlowPick
• HLS 音訊串流：點播放之後，FlowPick 才會看到 M3U8 請求。不播放，就看不到串流

第二步：打開 FlowPick 彈窗

點擊瀏覽器工具列的 FlowPick 圖示，彈窗角標上的數字是當前頁面偵測到的所有媒體資源總數。

第三步：切換到音訊分頁

彈窗頂部有媒體類型分頁，點擊音訊分頁（🎵 圖示）。你會看到偵測到的所有音訊資源列表，每條顯示檔案名稱、格式、檔案大小（如果伺服器回傳了 Content-Length）。

如果檔案大小顯示為「未知」——這很正常，伺服器沒有在回應標頭裡回傳大小。不影響下載。

第四步：選擇並下載

單個檔案：點擊右側的下載圖示直接下載。

批次下載：勾選多個條目 → 點擊頂部的下載已選。FlowPick 按佇列依次下載，彈窗裡有進度顯示。

對於 HLS 音訊串流，FlowPick 會自動下載所有分片並合併成完整的 M4A 或 MP3 檔案，不需要手動處理。背後的合併管線在 FlowPick 是怎麼在瀏覽器裡把分片合成 MP4 的 裡有完整拆解，音訊串流走的是同一套。

具體場景操作

播客批次儲存

播客平台的常見情況：首頁列表載入時，每集的音訊 URL 可能還沒有請求——只有你點進單集頁面或者點擊播放，音訊請求才會發出。

操作節奏：

1. 打開播客節目頁面
2. 逐集點擊播放（哪怕只播 2 秒）
3. 不要關閉分頁，繼續點擊下一集播放
4. 多集依次觸發後，打開 FlowPick → 音訊分頁
5. 全選 → 下載已選

這樣能一次性排隊下載所有已觸發的集數，不需要一集一集等。

注意： 如果平台一次只載入 20 集，捲動到底部載入更多之後，需要再繼續觸發播放才能偵測到後面的集數。

有聲書按章節下載

有聲書平台通常把每章切成獨立的音訊檔案。進入收聽頁面，播放第一章，FlowPick 彈出音訊條目。如果平台一次預載入多章，全部都會顯示出來——全選批次下載即可。

如果平台是播完一章才載入下一章：播放、下載、切到下一章、播放、再下載，循環。比起瀏覽器挨個右鍵另存新檔，FlowPick 處理得快一些，特別是 HLS 串流不用手動處理分片。

網站背景音樂

很多創意網站、遊戲宣傳頁、產品 landing page 都有精心製作的 BGM。這類音訊通常在頁面載入時就自動請求，不需要任何操作觸發。

打開頁面（等 BGM 開始播） → 立刻打開 FlowPick → 音訊分頁裡就有了。通常是 MP3 或 M4A 格式，可以直接下載。

YouTube Music / B 站純音訊

YouTube 和 B 站的純音訊內容走 DASH，音訊軌和影片軌是分開的。FlowPick 彈窗裡會同時顯示影片條目和音訊條目——如果你只需要音訊，切到音訊分頁，直接下載音訊軌即可，不需要下載整個影片再提取。DASH 為什麼這麼設計，可以看 什麼是 DASH 串流媒體？MPD 檔案解析。

B 站的 DASH 音訊軌通常是 M4A 格式，128kbps 或 320kbps（大會員）。B 站完整的下載流程在 如何下載 Bilibili 影片到本機 裡講得更細。

課程平台音訊講義

部分課程平台的課程有獨立的音訊版本，或者正片影片本身的 HLS 音訊軌可以單獨下載。在 FlowPick 彈窗裡：如果你看到影片串流（M3U8）的同時，音訊分頁裡也有獨立的 M3U8 條目，說明平台分開傳輸了音影片——直接下載音訊軌，檔案小，適合通勤聽。

過濾掉不想要的音訊

頁面上的音訊不一定都是你要的——廣告音訊、UI 互動音效、頁面提示音都會被偵測到。

按檔案大小過濾：在 FlowPick 設定裡設定最小檔案大小（比如 500KB），就能去掉絕大多數短促的 UI 音效和廣告音訊。播客單集通常幾十 MB，有聲書章節也在幾 MB 以上，這個閾值很好用。

手動取消勾選：批次下載前掃一遍列表，檔案名稱裡有 "ad"、"jingle"、"notify" 這類關鍵詞的手動取消勾選。

常見問題

偵測到了但下載失敗

多半是 URL 裡帶時效 token，你打開彈窗到實際點擊下載之間隔了太久，token 失效了。重新整理頁面、重新觸發播放、重新偵測，再立刻下載。

HLS 音訊下載完是空檔案或者幾 KB

M3U8 檔案本身只有幾 KB，是播放清單，不是音訊內容。FlowPick 在下載 HLS 音訊時會自動解析並下載所有分片合併——如果出現幾 KB 的檔案，說明 FlowPick 只儲存了播放清單而沒有觸發分片下載流程。

換到 Chrome 或 Edge，合併功能在這兩個瀏覽器上最穩定。

檔案下載了但放不了

幾種情況：

• 格式標錯：伺服器發了 M4A 但 Content-Type 寫的是 audio/mpeg，導致儲存成 .mp3。用 VLC 強制打開，或者把副檔名手動改成 .m4a 試試
• HLS 分片缺失：播放器緩衝沒結束就停掉了，某些分片沒下載完。重新下載，確保 FlowPick 進度條到 100%
• DRM 加密：Spotify、網易雲 VIP 歌曲等平台用 DRM，下載到的是加密資料，任何播放器都打不開。FlowPick 沒法處理這類內容

下載的播客只有音樂沒有說話聲

極少數情況：平台把背景音樂和人聲分成了兩條獨立的音訊軌道（DASH 多 AdaptationSet），你只下了其中一條。查看 FlowPick 音訊列表裡是否有另一條條目，選中兩條都下載，再用 FFmpeg 混合：

ffmpeg -i voice.m4a -i bgm.m4a -filter_complex amix=inputs=2 output.mp3

隱私說明

FlowPick 的音訊偵測和下載全程在瀏覽器本機完成。偵測到的 URL、下載的檔案都不經過 FlowPick 的伺服器。你的帳號 Cookie 和工作階段資訊只用於你的瀏覽器直接向目標伺服器發請求——和你直接打開頁面聽音訊是完全一樣的網路路徑。

推薦閱讀

• 如何下載 M3U8/HLS 串流：完整入門指南 — 音訊串流和影片串流原理一樣，這篇講得更透
• 什麼是 DASH 串流媒體？MPD 檔案解析 — DASH 把音影片分軌傳輸，音訊單獨下載就靠這個機制
• 如何下載 Bilibili 影片到本機 — B 站的 DASH 音訊軌也能單獨下載
• FlowPick 是怎麼在瀏覽器裡把分片合成 MP4 的 — HLS 音訊串流的分片合併，走的是同一套管線
• 如何批次下載網頁上的所有圖片 — 圖片和音訊都能批次抓，看完這篇觸類旁通