|<- [[2.4 Intro to NexusUI]]|[[2.9 Piano controller]] ->|

https://live.codecircle.com/d/DcqkthTmEjSyypCoN


html
<code>
<canvas id="slider_1" nx="slider" min="100" max="1000"></canvas>
</code>

Il faut faire gaffe sur l'id du slider, car la lib le reprend tel quel en javascript, et slider--1 n'est pas un nom de variable possible en js.

javascript
<code>
var contexte_audio = window.AudioContext || window.webkitAudioContext;

var contexte = new contexte_audio();

var oscillateur = contexte.createOscillator();

oscillateur.connect( contexte.destination );

oscillateur.start();

var slider_1;

// setup code
nx.onload = function () {
  slider_1.on('*', slider_change);
};

function slider_change ( data ) {
  /* fonction executée lors d'un changement du slider.
  Objet data : { value: Number } */
  oscillateur.frequency.value = data.value;
}
</code>