오디오 스펙트럼 생성기

오디오 스펙트럼 생성기란?

유튜브·릴스·틱톡 영상에 자주 등장하는 오디오 스펙트럼 시각화 영상을 브라우저에서 직접 만들 수 있는 무료 온라인 도구입니다. 음악 파일을 업로드하면 Web Audio API가 실시간으로 주파수 데이터를 분석하고, Canvas 2D API가 막대 그래프 형태의 스펙트럼을 렌더링합니다. 완성된 화면은 MediaRecorder API로 녹화하여 WebM 영상 파일로 다운로드할 수 있습니다.

좌우대칭 스펙트럼과 비대칭 스펙트럼의 차이

좌우대칭(Mirror) 모드는 주파수 스펙트럼 데이터를 중앙을 기준으로 양쪽에 대칭되도록 배치합니다. 저음역(Bass)이 중앙 부근에 표시되어 리듬감이 강조되며, 로파이·칠웨이브·앰비언트 음악에 특히 잘 어울립니다.비대칭 모드는 낮은 주파수에서 높은 주파수 순으로 왼쪽에서 오른쪽으로 순차 표시하는 전통적인 스펙트럼 방식으로, 주파수 분포를 정확하게 확인하고 싶을 때 사용합니다.

텍스트 오버레이 기능 활용법

음악 제목·아티스트명·채널명 등을 영상 위에 직접 표시할 수 있습니다. 최대 5개의 텍스트 레이어를 추가할 수 있으며, 각 레이어마다 텍스트 내용·폰트·크기·색상·화면 위치(X/Y)를 개별적으로 설정합니다. 제목을 크게 중앙 상단에 배치하고 아티스트 이름을 작게 하단에 추가하면 전문적인 Lyric Video 스타일의 영상을 만들 수 있습니다.

브라우저에서 처리하는 이유 — 저작권 보호

이 도구는 Web Audio API와 Canvas API를 활용하여 모든 처리를 브라우저 내에서 수행합니다. 음악 파일이 외부 서버로 전송되지 않기 때문에 저작권이 있는 음원이나 미공개 트랙도 안전하게 사용할 수 있습니다. 또한 서버 없이 동작하므로 처리 속도가 빠르고 파일 크기 제한이 브라우저 메모리 범위 내로만 적용됩니다.

MediaRecorder로 영상 녹화하는 방법

오디오를 재생 중인 상태에서 녹화 시작 버튼을 클릭하면 스펙트럼 Canvas 화면이 녹화됩니다. MediaRecorder API는 VP8/VP9 코덱이 포함된 WebM 컨테이너로 영상을 저장하며, Chrome·Edge·Firefox 최신 버전에서 정상 동작합니다. 녹화가 완료되면 자동으로 WebM 파일이 다운로드됩니다. Adobe Premiere·DaVinci Resolve·CapCut 등 주요 편집 소프트웨어에서 WebM을 임포트할 수 있습니다.

유튜브·릴스·틱톡 영상 활용 팁

스펙트럼 영상은 배경이 없으면 검은 단색으로 출력됩니다. 이를 영상 편집 소프트웨어에서 불투명도를 낮추거나 블렌드 모드(Add·Screen)를 적용하면 다른 영상 위에 자연스럽게 합성할 수 있습니다. 유튜브 쇼츠와 틱톡용으로는 9:16 세로 비율 Canvas를 권장하며, 유튜브 일반 영상과 릴스 썸네일에는 16:9 가로 비율이 최적입니다.

자주 묻는 질문 (FAQ)

오디오 스펙트럼 생성기가 무료인가요?

완전 무료입니다. 회원가입·결제 없이 브라우저에서 바로 사용하실 수 있습니다.

어떤 오디오 형식을 지원하나요?

MP3, WAV 형식을 지원합니다. 브라우저 Web Audio API가 지원하는 모든 형식(AAC, OGG 등)도 대부분 호환됩니다.

파일이 서버에 업로드되나요?

아니오. Web Audio API와 Canvas API로 브라우저 내에서만 처리됩니다. 파일이 외부 서버로 전송되지 않아 저작권과 개인정보가 완벽하게 보호됩니다.

좌우대칭과 비대칭의 차이는 무엇인가요?

좌우대칭(Mirror)은 스펙트럼 막대가 중앙을 기준으로 양쪽으로 대칭되어 더 화려한 시각적 효과를 연출합니다. 비대칭은 왼쪽에서 오른쪽으로 주파수 대역을 순서대로 표시하는 일반 스펙트럼 방식입니다.

영상 출력 형식은 무엇인가요?

MediaRecorder API를 사용해 WebM 형식으로 녹화·다운로드합니다. 대부분의 브라우저와 영상 편집 소프트웨어에서 재생 가능합니다.

텍스트 오버레이는 어떻게 사용하나요?

텍스트 오버레이 섹션에서 추가 버튼을 클릭해 최대 5개까지 추가할 수 있습니다. 각 텍스트는 내용·폰트·크기·색상·위치를 개별 설정할 수 있습니다.