/
App.html
93 lines (64 loc) · 3.44 KB
/
App.html
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
<!-- /**! GNU Affero General Public License v3.0. See LICENSE.md. Copyright 2023 Roy Wierer (Seda145). **/ -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>App</title>
<link rel="stylesheet" href="./layout.css">
<link rel="stylesheet" href="./app.css">
</head>
<body>
<!-- JS files are linked here. Dynamic loading without a web server would result in CORS blocking. -->
<!-- Load external libraries -->
<!-- https://github.com/Tonejs/Midi/tree/master -->
<script src="./libs/ToneJS-Midi/Midi.js"></script>
<!-- Load utilities -->
<script src="./utils/math-utils.js"></script>
<script src="./utils/midi-utils.js"></script>
<script src="./utils/ui-utils.js"></script>
<!-- Load components. Dynamic loading of local files not possible without a webserver (CORS). -->
<script src="./components/audio-processor.js"></script>
<link rel="stylesheet" href="./components/audio-input-visualizer.css">
<script src="./components/audio-input-visualizer.js"></script>
<link rel="stylesheet" href="./components/background-lighting.css">
<script src="./components/background-lighting.js"></script>
<link rel="stylesheet" href="./components/bass-guitar-visualizer.css">
<script src="./components/bass-guitar-visualizer.js"></script>
<link rel="stylesheet" href="./components/bass-guitar-visualizer-vertical.css">
<script src="./components/bass-guitar-visualizer-vertical.js"></script>
<link rel="stylesheet" href="./components/configuration-page.css">
<script src="./components/configuration-page.js"></script>
<link rel="stylesheet" href="./components/effect-pedal.css">
<script src="./components/effect-pedal-gain.js"></script>
<link rel="stylesheet" href="./components/effect-pedal-knob.css">
<script src="./components/effect-pedal-knob.js"></script>
<link rel="stylesheet" href="./components/load-userdata.css">
<script src="./components/load-userdata.js"></script>
<link rel="stylesheet" href="./components/navigation.css">
<script src="./components/navigation.js"></script>
<link rel="stylesheet" href="./components/oscilloscope.css">
<script src="./components/oscilloscope.js"></script>
<link rel="stylesheet" href="./components/pitch-detection.css">
<script src="./components/pitch-detection.js"></script>
<link rel="stylesheet" href="./components/processing-content.css">
<script src="./components/processing-content.js"></script>
<link rel="stylesheet" href="./components/rms-detection.css">
<script src="./components/rms-detection.js"></script>
<link rel="stylesheet" href="./components/score-counter.css">
<script src="./components/score-counter.js"></script>
<link rel="stylesheet" href="./components/song-control.css">
<script src="./components/song-control.js"></script>
<link rel="stylesheet" href="./components/song-list.css">
<script src="./components/song-list.js"></script>
<link rel="stylesheet" href="./components/song-list-entry.css">
<script src="./components/song-list-entry.js"></script>
<link rel="stylesheet" href="./components/tone-page.css">
<script src="./components/tone-page.js"></script>
<script src="./components/userdata.js"></script>
<!-- Load the app -->
<div data-component="app"></div>
<script src="./app.js"></script>
</body>
</html>