forked from Udart/volumetricapp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (112 loc) · 5.39 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
118
119
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<title>Volumetric - a utility for audio input</title>
<script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/main.js"></script>
<script src="js/main.js"></script>
<script src="js/jquery.knob.min.js"></script>
<script src="js/jquery.collapse.js"></script>
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/jquery-ui.structure.css">
<link rel="stylesheet" href="css/jquery-ui.theme-dark-hive.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="infoBox">It seems your browser does not support audio input or MIDI, but you can download the free app. <a href="http://udart.dk/portfolio/volumetric/" target="_blank">More information</a></div>
<div id="originalObject">
<div id="close">Close</div>
<div class="collapsible">
<div class="open header">Audio Input</div>
<div class="content">
<div id="inputDialsContainer">
<div id="zoomBass" class="dialDiv">
<input type="text" class="dial">
<div>Zoom</div>
</div>
<div id="smooth" class="dialDiv">
<input type="text" class="dial">
<div>Smooth</div>
</div>
</div>
<div id="spectrumContainer">
<canvas id="spectrumCanvas"></canvas>
<div id="vlmArea">Drag with mouse</div>
</div>
</div>
</div>
<div class="collapsible">
<div class="open header">Output</div>
<div class="content">
<div id="meterContainer">
<canvas id="meter"></canvas>
<div id="amplify" class="dialDiv">
<input type="text" class="dial">
<div>Amplify</div>
</div>
<div id="lift" class="dialDiv">
<input type="text" class="dial">
<div>Lift</div>
</div>
<div id="invertCheckbox"><input type='checkbox' id="invert"/> Invert</div>
</div>
<div id="midiContainer">
<select name="midiPorts" id="midiPorts"></select>
<table class="fieldsWLabels">
<tr>
<td>Midi channel:</td>
<td><select name="midiChannels" id="midiChannels"></select></td>
</tr>
<tr>
<td>Midi CC:</td>
<td><select name="midiCCs" id="midiCCs"></select></td>
</tr>
</table>
<div id="midiValue"></div>
</div>
<div class="oscContainer">
<table class="fieldsWLabels">
<tr>
<td>OSC IP 1:</td>
<td><input type="text" id="oscIp1" class="oscIp"></input></td>
</tr>
<tr>
<td>Port:</td>
<td><input type="text" id="oscPort1" class="oscPort"></td>
</tr>
<tr>
<td>OSC IP 2:</td>
<td><input type="text" id="oscIp2" class="oscIp"></input></td>
</tr>
<tr>
<td>Port:</td>
<td><input type="text" id="oscPort2" class="oscPort"></td>
</tr>
<tr>
<td>Address:</td>
<td><input type="text" id="oscAddress" class="oscAddress"></td>
</tr>
</table>
<div id="oscValue"></div>
</div>
<div class="oscInfoContainer">OSC output is not available in the web version. Get OSC by downloading the free app. <a href="http://udart.dk/portfolio/volumetric/" target="_blank">More information</a></div>
</div>
</div>
<div class="plusone">Add</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
vlmApp.init();
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-51025809-3', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>