주의 : 이번 글은 크롬, 크롬플러스, 파이어폭스, IE9 등 최신 브라우저를 쓰시는 분들에게는 잘 보이구요. IE8이하 버전의 브라우저를 쓰시는 분들에게는 내용확인에 문제가 있을 수 있음을 미리 알려드립니다.

아마도 이 글에서 소개하는 ABC.js Javascript 플러그인은 음악 커뮤니티 사이트나 카페 등에서 상당히 쓰임세가 클 것 같다.

왜냐하면 웹상에서 단순한 코드 입력만으로도 훌륭한 악보를 만들어 낼수 있으며 최신의 브라우저의 경우 만들어진 악보로 연주되는 음악의 미리듣기 및 다운로드가 가능하기 때문이다. 물론 플래시와 같은 여타의 다른 플러그인 없이도 말이다.

백문이 불여일견이다.

아니다… 백견이 불이일 클릭이다.ㅋ

아래의 악보입력 창이라는 빨간 네모 박스속에 담긴 내용은 일단 넘어가고 그 아래의 악보를 먼저 확인해보자.

악보입력 창

 

만들어진 음악 미디로 듣기 및 다운로드 받기

 

만들어진 악보

이 곡은 우리에게도 널리 알려진 “We wish you a mery Christmas”라는 곡이다.
이 곡의 악보와 미디가 악보입력창에서 보이는 단순한 코드 입력만으로 완성된 것이다.

실질적으로 악보의 음계만을 표시하기 위해서는

D2|”G” G2 GA GF | “C” E2 C2 E2 | “A” A2 AB AG |
“D” F2 D2 D2 | “B” B2 Bc BA | “Em” G2 E2 DD | “C” E2 A2 “D” F2 | “G” G2 ||

이와 같은 코드만 입력시켜주면 끝난다.

실제로 코드 입력을 통해서 악보가 만들어 지는 것을 확인해보려면 악보입력창의 코드 부분을 편집해보면 된다.
지금 여러분이 보시는 이글에서 바로 실시간 편집이 가능하다.

또한 편집이 끝남과 동시에 바로듣기가 가능한 미디가 생성되며 다운로드도 가능하다.

이 외에도 이 사이트에서 위와 같은 방식으로 만들어진 여러가지 예제를 확인가능하며 코드입력방식에 대해서 상세하게 설명되어 있는 튜토리얼도 존재한다.

예제사이트에서 이런식의 여러가지 악보를 확인가능하다.
예제사이트에서 이런식의 여러가지 악보를 확인가능하다.

여러 커뮤니티 사이트 등에서 게시물에 그림을 그려 올리는 게시판이 유행하였듯이 음악을 좋아하는 사람들이 모인 커뮤니티라면 이 플러그인을 이용해 서로 음악에 대한 여러가지 토론이 가능해질 것이라고 본다. 또한 악보 공유사이트나 기타 관련 사이트 등에서도 여러가지로 활용이 가능할 것으로 보이고 말이다.특별한 악보편집프로그램이 없이도 웹상에서 실시간 악보를 생성해준다니…

정말 웹의 발전은 무궁무진해지고 있다!ㅋ

Tags:

2 Comments

    1. 그지? 좀 괜찮치?ㅋㅋ

      나도 국딩 때 피아노 학원에 좀 열심히 다닐껄 그랬어.
      작곡하는 사람들 너무 부러워~

Leave a Reply

Your email address will not be published. Required fields are marked *