2023-06-05 02:36:25 +02:00
|
|
|
<!DOCTYPE html>
|
2023-06-04 03:01:38 +02:00
|
|
|
<head>
|
|
|
|
|
<title>MidiTrainer</title>
|
|
|
|
|
<link rel="stylesheet" href="assets/css/reset.css">
|
|
|
|
|
<link rel="stylesheet" href="assets/css/base.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="container">
|
2023-06-04 23:32:08 +02:00
|
|
|
<div id="note-render"></div>
|
2023-06-04 16:22:55 +02:00
|
|
|
<object id="piano" data="assets/img/piano-keyboard.svg" type="image/svg+xml" width="100%" type="image/svg+xml"></object>
|
2023-06-04 23:32:08 +02:00
|
|
|
</div>
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/vexflow@4.0.3/build/cjs/vexflow.js"></script>
|
2023-06-05 02:36:25 +02:00
|
|
|
<script src="assets/scripts/map.js"></script>
|
2023-06-04 23:32:08 +02:00
|
|
|
<script src="assets/scripts/render.js"></script>
|
2023-06-04 03:01:38 +02:00
|
|
|
<script src="assets/scripts/midi.js"></script>
|
2023-06-05 02:36:25 +02:00
|
|
|
<script src="assets/scripts/practice.js"></script>
|
2023-06-04 03:01:38 +02:00
|
|
|
</body>
|
