-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
133 lines (129 loc) · 6.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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<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>PolyVolcaWeb</title>
</head>
<body style="font-family: monospace">
<h1>PolyVolcaWeb for volca sample2</h1>
<h3>A web application for using a KORG volca sample2 as a stereo 8-voice polyphonic sample-based synth.</h3>
<h4>Select your MIDI keyboard and channel as input, pick your volca as output, choose a sample and have fun!</h4>
<h2>Input</h2>
<div style="display: flex; align-items: center;">
<h3>Device: </h3>
<select required="true" title="InputSelector" name="InputSelector" id="InputSelector"></select>
</div>
<div style="display: flex; align-items: center;">
<h3>Channel: </h3>
<select required="true" title="InputChannelSelector" name="InputChannelSelector"
id="InputChannelSelector"></select>
</div>
<br />
<br />
<h2>Output</h2>
<div style="display: flex; align-items: center;">
<h3>Device: </h3>
<select required="true" title="OutputSelector" name="OutputSelector" id="OutputSelector"></select>
</div>
<div style="display: flex; align-items: center;">
<h3>Sample: </h3>
<input title="SampleSelector" type="number" name="SampleSelector" id="SampleSelector" min="0" max="199"></input>
</div>
<div style="display: flex; align-items: center;">
<h3>Loopback device: </h3>
<select required="true" title="LoopbackInputSelector" name="LoopbackInputSelector"
id="LoopbackInputSelector"></select>
</div>
<p style="font-style:italic;">  Select your volca input to use it as a controller for all 8 voices. Tweak
your sample as you wish within your sample2!</p>
<br />
<h2>Tweaks</h2>
<div style="display: flex; align-items: center;">
<h3>Algorithm: </h3>
<select required="true" title="AlgorithmSelector" name="AlgorithmSelector" id="AlgorithmSelector"></select>
</div>
<p style="font-style:italic;">  "Round Robin" is better in general but "Active Note Count" should be better
to create sequences. Give it a try</p>
<p style="font-style:italic;">   NOTE: "Active Note Count" disables note-off and sustain pedal support
</p>
<div style="display: flex; align-items: center;">
<h3>Octave offset: </h3>
<select required="true" title="OctaveSelector" name="OctaveSelector" id="OctaveSelector"></select>
</div>
<p style="font-style:italic;">  Use this option if your sample default pitch is not in middle C's octave</p>
<div style="display: flex; align-items: center;">
<h3>Key Velocity: </h3>
<select required="true" title="VelocityToggleSelector" name="VelocityToggleSelector"
id="VelocityToggleSelector"></select>
</div>
<p style="font-style:italic;">  Enables/disables velocity sensitivity. Fixed velocity sends 127 (max value)
</p>
<div style="display: flex; align-items: center;">
<h3>Stereo spread: </h3>
<select required="true" title="StereoSpreadToggleSelector" name="StereoSpreadToggleSelector"
id="StereoSpreadToggleSelector"></select>
</div>
<p style="font-style:italic;">  With "Stereo" mode, lower notes are slightly panned to the left and higher
notes to the right. "Mono" is just mono, no panning</p>
<div style="display: flex; align-items: center;">
<h3>Reverb: </h3>
<select required="true" title="ReverbToggleSelector" name="ReverbToggleSelector"
id="ReverbToggleSelector"></select>
</div>
<p style="font-style:italic;">  Change the amount of Reverb using REVERB MIX knob in your volca</p>
<div style="display: flex; align-items: center;">
<h3>Note Off detection: </h3>
<select required="true" title="NoteOffToggleSelector" name="NoteOffToggleSelector"
id="NoteOffToggleSelector"></select>
</div>
<p style="font-style:italic;">  By default it detects note-off and sustain pedal and stops the sample at
that point</p>
<div style="display: flex; align-items: center;">
<h3>Multi-Layered Sampling Mode: </h3>
<select required="true" title="MultiLayeredSamplingSelector" name="MultiLayeredSamplingSelector"
id="MultiLayeredSamplingSelector"></select>
</div>
<p style="font-style:italic;">  By default it populates the same sample for all velocities</p>
<div style="display: none;" id="MultiLayeredSamplingDiv">
<div style="display: flex; align-items: center;">
<h3>Multi-Layered Sampling: </h3>
<button id="AddSampleLayerButton">Add Sample Layer</button>
<button id="ResetSampleLayerButton">Reset</button>
</div>
<div style="display: flex; align-items: center;">
<table id="MultiLayeredSamplingTable" >
<caption>Sample/velocity multilayering table</caption>
<tr>
<th>Sample</th>
<th>Start Velocity</th>
</tr>
<!-- Here dynamically add rows -->
</table>
<p style="color: red; display: none;" id="errorP">   Make sure all start velocities are
different
and in incremental order</p>
</div>
</div>
<br />
<div style="position:relative; height: 400px">
<div id="credits" style="position:absolute; bottom: 10px ">
<h6>2022 - All rights reserved - Project developed by rafaelpernil using WebMIDI API</h6>
<h6>Links:</h6>
<ul style="margin-left: 20px">
<li>
<a href="https://www.paypal.com/donate/?hosted_button_id=9RRAEE5J7NNNN">Support my work - Paypal</a>
</li>
<li>
<a href="https://github.com/rafaelpernil2/PolyVolcaWeb">Source code - GitHub</a>
</li>
<li>
<a href="https://rafaelpernil.bandcamp.com">My music - Bandcamp</a>
</li>
</ul>
</div>
</div>
</body>
<script src="index.min.js"></script>
</html>