오디오 주파수 분석기 (Visualizer)
Web Audio API와 HTML5 Canvas 기술을 활용하여 마이크 스트리밍 또는 MP3, WAV, FLAC 오디오 파일의 주파수(Frequency)와 파형(Waveform)을 실시간 60FPS 고해상도 그래픽으로 시각화합니다. 저음(Bass), 중음(Mid), 고음(High) 대역 선택 기능과 민감도(Gain) 조절, 오션·네온·선셋 등 4가지 모던 컬러 테마를 지원합니다. 모든 음원 및 음성 데이터는 외부 서버로 전송되지 않고 사용자의 브라우저 안에서만 처리됩니다.
오디오 파일 드롭 또는 선택
MP3, WAV, FLAC, OGG, M4A, AAC 지원
브라우저 내 Web Audio API 연산
업로드한 음원 파일이나 마이크 녹음 데이터는 서버로 전송되지 않습니다. 브라우저의 Web Audio API 엔진을 통해 오프라인 메모리에서 처리됩니다.
오디오 주파수 대역 가이드
Bass (20Hz - 250Hz)
베이스 드럼, 베이스 기타 등 음악의 묵직한 타격감과 울림을 담당하는 저음역대입니다.
Mid (250Hz - 4kHz)
보컬 목소리, 피아노, 기타 등 대다수 악기의 핵심 음역대가 집중되어 있는 구간입니다.
High (4kHz - 20kHz)
심벌즈, 하이햇, 효과음 등 사운드의 맑고 선명한 청량감을 더해주는 고음역대입니다.
웹 브라우저 기반 초고속 실시간 오디오 스펙트럼 분석기
음악 프로듀싱, 마이크 성능 테스트, 음원 주파수 분석 및 시각 효과 연출을 위한 브라우저 기반 60FPS 실시간 오디오 비주얼라이저입니다. 외부 서버 업로드 없이 동작합니다.
실시간 60FPS HTML5 Canvas 렌더링
Fast Fourier Transform(FFT) 알고리즘을 활용하여 128개 이상의 주파수 대역을 끊김 없이 부드럽게 시각화합니다.
파일 & 마이크 듀얼 입력 지원
로컬 음원 파일 분석부터 실시간 마이크 오디오 스트리밍까지 클릭 한 번으로 자유롭게 전환이 가능합니다.
맞춤형 대역 필터링 & 테마
저음/중음/고음 대역 선택과 오션, 네온 사이버, 선셋 그래디언트 테마를 조합하여 완벽한 비주얼을 연출합니다.
오디오 주파수 대역(Frequency Bands) & 악기 소리 분포
인간의 가청 주파수 영역(20Hz ~ 20,000Hz)은 소리의 특성과 주요 악기에 따라 4가지 핵심 구간으로 구분됩니다.
Sub Bass / Bass (20Hz ~ 250Hz)
주요 악기: 베이스 드럼, 서브 베이스, 튜바
몸으로 느껴지는 묵직한 중저음 타격감과 진동을 담당하는 영역입니다.
Low-Mid & Mid Range (250Hz ~ 2,000Hz)
주요 악기: 사람 보컬, 피아노, 스네어, 아쿠스틱 기타
목소리와 대다수 악기의 기본음(Fundamental)이 집중된 핵심 음역대입니다.
High-Mid & Presence (2kHz ~ 6kHz)
주요 악기: 바이올린, 스네어 림샷, 명확한 발음
음악의 선명도와 해상도, 보컬의 전달력을 결정짓는 상위 음역대입니다.
Brilliance & High (6kHz ~ 20kHz)
주요 악기: 심벌즈, 하이햇, 효과음, 공기감(Air)
고음의 맑은 찰랑거림과 사운드의 넓은 입체감을 더해주는 영역입니다.
실시간 음파 시각화의 연산 원리: Web Audio API & FFT
소리의 파형 데이터를 주파수 성분으로 변환하는 브라우저 렌더링 기술입니다.
Fast Fourier Transform (FFT 고속 푸리에 변환)
시간에 따라 변화하는 복합 음파 신호를 성분별 주파수 대역(Hz)으로 분해하여 128~2048개 핀(Bin)의 에너지 수치로 즉시 전환합니다.
AnalyserNode & 60FPS Canvas 렌더 룹
Web Audio API의 AnalyserNode가 16ms 단위로 추출한 데이터 수치를 HTML5 Canvas 2D linear gradient 그래픽으로 끊김 없이 묘사합니다.
오디오 비주얼라이저의 주요 활용 분야
단순 음악 감상부터 음향 테스트, 방송 모니터링까지 다방면으로 활용됩니다.
마이크 & 음향 장비 노이즈 검사
조용한 상태에서 마이크 입력 시 특정 주파수 대역(60Hz 험 노이즈, 고주파 노이즈)이 튀는지 실시간 점검합니다.
보컬 & 악기 튜닝 훈련
노래를 부르거나 악기를 연주할 때 본인의 음역대(Low/Mid/High) 및 울림 공명 구간을 눈으로 확인하며 교정합니다.
팟캐스트 & 오디오 모니터링
음량 크기(Gain)와 왜곡(Clipping) 여부를 실시간 파형과 주파수 그래프로 직관적으로 확인합니다.
오디오 비주얼라이저 사용 단계별 가이드
1단계: 오디오 소스 선택
상단 탭에서 "음원 파일" 또는 "마이크 입력"을 선택합니다.
2단계: 음원 재생 또는 음성 입력
음원 파일을 선택하여 재생 버튼을 누르거나 마이크 권한을 허용합니다.
3단계: 민감도 & 컬러 테마 설정
하단 조절기에서 Gain 민감도와 오션/네온/선셋 컬러 테마를 자유롭게 커스텀합니다.
자주 묻는 질문 (FAQ)
Q.지원하는 오디오 파일 포맷은 무엇인가요?
MP3, WAV, FLAC, OGG, M4A, AAC 등 웹 브라우저가 기본 지원하는 모든 오디오 파일 포맷을 실시간으로 분석할 수 있습니다.
Q.마이크 음성이나 오디오 파일 데이터가 외부 서버로 저장되나요?
절대 저장되거나 전송되지 않습니다. Toolbase의 모든 오디오 분석 연산은 사용자의 기기 메모리 내(Web Audio API)에서만 로컬 수행됩니다.
Q.GAIN(민감도) 조절 기능은 언제 사용하면 좋은가요?
녹음된 소리가 너무 작아 주파수 그래프 바의 반응이 미미할 때 GAIN 수치를 높이면 그래프가 시원하고 풍성하게 시각화됩니다.
Q.트랙 정지 상태와 재생 상태일 때 하단 타임라인은 어떻게 차이가 나나요?
정지 상태에서는 곡 전체 음원의 150개 대표 파형 타임라인 맵이 표시되며, 재생 중에는 현재 위치 재생 헤드와 함께 실시간 주파수 반응이 연속 렌더링됩니다.
Q.모바일 스마트폰(iOS/Android)에서도 원활하게 동작하나요?
네, 모바일 Safari와 Chrome 브라우저의 Web Audio API 및 터치 제스처를 지원하므로 모바일 기기에서도 동일한 60FPS 스펙트럼 분석을 이용하실 수 있습니다.