TECH 으로 돌아가기
TECH HACKER NEWS 오늘 6분 읽기 21 READS

키보드로 치는 가상 기타 '기토로', 웹 오디오로 악기 학습을 다시 설계하다

키보드로 치는 가상 기타 '기토로', 웹 오디오로 악기 학습을 다시 설계하다
SOURCE IMAGE · HACKER NEWS

브라우저에서 돌아가는 가상 악기는 새로운 것이 아니다. 2011년 구글이 레스 폴 탄생 기념으로 선보인 '기타 두들'이 대표적이었고, 이후에도 클릭하면 음이 나는 웹 기타 서비스는 꾸준히 등장했다. 최근 해커뉴스에 'Show HN'으로 공개된 기토로(Guitoro)는 이 계보에 속하면서도 지향점이 조금 다르다. 단순히 소리를 내는 장난감이 아니라, 실제로 '연주하고 배우는' 도구로 설계됐다는 점을 전면에 내세운다. 설치나 계정 생성 없이 웹에서 무료로 쓸 수 있고, 스틸 스트링 어쿠스틱, 나일론 현의 클래식 기타, 솔리드바디 일렉, 4현 베이스까지 네 가지 악기를 제공한다.

클릭이 아니라 '스트러밍'을 구현하다

기토로가 기존 웹 기타와 선을 긋는 핵심은 입력 방식이다. 대부분의 온라인 기타는 현이나 프렛을 하나씩 클릭하거나, 코드 버튼을 누르면 합성음 하나를 재생하는 데 그친다. 기토로는 이를 '스트럼(strum)' 단위로 처리한다. 컴퓨터 키보드에서는 왼손이 글자 키로 코드를 잡고 오른손이 H(다운)와 J(업) 키로 현을 쓸어내린다. 실제 기타에서 양손이 하는 역할을 그대로 매핑한 셈이다. 휴대폰이나 태블릿에서는 코드 패드를 누른 뒤 손가락으로 현을 쓸며, 최대 다섯 손가락 동시 입력을 받는다. 빠르게 쓸면 크게 울리고, 천천히 끌면 음이 하나씩 롤링되며, 한 번 찍으면 단일 현만 튕긴다. 입력 속도와 방향이 소리에 반영된다는 점은 웹 기반 인터랙션 설계에서 눈여겨볼 지점이다.

소리 자체도 합성음이 아니라 실제 악기를 녹음한 샘플이다. 어쿠스틱은 Warm·Bright·Mellow, 클래식은 Natural·Concert 같은 녹음 프리셋을, 일렉은 Clean부터 Crunch, Classic Rock, Metal, Lead, Ambient까지의 프리셋을 고를 수 있다. 코드도 건반식 보이싱이 아니라 개방현·바레·뮤트 현을 포함한 기타리스트의 실제 운지 형태를 따르기 때문에, G 코드는 건반이 아니라 기타에서 울리는 G로 들린다고 설명한다.

영상 레슨이 못 보여주는 것을 시각화

학습 도구로서의 차별점은 '시각화'에 있다. 영상 레슨에서는 손이 빠르게 움직이고 현을 가려 어느 현이 실제로 울렸는지 알기 어렵다. 기토로는 곡을 20%까지 느리게 늦추면 코드, 스트럼, 백킹 밴드가 함께 느려지고, 현은 소리가 나는 순간 불이 들어온 뒤 울림에 따라 진동한다. 한 번의 스트로크가 여섯 현을 모두 치는지, 저음 현만 치는지, 위쪽 세 현만 치는지 눈으로 구분된다. 피크는 패턴의 매 스텝마다 다운·업으로 흔들리고, 현을 맞히는 스트로크는 진하게, 빗나가는 스트로크는 흐리게 표시돼 '빈 박에도 손은 계속 움직인다'는 리듬 감각을 눈으로 익히게 한다. 코드가 울리는 동안 넥에는 1~4번 손가락 번호, 바레, 뮤트 현, 카포 위치가 표시된다.

곡을 이끌어가는 방식도 흥미롭다. 재생 버튼으로 듣기만 할 수도 있지만, 초록색으로 켜지는 코드 키를 직접 누르면 곡이 매 코드 전환 지점에서 사용자를 기다린다. 점수도 재촉도 없이, 사용자의 속도에 맞춰 진행되는 구조다. 공개된 콘텐츠 규모는 15개 코드가 모든 키에 준비돼 있고 24개 장·단조 키를 지원하며, 워터월·할렐루야·렛잇비·호텔 캘리포니아·캐논 등 51곡이 올바른 키·카포·템포·레코드 스트럼으로 세팅돼 있다.

실무자 관점에서 본 의미와 한계

웹 기술 관점에서 기토로는 Web Audio 기반 샘플 재생, 멀티터치 제스처 처리, 실시간 애니메이션 동기화를 하나의 브라우저 경험으로 묶어낸 사례다. 템포 10~220 BPM 조절, 15종 드럼과 25종 베이스 라인의 백킹 밴드, 코드 사이트나 ChordPro 텍스트를 붙여 넣으면 밴드와 함께 재생하는 기능, 최대 10분 녹음 후 WAV나 압축 파일로 저장하는 기능까지 모두 서버 계정 없이 브라우저 안에서 처리된다. 사용자가 만든 곡과 녹음이 브라우저에 남는다는 설명은, 로컬 저장 중심의 가벼운 아키텍처를 시사한다. 오버드라이브·디스토션·퍼즈, 리버브·딜레이 같은 이펙트와 드롭 D·DADGAD·오픈 G 등 10종 튜닝, 마이크로 듣는 무료 튜너도 포함된다.

다만 모든 기능의 전제는 결국 '대체재'라는 점을 분명히 할 필요가 있다. 실제 현의 장력, 피킹의 미세한 뉘앙스, 손가락 압력에 따른 음의 변화를 키보드나 터치가 온전히 재현하기는 어렵다. 제공 정보만으로는 지연 시간(latency), 브라우저별 오디오 호환성, 모바일 성능 같은 실측 데이터는 확인되지 않는다. 그럼에도 기타를 들지 않고도 코드 보이싱과 진행을 듣고 프렛보드 위 배치를 확인할 수 있다는 점은, 싱어나 건반 연주자, 작곡가, 그리고 기타를 가르치는 교육 현장에 분명한 실용적 가치가 있다. 느리게 보고, 실제 기타에 그대로 옮기고, 속도를 올려가며 따라 치는 학습 루프 자체가 잘 설계돼 있다는 점이 이 서비스의 본질적 강점이다.

SOURCE · HACKER NEWS
원문 전체 보기 → https://guitoro.com/
SHARE
NEXT · CHOOSE

변화를 읽었다면,
내가 만들 수익 구조를 고릅니다.

정보를 더 모으는 데서 멈추지 않고, 광고·외주·판매·중개·구독 중 내 상황에 맞는 출발점을 정해보세요.

21가지 수익 구조 살펴보기 →
처리 중...