Audio LFO frequency
HTML
<input type="range" min="129.41" max="132" id="ronconSlider" value="130.81" step=".01"/> roncĂłn
<br/>
<input type="range" min="528" max="533.81" id="punteiroSlider" value="530" step=".01" /> punteiro
<button id="play" type="button" name="button">PLAY ME!</button>
<button id="stop" type="button" name="button">stop!</button>
<div id="valor"></div>
JavaScript
var context = new webkitAudioContext();
//var AudioContext = window.AudioContext || window.webkitAudioContext;
//var context = new AudioContext;
var octave = 3;
var punteiroSlider = document.getElementById("punteiroSlider");
var roncon = context.createOscillator();
roncon.connect(context.destination);
roncon.frequency.value = ronconSlider.value ;
var punteiro = context.createOscillator();
punteiro.connect(context.destination);
punteiro.frequency.value = punteiroSlider.value + octave ;
document.getElementById("play").onclick = function(){
punteiro.start(0);
roncon.start(0);
punteiroSlider.addEventListener('change', function() {
punteiro.frequency.value = punteiroSlider.value + octave;
});
ronconSlider.addEventListener('change', function() {
roncon.frequency.value = ronconSlider.value;
});
}
document.getElementById("stop").onclick = function(){
punteiro.stop(0);
roncon.stop(0);
// lfo.disconnect();
}