VV2 (Video Visualizer): 나만의 오디오 반응형 영상 시각화 도구 🎵

🎬

영상에 트렌디한 오디오 스펙트럼을 추가하고 싶으신가요?

 

프리미어 프로나 애프터 이펙트 같은 무겁고 복잡한 편집 툴 없이도, 클릭 몇 번만으로 소리에 반응하는 이퀄라이저 효과를 입힐 수 있는 VV2 (Video Visualizer)를 소개합니다.

 

바이브 코딩으로 직접 제작하였습니다. 이 페이지는 VV2 (Video Visualizer) 의 공식 홈페이지 입니다. 버그나 개선사항이 있으면 알려주시면 최대한 반영하도록 하겠습니다.   

---

🚀 VV2란?

VV2는 영상의 오디오를 분석해 소리에 맞춰 역동적으로 움직이는 바(Bar) 형태의 시각화 효과를 합성해 주는 웹 기반 데스크탑 애플리케이션입니다. 감각적인 포인트를 원하는 크리에이터, 음악 콘텐츠를 업로드하는 분들에게 최적화된 도구입니다.

---

✨ 주요 기능

1. 직관적이고 세련된 UI 다크 모드와 글래스모피즘(Glassmorphism) 디자인을 기반으로, 슬라이더와 컬러 피커만으로 누구나 쉽게 사용할 수 있습니다.

2. 실시간 미리보기 설정을 바꾸는 즉시 막대그래프의 모습을 실시간으로 확인할 수 있습니다. FFmpeg 인코딩 전에 디자인을 완성할 수 있어 작업 시간을 대폭 줄여줍니다.

3. 세밀한 커스텀 옵션

옵션설명

🎨 색상	컬러 피커 또는 HEX 코드 직접 입력
↕️ 높이	50px ~ 600px 범위에서 자유 조절
👻 불투명도	0.1 ~ 1.0 사이로 세밀하게 조정
📍 위치	영상 상단(Top) 또는 하단(Bottom) 선택

4. FFmpeg 기반 고속 처리 ffmpeg-static과 showfreqs 필터를 활용해 오디오 주파수를 정확하게 분석하고 바 형태의 이퀄라이저로 즉시 합성합니다. 진행률은 퍼센트(%)와 프로그레스 바로 실시간 확인 가능합니다.

---

💻 사용 방법

파일 다운로드(3개 파일 모두 다운로드)

VV2.zip

3.98MB

VV2.z01

19.53MB

VV2.z02

19.53MB

 

1. 다운로드 받은 파일을 실행합니다.
   
   
   
   앱이 실행될 때 이 윈도우도 실행됩니다.
   

 

2. 다음과 같이 앱이 실행이 됩니다. 사운드 그래프를 추가하고 싶은 영상을 [대상 영상 선택] 을 클릭하여 선택합니다.

또한, 작업 폴더 경로, 즉 작업이 완료되는 폴더를 선택합니다. 폴더 내 동영상(mp4, mov, mkv 등)을 선택하면 미리보기가 즉시 나타납니다. 색상, 위치, 높이, 불투명도를 원하는 대로 조절합니다.

 

3. 사운드에 반응하는 그래프의 색상과 위치 높이, 투명도를 선택하고 [작업시작하기] 를 누릅니다.

 

4. 작업이 진행되는 과정의 % 를 실시간으로 보여줍니다.

 

5. 완료가 되면 해당 영상이 파일이 [원본이름]_visualized.mp4  로 만들어진 것을 확인 할 수 있습니다.

 

 

6. 영상을 실행해 보면 사운드의 변화에 따라 막대 그래프가 움직이는 것을 볼 수 있습니다. 그럼 이 영상은 유튜브나 필요한 곳에 업로드 하면 됩니다.

---

🛠️ 기술 스택

영역기술

Frontend	HTML5, Vanilla CSS, JavaScript, Lucide Icons
Backend	Node.js, Express
미디어 처리	FFmpeg (오디오 분석 · 필터 적용 · 렌더링)
OS 연동	PowerShell (Windows 파일/폴더 선택 창)

---

지금 바로 VV2로 밋밋했던 영상에 생동감 넘치는 사운드 비주얼라이저를 더해보세요! 🎧✨