『jzz.js』 midi앱을 제작해보자

UI 제작에 있어, 색채적인 요소를 추가했음에도

뭔가 감각적인 느낌이 필요하다면 사운드를 넣어보자.

 

jzz.js는 midi 기능을 제공한다.

 

midi전체를 사용하기 위해서는 jZZ.js아래의 9개 라이브러리가 필요하다.

 

https://jazz-soft.net/demo/

가령, 피아노 midi앱을 제작한다면,

jZZ.js + jZZ-synth-Tiny조합을 사용하는 식이다.

 

 

│ midi피아노 예제

A S D F G H J K L :
; "
'

Z X C V B N M
,
, ?
/

*키보드 or 마우스 클릭 시 재생

 

JZZ 기능은 심플하지만

필수적인 기능은 대부분 제공한다.

 

Examples

[ jazz-soft.net ]

 

- Midi연결

- 가상피아노

-Midi 커스터마이징

-Midi 녹음(저장),읽기,쓰기

-애코

-AutoPlay

-반응형디자인

 

 

아직 음악관련 콘텐츠앱을 제작한 경험이 없지만

JZZ.js를 UI효과음에 사용할 것 같은 예감이 든다.