-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
117 lines (96 loc) · 5.28 KB
/
index.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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<!-- Underpass is Copyright (C) 2021 Markus Noga
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>. -->
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Underpass</title>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="app.css" rel="stylesheet" type="text/css">
<script src="https://kit.fontawesome.com/5072f9fe39.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="wrapper">
<header>
<h1><i class="fas fa-archway" style="color:#f6660f"></i> underpass</h1>
<h2>A sampling companion for Elektron Model:Samples™ devices</h2>
</header>
<br></br>
<button id="enableAudio" style="font-size: 2rem;">Click me to enable audio access</button>
<section class="main-controls" style="display: none;" id="mainControls">
<table width="100%">
<tr><td><div class="select">Audio In</div></td><td><select id="audioInput" class="selector"></select></td></tr>
<!--<tr><td><div class="select">Audio Out</div></td><td><select id="audioOutput" class="selector"></select></td></tr>-->
<tr><td><div class="select">MIDI In</div></td><td><select id="midiFromDevice" class="selector"></select></td></tr>
<tr><td><div class="select">MIDI Out</div></td><td><select id="midiToDevice" class="selector"></select></td></tr>
<tr><td><div class="select">Sample ID</div></td><td><input type="number" min="0" max="16383" step="1" value="0" id="sampleID" class="selector"></input></td></tr>
<tr><td><br></br></td><td></td></tr>
<tr><td><div class="select">Input Level</div></td><td><div class="progressOuter"><span class="progressInner" id="levelMeterInner"></span></div></td></tr>
</table>
<br></br>
<div id="buttons">
<button id="record"><i class="fas fa-circle"></i></button>
<button id="stop"><i class="fas fa-stop"></i></button>
</div>
</section>
<br></br>
<br></br>
<table class="recordings" id="recordings"></table>
<table style="display:none"> <!-- hidden prototype for recordings entries -->
<tr id="recordingPrototype">
<td class="recIcon"><i class="far fa-file-audio"></i></td>
<td class="recFileName">fileName</td>
<td class="recDuration">0:00.0</td>
<td class="recStatus">Recording...</td>
<td class="progressOuter"><span class="progressInner">0%</span></td>
</tr>
</table>
<div class="spacer"></div>
<table class="legalNotice" id="legalNotice">
<tr><td width="90%">
<div class="legalText">
underpass: a sampling companion for Elektron Model:Samples™ devices<br/>
Copyright © 2021 by Markus Noga
</div>
<div class="legalText">
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
</div>
<div class="legalText">
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
</div>
<div class="legalText">
You should have received a copy of the GNU General Public License
along with this program. If not, see
<a href="https://www.gnu.org/licenses/">https://www.gnu.org/licenses/</a>.
</div>
<div class="legalText">
All trademarks, registered trademarks, brand names, product names, company names
and logos used in this application are the property of their respective owners.
They are used for identification purposes only.
</div>
</td><td style="text-align: right;vertical-align: top;"><i class="fas fa-times-circle" id="legalClose" style="font-size: 2rem; color:slategray"></i></td></tr>
</table>
<table width="100%"><tr>
<td class="footer" id="legalButton"><i class="fas fa-gavel" style="font-size: 2rem;color:#f6660f; padding-right: 0.5rem"></i>Legal</td>
<td class="footer" style="text-align: right;">GitHub<a href="https://github.com/mlnoga/underpass" target="_blank" rel="noreferrer noopener"><i class="fab fa-github" style="font-size: 2rem;color:#f6660f; padding-left: 0.5rem"></i></a></td>
</tr></table>
</div>
<script src="app.js"></script>
</body>
</html>