Add reverb

index.html

@@ -139,6 +139,9 @@
 					<div class="param-label">After Touch</div>
 					<toggle-button ng-true-value="1" ng-false-value="0" ng-model="presetCtrl.params.aftertouchEnabled"></toggle-button>
 				</div>
+				<div class="param">
+					<knob step="1" min="0" max="99" to-number label="Reverb" ng-model="presetCtrl.reverb"></knob>
+				</div>
 				<select class="dx7-button"
 						ng-model="midiCtrl.midiFileIndex"
 						ng-options="midiCtrl.midiFiles.indexOf(file) as file for file in midiCtrl.midiFiles"></select>
@@ -169,4 +172,4 @@
 		</div>
 	<script src="bundle.js"></script>
 </body>
-</html>
+</html>

src/app.js

@@ -27,15 +27,21 @@ var audioContext = new (window.AudioContext || window.webkitAudioContext)();
 config.sampleRate = audioContext.sampleRate;
 var visualizer = new Visualizer("analysis", 256, 35, 0xc0cf35, 0x2f3409, audioContext);
 var scriptProcessor = null;
+var reverbGainNode = null;
 
 function setupAudioGraph() {
-	scriptProcessor = audioContext.createScriptProcessor(config.bufferSize, 0, 2);
-	scriptProcessor.connect(audioContext.destination);
-	scriptProcessor.connect(visualizer.getAudioNode());
 	Reverb.extend(audioContext);
 	var reverbNode = audioContext.createReverbFromUrl("impulses/church-saint-laurentius.wav");
+	reverbGainNode = audioContext.createGain();
+	reverbNode.connect(reverbGainNode);
+
+	scriptProcessor = audioContext.createScriptProcessor(config.bufferSize, 0, 2);
+	scriptProcessor.connect(visualizer.getAudioNode());
 	scriptProcessor.connect(reverbNode);
-	reverbNode.connect(audioContext.destination);
+
+	scriptProcessor.connect(audioContext.destination);
+	reverbGainNode.connect(audioContext.destination);
+
 	var bufferSize = scriptProcessor.bufferSize || config.bufferSize;
 	var bufferSizeMs = 1000 * bufferSize / config.sampleRate;
 	var msPerSample = 1000 / config.sampleRate;
@@ -576,6 +582,11 @@ app.controller('PresetCtrl', ['$scope', '$localStorage', '$http', function ($sco
 		FMVoice.updateLFO();
 	});
 
+	$scope.presetCtrl.reverb = 33;
+	$scope.$watch('presetCtrl.reverb', (value) => {
+		reverbGainNode.gain.value = 4 * value / 100;
+	});
+
 	self.onChange();
 
 	// Audio context unlock that should work in both iOS and Chrome