livevamp
수련회 통성기도를 위한 라이브 자동반주 웹앱 프로토타입
개인기획·개발 단독2026.06
ReactTypeScriptTone.jsTailwind CSSVite
프로젝트 소개
수련회 통성기도 시간에 쓰는 라이브 자동반주 웹앱 프로토타입이다. 기도가 시작되면 반주가 자동으로 시작되고, 인도자가 신호를 주면 정지한다. 인도자는 섹션(Verse/Pre/Chorus/Bridge)과 다이나믹(악기 레이어 강도, L1~L5)을 실시간으로 각각 독립 제어할 수 있고, 모든 전환은 마디 경계에 맞춰 자동으로 퀀타이즈된다.
내가 한 역할
Tone.js 로 웹 오디오 시퀀서를 구성해 섹션별 무한 루프(vamp)와 다이나믹 레이어를 완전히 독립된 축으로 설계했다. 전환 시점도 “섹션이 끝나면”(프레이즈 완성 후)과 “지금 바로”(다음 마디) 두 모드로 나눠서, 라이브 상황에서 인도자가 즉흥적으로 흐름을 바꿔도 음악적으로 어색하지 않게 만드는 데 신경 썼다.
현재는 데모 신스로 동작하는 프로토타입 단계이고, 실전 배포 전 워십 샘플 기반 Tone.Sampler 로 교체하는 작업이 남아 있다.