jwflicker.github.io/index.html at master · jwflicker/jwflicker.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Web Melody</title>
</head>
<body>
	<script src="./melody.js"></script>
	<script>
	var midiAccess = null;  // global MIDIAccess object

	function onMIDISuccess( midiAccess ) {
	  console.log( "MIDI ready!" );
	  midi = midiAccess;  // store in the global (in real usage, would probably keep in an object instance)
	  var melody1 = new melody(1000);
	  melody1.add(new melody1.note(0, 1, 60, 0x7f));
	  melody1.add(new melody1.note(0, 1, 60, 0x7f));
	  melody1.add(new melody1.note(0, 2/3, 60, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 62, 0x7f));
	  melody1.add(new melody1.note(0, 1, 64, 0x7f));

	  melody1.add(new melody1.note(0, 2/3, 64, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 62, 0x7f));
	  melody1.add(new melody1.note(0, 2/3, 64, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 65, 0x7f));
	  melody1.add(new melody1.note(0, 2, 67, 0x7f));

	  melody1.add(new melody1.note(0, 1/3, 72, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 72, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 72, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 67, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 67, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 67, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 64, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 64, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 64, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 60, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 60, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 60, 0x7f));

	  melody1.add(new melody1.note(0, 2/3, 67, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 65, 0x7f));
	  melody1.add(new melody1.note(0, 2/3, 64, 0x7f));
	  melody1.add(new melody1.note(0, 1/3, 62, 0x7f));
	  melody1.add(new melody1.note(0, 2, 60, 0x7f));

	  var output = midi.outputs.get(0);
	  melody1.play(output, 0);

	  melody1.play(output, 4);

	  melody1.play(output, 8);

	  //melody1.transcribe(7).play(output, 0);
	  //melody1.transform(2000).play(output, 0);
	                                                                      //
	}

	function onMIDIFailure(msg) {
	  console.log( "Failed to get MIDI access - " + msg );
	}

	navigator.requestMIDIAccess().then( onMIDISuccess, onMIDIFailure );

	</script>
</body>
</html>