웹페이지 오디오 감지 및 다운로드 방법: 팟캐스트, BGM, 오디오북 완벽 가이드

어떤 사이트의 배경음악이 마음에 드는데, 다운로드 버튼이 전혀 없습니다. 팟캐스트 플랫폼에서 몇 편을 오프라인 저장하고 싶은데, 공식 앱은 유료입니다. 오디오북 사이트는 매 챕터가 별도 오디오 파일인데, 하나하나 클릭하기 정말 귀찮습니다.

이 글은 한 가지를 다룹니다: 숨겨진 오디오를 어떻게 꺼내는가.

웹페이지 오디오가 바로 다운로드되지 않는 이유

브라우저는 오디오 파일에 대한 내장 "일괄 저장" 기능이 없습니다. <audio> 요소를 우클릭하면 가끔 "다른 이름으로 저장"이 보이지만, 대부분의 최신 사이트는 우클릭 메뉴 자체를 막거나, 메뉴의 "저장"이 임시 토큰이 붙은 URL만 저장해서 열어보면 이미 403입니다.

더 까다로운 경우도 있습니다:

HLS 오디오 스트림 — 팟캐스트 플랫폼과 강의 사이트는 종종 HLS로 오디오를 전송하며, 동영상 HLS와 마찬가지로 수백 개의 세그먼트로 분할됩니다. M3U8 URL을 얻어서 직접 재생은 되지만, "다른 이름으로 저장"은 몇 KB짜리 재생 목록 파일만 저장합니다. 원리는 같습니다. 자세한 내용은 M3U8/HLS 스트리밍 다운로드 방법: 완전 입문 가이드 를 참고하세요.

서명 토큰이 있는 직링크 — 일부 플랫폼은 매 요청마다 시한부 URL을 생성합니다. 링크를 복사해서 IDM이나 브라우저 다운로드 바에 붙여넣으면, 대부분 403이 납니다.

로그인이 필요한 콘텐츠 — 회원 전용 콘텐츠는 베어 링크로는 전혀 접근할 수 없으며, 반드시 현재 세션의 쿠키가 함께 전달되어야 합니다.

FlowPick은 브라우저 확장 프로그램으로서 네트워크 요청 레이어에서 직접 가로챕니다. FlowPick이 보는 URL은 브라우저가 보는 것과 완전히 동일하며, 쿠키도, 토큰도, 실시간으로 유효합니다.

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 등 플랫폼)
• HTML에 Base64로 인라인된 오디오 데이터

지원 오디오 포맷

오디오 감지 및 다운로드 단계별 가이드

1단계: 페이지 새로고침 또는 재생 트리거

핵심 포인트는 오디오 유형에 따라 다릅니다:

• 페이지 BGM / 자동 재생 오디오: 페이지를 새로고침하기만 하면, BGM 로드 요청이 FlowPick에 바로 캡처됩니다. 수동 조작 불필요
• 클릭 재생이 필요한 팟캐스트/오디오북: 재생 버튼을 클릭하고, 재생이 시작될 때까지 기다린 후(보통 2~3초), FlowPick 열기
• HLS 오디오 스트림: 재생 클릭 후에야 FlowPick이 M3U8 요청을 볼 수 있습니다. 재생하지 않으면 스트림이 보이지 않습니다

2단계: FlowPick 팝업 열기

브라우저 도구 모음의 FlowPick 아이콘을 클릭하세요. 팝업 배지 숫자는 현재 페이지에서 감지된 모든 미디어 리소스 총 개수입니다.

3단계: 오디오 탭으로 전환

팝업 상단에 미디어 유형 탭이 있습니다. 오디오 탭(🎵 아이콘)을 클릭하세요. 감지된 모든 오디오 리소스 목록이 표시되며, 각 항목은 파일명, 포맷, 파일 크기(서버가 Content-Length를 반환한 경우)를 보여줍니다.

파일 크기가 "알 수 없음"으로 표시되는 건 정상입니다. 서버가 응답 헤더에 크기를 반환하지 않은 것뿐입니다. 다운로드에는 영향이 없습니다.

4단계: 선택 및 다운로드

단일 파일: 오른쪽 다운로드 아이콘을 클릭하여 바로 다운로드.

일괄 다운로드: 여러 항목 체크 → 상단의 선택 항목 다운로드 클릭. FlowPick이 큐에 따라 순차 다운로드하며, 팝업에 진행률이 표시됩니다.

HLS 오디오 스트림의 경우, FlowPick이 자동으로 모든 세그먼트를 다운로드하고 완전한 M4A 또는 MP3 파일로 병합합니다. 수동 처리 불필요. 백엔드 병합 파이프라인은 FlowPick이 브라우저에서 수백 개 동영상 세그먼트를 MP4로 병합하는 방법 에서 완전히 해부되어 있으며, 오디오 스트림도 동일한 파이프라인을 사용합니다.

구체적인 시나리오별 작업

팟캐스트 일괄 저장

팟캐스트 플랫폼의 일반적인 상황: 홈 목록이 로드될 때, 각 에피소드의 오디오 URL은 아직 요청되지 않았을 수 있습니다. 에피소드 페이지에 들어가거나 재생을 클릭해야 오디오 요청이 발생합니다.

작업 리듬:

1. 팟캐스트 프로그램 페이지 열기
2. 에피소드를 하나씩 클릭 재생 (2초만 재생해도 충분)
3. 탭을 닫지 말고, 계속 다음 에피소드 재생 클릭
4. 여러 에피소드를 순차 트리거한 후, FlowPick 열기 → 오디오 탭
5. 전체 선택 → 선택 항목 다운로드

이렇게 하면 트리거된 모든 에피소드를 한 번에 큐 다운로드할 수 있으며, 하나씩 기다릴 필요가 없습니다.

참고: 플랫폼이 한 번에 20개 에피소드만 로드한다면, 하단으로 스크롤하여 더 불러온 후, 다시 재생을 트리거해야 이후 에피소드를 감지할 수 있습니다.

오디오북 챕터별 다운로드

오디오북 플랫폼은 보통 각 챕터를 독립된 오디오 파일로 분할합니다. 청취 페이지에 들어가서 첫 챕터를 재생하면, FlowPick에 오디오 항목이 표시됩니다. 플랫폼이 여러 챕터를 미리 로드한다면, 전부 표시됩니다. 전체 선택 일괄 다운로드하면 됩니다.

플랫폼이 한 챕터 재생이 끝나야 다음 챕터를 로드하는 경우: 재생, 다운로드, 다음 챕터로 전환, 재생, 다시 다운로드, 반복. 브라우저에서 일일이 우클릭 저장하는 것보다 FlowPick이 훨씬 빠르며, 특히 HLS 스트림은 세그먼트를 수동 처리할 필요가 없습니다.

웹사이트 배경음악

많은 크리에이티브 웹사이트, 게임 프로모션 페이지, 제품 랜딩 페이지에는 정성 들인 BGM이 있습니다. 이런 오디오는 보통 페이지 로드 시 자동으로 요청되므로, 아무 조작도 트리거할 필요가 없습니다.

페이지 열기(BGM 재생 시작 대기) → 바로 FlowPick 열기 → 오디오 탭에 이미 있습니다. 보통 MP3 또는 M4A 포맷이며, 바로 다운로드 가능합니다.

YouTube Music / 빌리빌리 순수 오디오

YouTube와 빌리빌리의 순수 오디오 콘텐츠는 DASH로 전송되며, 오디오 트랙과 비디오 트랙이 분리되어 있습니다. FlowPick 팝업에는 동영상 항목과 오디오 항목이 동시에 표시됩니다. 오디오만 필요하다면, 오디오 탭으로 전환하여 오디오 트랙만 직접 다운로드하세요. 전체 동영상을 다운로드한 후 추출할 필요가 없습니다. DASH가 왜 이렇게 설계되었는지는 DASH 스트리밍이란? MPD 파일 해설 을 참고하세요.

빌리빌리의 DASH 오디오 트랙은 보통 M4A 포맷, 128kbps 또는 320kbps(프리미엄 회원)입니다. 빌리빌리 전체 다운로드 과정은 빌리빌리 동영상 로컬 다운로드 방법 에서 더 자세히 다룹니다.

강의 플랫폼 오디오 강의

일부 강의 플랫폼의 강좌에는 독립된 오디오 버전이 있거나, 본편 동영상 자체의 HLS 오디오 트랙을 별도로 다운로드할 수 있습니다. FlowPick 팝업에서: 동영상 스트림(M3U8)과 함께 오디오 탭에도 독립된 M3U8 항목이 보인다면, 플랫폼이 오디오/비디오를 분리 전송하는 것입니다. 오디오 트랙만 직접 다운로드하면 파일 크기가 작아 통근 중 듣기에 좋습니다.

원치 않는 오디오 필터링

페이지의 오디오가 전부 필요한 건 아닙니다. 광고 오디오, UI 인터랙션 효과음, 페이지 알림음도 감지됩니다.

파일 크기로 필터링: FlowPick 설정에서 최소 파일 크기(예: 500KB)를 설정하면, 대부분의 짧은 UI 효과음과 광고 오디오를 걸러낼 수 있습니다. 팟캐스트 에피소드는 보통 수십 MB, 오디오북 챕터도 몇 MB 이상이므로, 이 임계값이 아주 유용합니다.

수동 체크 해제: 일괄 다운로드 전에 목록을 훑어보고, 파일명에 "ad", "jingle", "notify" 같은 키워드가 있으면 수동으로 체크 해제하세요.

자주 묻는 질문

감지는 됐는데 다운로드 실패

대부분 URL에 시한부 토큰이 포함되어 있어, 팝업을 열고 실제 다운로드 클릭까지 시간이 너무 오래 걸려 토큰이 만료된 경우입니다. 페이지 새로고침, 재생 다시 트리거, 다시 감지, 그리고 바로 다운로드하세요.

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 서버를 경유하지 않습니다. 계정 쿠키와 세션 정보는 오직 브라우저가 대상 서버에 직접 요청을 보내는 데만 사용됩니다. 페이지를 직접 열어서 오디오를 듣는 것과 완전히 동일한 네트워크 경로입니다.

추천 글

• M3U8/HLS 스트리밍 다운로드 방법: 완전 입문 가이드 — 오디오 스트림과 비디오 스트림 원리는 같습니다. 이 글이 더 깊이 다룹니다
• DASH 스트리밍이란? MPD 파일 해설 — DASH가 오디오/비디오를 분리 전송하는 구조, 오디오만 따로 다운로드하는 원리
• 빌리빌리 동영상 로컬 다운로드 방법 — 빌리빌리의 DASH 오디오 트랙도 별도 다운로드 가능
• FlowPick이 브라우저에서 수백 개 동영상 세그먼트를 MP4로 병합하는 방법 — HLS 오디오 스트림의 세그먼트 병합도 동일한 파이프라인
• 웹페이지 이미지 일괄 다운로드 방법 — 이미지와 오디오 모두 일괄 수집 가능. 이 글을 보면 응용이 됩니다