amy/docs/minimal.html at main · TuriSc/amy · 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
<html>
<head>
	<title>Minimal AMY web synth example</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/webmidi@latest/dist/iife/webmidi.iife.js"></script>
    <script type="text/javascript" src="enable-threads.js"></script>
    <script type="text/javascript" src="amy.js"></script>
    <script type="text/javascript" src="amy_connector.js"></script>
</head>


<body>
	<div class="container">
		<h1>Minimal AMY web synth example</h1>
		<form name="amyboard_settings">
	      <div class="row align-items-start pt-1">
	        <!-- MIDI settings panel if MIDI is available -->
	        <div class="col-4 align-self-start small">
	          <div id="midi-input-panel">
	            <select onchange="setup_midi_devices()" name="midi_input" class="form-select form-select-sm" aria-label=".form-select-sm example">
	              <option selected>[Not available]</option>
	            </select>
	          </div>
	        </div>
	        <div class="col-4 align-self-start small">
	          <div id="midi-output-panel">
	            <select onchange="setup_midi_devices()" name="midi_output" class="form-select form-select-sm" aria-label=".form-select-sm example">
	              <option selected>[Not available]</option>
	            </select>
	          </div>
	        </div>
	      </div>
	    </form>
	    <P>Click anywhere on the page, and then play your selected MIDI input to this page. You can use program changes to change patches.</P>
	</div>
	<script language="javascript">
		document.body.addEventListener('click', amy_js_start, true);
		document.body.addEventListener('keydown', amy_js_start, true);
	</script>
</body>


</html>