찬양 코드 악보 관리 / 콘티 관리

지극히 개인적으로 사용할 목적으로 만들어봤는데, 필요한 사람이 혹시 있을까 싶어 공개를 해 본다. 소그룹 모임에서 기타로 찬양 인도할 때 써먹을 수 있을 것 같다.

http://ccm.secrice.com/ 사이트에 접속하면 인증 없이 사용할 수 있다. (혹시 데이터가 망가진다거나 하면 제한을 걸 것이다.) 해당 URL을 홈 화면에 추가하여 Web App으로 이용하면 된다.

기본적인 기능은 기타/베이스 코드 시퀀스를 기록할 수 있고, 거기에 맞추어 가사를 적어 넣을 수 있다. 텍스트 입력이 나름 규칙이 있어서 익숙해지기까지는 시간이 필요할 것이지만, 규칙이 몇 개 없어서 10분이면 파악할 수 있지 싶다. 기존 곡 수정 화면에서 어떤식으로 입력되는지 보면 된다.

굳이 코드 입력을 하지 않더라도 악보 보기용으로만 쓰기에도 괜찮을 것 같다. 콘티 악보 모두 보기 하면 곡 순서대로 악보를 모아서 보여준다.

문제는 현재 DB가 너무 작다는 것인데, 누군가 같이 넣어준다면 조금씩 늘어나지 싶다. 필요할 때마다 업데이트 해 나갈 예정.

iPad 화면을 기준으로 만들고있어서 핸드폰에서 보면 화면이 좀 깨질 수 있다.

찬양 목록 / 제목과 첫 소절을 보여준다. filter를 통해 검색 가능하다.
콘티 목록 / 조옮김한 악보가 나오도록 설정할 수 있다.
코드 악보 보기 / Up, Down 버튼을 눌러서 조옮김을 할 수 있다.

기능 설명

찬양 목록

코드/제목 순으로 찬양 목록을 보여줍니다. 찬양을 클릭하면 코드 악보를 보여줍니다. 악보 보기 및 이 곡이 포함된 콘티 보기 링크가 지원됩니다.

콘티 목록

최근 사용한 콘티 순으로 콘티 목록을 보여줍니다. 콘티를 클릭하면 콘티의 첫번째 코드 악보를 보여줍니다. 코드 악보의 왼쪽, 오른쪽을 탭하여 이전곡, 다음곡으로 넘길 수 있습니다. 해당 곡 악보 보기 및 콘티 전체 악보 보기 링크가 지원됩니다.

콘티 악보 보기에서 URL 버튼을 눌러서 해당 악보가 나오는 URL을 복사할 수 있습니다. 해당 URL을 다른 사람에게 메신저 등으로 보내면 해당 악보를 볼 수 있습니다.

콘티 악보 보기에서 악보를 클릭하면 프린트 할 수 있게 한 페이지에 두 악보가 나오도록 설정됩니다. 이 상태에서 프린트하면 헤더 및 버튼들은 나오지 않고 악보만 출력됩니다.


2017. 9. 22.

기존 구현을 버리고 abc notation을 사용한 악보 출력 방식으로 변경하였습니다. 자바스크립트를 통해 악보를 그리는 것이라 좀 느리긴 하지만, 앞으로의 확장성을 생각하면 표준이 있는 스크립트를 사용하는 것이 맞는 것 같습니다.

기존 구현은 http://ccm.secrice.com/index2.php로 이동하였습니다. 새로 추가되는 곡들은 기존 방식으로는 저장 하지 않을 것 같습니다.

ABC notation 편집 화면
악보 보기 화면

Youtube 동영상을 기타 코드로 만들기

유튜브 노래를 보다 보면 기타로 따라 쳐 보고 싶을 때가 가끔 있다. 이럴 때 악보를 찾아보곤 했는데, 그럴 필요가 없어졌다. 동영상 URL만 붙여 넣으면 코드로 만들어주는 서비스가 있기 때문이다.

http://chordify.net

해당 사이트에 들어가면 다음과 같은 간단한 화면이 나오고, Youtube URL을 붙여 넣는다. Youtube 뿐만 아니라 Soundcloud, Deezer도 이용 가능하다. 그리고 음악 파일을 업로드 하여 코드를 얻어내는 것도 가능하다. 단, 무료 계정에서는 3개 까지밖에 할 수 없다.

Chordify UI
Chordify UI

재생 화면은 아래와 같다. Play 버튼을 누르면 동영상이 재생되면서 현재 연주해야 할 코드로 커서가 이동한다. 코드 잡는 법을 비주얼하게 함께 볼 수도 있다. 이것은 혁명이다. 🙂

Chordify 연주 화면
Chordify 연주 화면