Visual WebMIDI simples?

Question

Je voudrais utiliser Webmidi pour laisser une simple boîte noire devenir blanche pendant une courte période lorsqu'une note MIDI spécifique ou une note d'un canal MIDI spécifique est reçue. J'ai ce code mais je ne sais pas comment déclencher le changement de couleur CSS. Merci!

WebMidi.enable(function(err) { 

if (err) console.log("WebMidi could not be enabled"); 

var input = WebMidi.inputs[0]; 


// Listening for a 'note on' message (on channel 1 only) 
input.addEventListener('noteon', 1, 
    function(e){ console.log(e); } 
); 

// Listening to other messages works the same way 
input.addListener('noteoff', "all," 
    function(e){ console.log(e); } 
); 


} 

); 

Answer 1

Vous devez écrire une fonction personnalisée qui définit la couleur de la div. L'écouteur d'événement déclenche alors la fonction. Cela peut aider:

How to use addEventListener

Answer 2

utilisant jquery vous pouvez définir des attributs comme la couleur css de fond en utilisant la fonction

par exemple css():

$("p").css("background-color", "yellow");