<midi-player
src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid"
sound-font visualizer="#myPianoRollVisualizer">
</midi-player>
<midi-visualizer type="piano-roll" id="myPianoRollVisualizer"
src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid">
</midi-visualizer>
<midi-player
src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid"
sound-font visualizer="#myStaffVisualizer">
</midi-player>
<midi-visualizer type="staff" id="myStaffVisualizer"
src="https://cdn.jsdelivr.net/gh/cifkao/html-midi-player@2b12128/twinkle_twinkle.mid">
</midi-visualizer>
<script src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.22.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.3.0"></script>
'개발자의 정보 > JS & framework' 카테고리의 다른 글
| Workbox webpack Plugin 선택 기준 (0) | 2021.08.25 |
|---|---|
| Vite 및 Vue.js를 사용한 ESLint 및 Prettier 3 (0) | 2021.07.30 |
| 대규모 Vue.js 애플리케이션을 구성하는 방법 (0) | 2021.07.30 |
| 대규모 Vue.js 3 애플리케이션 구축을 위한 6가지 팁 (0) | 2021.07.30 |
| axios.js 배열 파라미터 전송시 [] 빼고 보내기 (1) | 2020.09.23 |
| Javascript 에서 Object를 해시맵처럼 사용하지 마세요 (5) | 2020.04.25 |
| 에러 해결법: directories in the root is deprecated, please specify in the build (0) | 2020.04.14 |
| Expected a conditional expression and instead saw an assignment (no-cond-assign) (0) | 2020.04.12 |
댓글