Audio Spectrum Visualizer
Upload MP3/WAV โ real-time spectrum visualization โ download WebM video ยท browser-only ยท no server upload ยท free
MP3ยทWAV ํ์ผ์ ๋๋กญํ๊ฑฐ๋ ํด๋ฆญํ์ฌ ์ ๋ก๋
๋ธ๋ผ์ฐ์ ์์ ์ฒ๋ฆฌ โ ์๋ฒ ์ ์ก ์์
์คํํธ๋ผ ์ค์
์คํํธ๋ผ ์์
๋ฐฐ๊ฒฝ ๋ฐ ์บ๋ฒ์ค
๋ฐฐ๊ฒฝ ์์
์บ๋ฒ์ค ํด์๋
ํ ์คํธ ์ค๋ฒ๋ ์ด (0/5)
์ฌ์ฉ ๋ฐฉ๋ฒ
- MP3 ๋๋ WAV ํ์ผ์ ์ ๋ก๋ํฉ๋๋ค.
- ์คํํธ๋ผ ์์ยท๋ฐฐ๊ฒฝ์ยท๋์นญ ์ฌ๋ถยทํ ์คํธ๋ฅผ ์ค์ ํฉ๋๋ค.
- ์ฌ์ ๋ฒํผ์ ํด๋ฆญํ๋ฉด ์บ๋ฒ์ค์ ์ค์๊ฐ ์คํํธ๋ผ์ด ํ์๋ฉ๋๋ค.
- WebM ๋ นํ ์์์ ํด๋ฆญํ๋ฉด ์์ ๋ นํ๊ฐ ์์๋ฉ๋๋ค (์ฌ์ ์ค ๊ถ์ฅ).
- ๋ นํ ์ค์ง ๋ฒํผ์ ํด๋ฆญํ๋ฉด WebM ํ์ผ์ด ์๋ ๋ค์ด๋ก๋๋ฉ๋๋ค.
์ค๋์ค ์คํํธ๋ผ ์์ฑ๊ธฐ๋?
์ ํ๋ธยท๋ฆด์คยทํฑํก ์์์ ์์ฃผ ๋ฑ์ฅํ๋ ์ค๋์ค ์คํํธ๋ผ ์๊ฐํ ์์์ ๋ธ๋ผ์ฐ์ ์์ ์ง์ ๋ง๋ค ์ ์๋ ๋ฌด๋ฃ ์จ๋ผ์ธ ๋๊ตฌ์ ๋๋ค. ์์ ํ์ผ์ ์ ๋ก๋ํ๋ฉด 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๊ฐ๊น์ง ์ถ๊ฐํ ์ ์์ต๋๋ค. ๊ฐ ํ ์คํธ๋ ๋ด์ฉยทํฐํธยทํฌ๊ธฐยท์์ยท์์น๋ฅผ ๊ฐ๋ณ ์ค์ ํ ์ ์์ต๋๋ค.