-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
115 lines (110 loc) · 8.04 KB
/
index.html
File metadata and controls
115 lines (110 loc) · 8.04 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="icon" href="assets/img/favicon.png">
<title>Digital Piano</title>
</head>
<body>
<h1 id="titleText">Digital Piano with MIDI Playback</h1>
<svg id="visualizer"></svg>
<object id="kb" data="assets/img/fullpiano.svg" type="image/svg+xml">
Check your SVG support!
</object>
<table class="controls" id="controlsTable">
<tr>
<td>
<input type="range" min="0" max="100" value="0" id="seekBar">
</td>
<td id="damperContainer"><button id="damper">Damper pedal OFF</button></td>
<td><span id="volumeControl">Volume<input type="range" min="0" max="200" value="50" id="volume"></span></td>
</tr>
<tr>
<td>
<span class="controls" id="playbackControls">
<button id="playMidi">Play</button>
<button id="pauseMidi">Pause</button>
<button id="stopMidi">Stop</button>
</span>
</td>
<td></td>
<td></td>
</tr>
<tr>
<td>
<form>
<label for="music">Select a track:</label>
<select name="music" id="music" size="10">
<option value="">-</option>
<option value="aida_triumphal_march">Aïda: Triumphal March – Verdi</option>
<option value="lszt_ave">Ave Maria (Ellens dritter Gesang) – Schubert/Liszt</option>
<option value="ballade1">Ballade No. 1 in G minor, Op. 23 – Chopin</option>
<option value="ballade2">Ballade No. 2 in F major, Op. 38 – Chopin</option>
<option value="ballade3">Ballade No. 3 in A♭ major, Op. 47 – Chopin</option>
<option value="ballade4">Ballade No. 4 in F minor, Op. 52 – Chopin</option>
<option value="benediction_of_god_in_solitude_6636_d_(nc)smythe">Bénédiction de Dieu dans la solitude (Excerpt) – Liszt</option>
<option value="lszt_et3">Étude No. 3, S.144, “Un sospiro” – Liszt</option>
<option value="chet1001">Étude Op. 10, No. 1 – Chopin</option>
<option value="chet1003">Étude Op. 10, No. 3 – Chopin</option>
<option value="chet1012">Étude Op. 10, No. 12 “Revolutionary” – Chopin</option>
<option value="chet2511">Étude Op. 25, No. 11 “Winter Wind” – Chopin</option>
<option value="fantasie_impromptu_op_66_6058_d_(nc)smythe">Fantaisie-Impromptu, Op. posth. 66 – Chopin</option>
<option value="fantop49">Fantaisie in F minor – Chopin</option>
<option value="carmenfantaisie">Fantasy on Themes from Carmen – Bizet</option>
<option value="bumbleb">Flight of the Bumblebee – Rimsky-Korsakov</option>
<option value="lszt_pg1">Grandes études de Paganini: Étude No. 1 in G minor, “Tremolo” – Paganini/Liszt</option>
<option value="lszt_pe3">Grandes études de Paganini: Étude No. 3 in G♯ minor “La Campanella” – Paganini/Liszt</option>
<option value="br_hd-2">Hungarian Dance No. 2 in in D minor – Brahms</option>
<option value="57037a_rhapsodie_hongroise_no_2_(nc)smythe">Hungarian Rhapsody No. 2 in C♯ minor – Liszt</option>
<option value="impromptu_51_(c)finley">Impromptu No. 3 in G♭ major, Op. 51 – Chopin</option>
<option value="50425a_liebestraum_(nc)smythe">Liebestraum No. 3 in A♭ major – Liszt</option>
<option value="mephisto">Mephisto Waltz No. 1, S.514, “Der Tanz in der Dorfschenke” – Liszt</option>
<option value="chno0901">Nocturne No. 1 in B♭ minor, Op. 9 – Chopin</option>
<option value="chno0902">Nocturne No. 2 in E♭ major, Op. 9 – Chopin</option>
<option value="50654a_nocturne_op_15_no_2_(nc)smythe">Nocturne No. 5 in F♯ major, Op. 15 – Chopin</option>
<option value="nocturne_op_27_2_668_r_(nc)smythe">Nocturne No. 8 in D♭ major, Op. 27 – Chopin</option>
<option value="nut0over">The Nutcracker Suite: 1. Miniature Overture – Tchaikovsky</option>
<option value="nut1mrch">The Nutcracker Suite: 2. March – Tchaikovsky</option>
<option value="nut2fair">The Nutcracker Suite: 3. Dance of the Sugar Plum Fairy – Tchaikovsky</option>
<option value="nut3trep">The Nutcracker Suite: 4. Russian Dance (Trepak) – Tchaikovsky</option>
<option value="nut4arab">The Nutcracker Suite: 5. Arabian Dance (Coffee) – Tchaikovsky</option>
<option value="nut5chin">The Nutcracker Suite: 6. Chinese Dance (Tea) – Tchaikovsky</option>
<option value="nut6reed">The Nutcracker Suite: 7. Dance of the Reed Flutes (Mirlitons) – Tchaikovsky</option>
<option value="nut7wltz">The Nutcracker Suite: 8. Valse des Fleurs – Tchaikovsky</option>
<option value="rossini_6232d_william_tell_overture_(nc)smythe">Ouverture de Guillaume Tell – Rossini/Liszt</option>
<option value="verdi-liszt_50676a_rigoletto_paraphrase_(nc)smythe">Paraphrase de concert sur Rigoletto, S.434 – Liszt</option>
<option value="57296a_polonaise_op_40_no_1_(nc)smythe">Polonaise in A major, Op. 40, No. 1 “Military” – Chopin</option>
<option value="6550d_heroic_polonaise_(c)smythe">Polonaise in A♭ major, Op. 53, “Heroic” – Chopin</option>
<option value="polonaise_op_44_669_r_(nc)smythe">Polonaise in F♯ minor, Op. 44 – Chopin</option>
<option value="rach0302">Prelude in C♯ minor, Op. 3 – Rachmaninoff</option>
<option value="racp23-4">Prelude No. 4 in D major, Op. 23 – Rachmaninoff</option>
<option value="rach2305">Prelude No. 5 in G minor, Op. 23 – Rachmaninoff</option>
<option value="donizetti_59303a_lucia_di_lammermoor_(nc)smythe">Réminiscences de Lucia di Lammermoor, S.397 – Donizetti/Liszt</option>
<option value="rhapsody_in_blue">Rhapsody in Blue – Gershwin</option>
<option value="55447a_scherzo_op_31_b_flat_minor_(nc)smythe">Scherzo No. 2 in B♭ minor, Op. 31</option>
<option value="o_du_mein_holder_abendstern">Tannhäuser: O du, mein holder Abendstern – Wagner</option>
<option value="tanhausr">Tannhäuser: Overture – Wagner/Liszt</option>
<option value="Meditation">Thaïs: Méditation – Massenet</option>
<option value="63703a_etude_transcendante_(mazeppe)_(nc)smythe">Transcendental Étude No. 4 in D minor, “Mazeppa” – Liszt</option>
<option value="heroica">Transcendental Étude No. 7 in E♭ major, “Eroica” – Liszt</option>
<option value="56277a_ricordanza_(nc)smythe">Transcendental Étude No. 9 in A♭ major, “Ricordanza” – Liszt</option>
<option value="chwa18">Waltz in E♭ major, Op. 18 – Chopin</option>
<option value="chwa6401">Waltz in D♭ major, Op. 64, No. 1 – Chopin</option>
<option value="chwa6402">Waltz in C♯ minor, Op. 64, No. 2 – Chopin</option>
<option value="chwapsth">Waltz in E minor, Op. Posth. – Chopin</option>
<option value="51364a_dance_of_the_gnomes_(nc)smythe">Zwei Konzertetüden: 1. Gnomenreigen – Liszt</option>
</select>
</form>
</td>
<td></td>
<td></td>
</tr>
</table>
<div>
</div>
<div>or browse your computer for a MIDI file:</div>
<div class="controls" id="fileInput"><input type="file" id="midi" name="midi" accept="audio/midi, audio/x-midi" /></div>
<script type="module" src="assets/js/fullkeyboardtest.js"></script>
</body>
</html>