2014-04-04 17:07:16 +00:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>SIGNAL PROCESSING</title>
|
|
|
|
|
|
2014-04-11 23:17:01 +00:00
|
|
|
<script type="text/javascript" src='../build/Tone.js'></script>
|
2014-04-04 17:07:16 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2014-04-16 00:05:11 +00:00
|
|
|
<div id='description'>An example of audio-rate signal manipulation</div>
|
|
|
|
|
<br><br>
|
2014-04-04 18:36:01 +00:00
|
|
|
<input type='range' value='50'>
|
2014-04-04 17:07:16 +00:00
|
|
|
<div id='signal'>0</div>
|
|
|
|
|
<div id='add'>0</div>
|
2014-04-05 22:05:42 +00:00
|
|
|
<div id='sub'>0</div>
|
2014-04-04 17:07:16 +00:00
|
|
|
<div id='scale'>0</div>
|
|
|
|
|
<script type="text/javascript">
|
2014-04-16 00:05:11 +00:00
|
|
|
var signal = new Tone.Signal();
|
|
|
|
|
var dryMeter = new Tone.Meter();
|
|
|
|
|
signal.connect(dryMeter);
|
2014-04-04 17:07:16 +00:00
|
|
|
|
2014-04-16 00:05:11 +00:00
|
|
|
|
|
|
|
|
//the adder
|
|
|
|
|
var adder = new Tone.Add(100);
|
|
|
|
|
var addMeter = new Tone.Meter();
|
|
|
|
|
adder.connect(addMeter);
|
|
|
|
|
signal.connect(adder);
|
|
|
|
|
|
|
|
|
|
//the adder
|
|
|
|
|
var subtract = new Tone.Subtract(100);
|
|
|
|
|
var subMeter = new Tone.Meter();
|
|
|
|
|
subtract.connect(subMeter);
|
|
|
|
|
signal.connect(subtract);
|
2014-04-04 17:07:16 +00:00
|
|
|
|
2014-04-16 00:05:11 +00:00
|
|
|
|
|
|
|
|
//the scaler
|
|
|
|
|
var scaler = new Tone.Scale(5, 10);
|
|
|
|
|
var scaleMeter = new Tone.Meter();
|
|
|
|
|
scaler.connect(scaleMeter);
|
|
|
|
|
signal.connect(scaler);
|
|
|
|
|
|
|
|
|
|
//INTERFACE//
|
|
|
|
|
|
|
|
|
|
var $signal = document.querySelector("#signal");
|
|
|
|
|
var $add = document.querySelector("#add");
|
|
|
|
|
var $scale = document.querySelector("#scale");
|
|
|
|
|
var $sub = document.querySelector("#sub");
|
|
|
|
|
|
|
|
|
|
setInterval(function(){
|
|
|
|
|
$signal.textContent = "signal: " + dryMeter.getValue().toFixed(3);
|
|
|
|
|
$add.textContent = "signal + 100: " + addMeter.getValue().toFixed(3);
|
|
|
|
|
$scale.textContent = "scaled 5 to 10: " + scaleMeter.getValue().toFixed(3);
|
|
|
|
|
$sub.textContent = "100 - signal: " + subMeter.getValue().toFixed(3);
|
|
|
|
|
}, 100);
|
|
|
|
|
|
|
|
|
|
var range = document.querySelector("input");
|
|
|
|
|
range.onchange = function(){
|
|
|
|
|
var val = range.value;
|
|
|
|
|
signal.linearRampToValueAtTime(val / 50 - 1, "+.3");
|
|
|
|
|
}
|
2014-04-04 17:07:16 +00:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
