WebMIDI простые визуальные эффекты?

Question

Я хотел бы использовать Webmidi, чтобы простой черный ящик превратился в белого цвета в течение короткого времени, когда приходит какая-либо заметка MIDI или любая заметка с определенного MIDI-канала. У меня этот код, но я не знаю, как вызвать изменение цвета css. Благодаря!

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

Вам необходимо написать пользовательскую функцию, которая устанавливает цвет div. Затем прослушиватель событий запускает функцию. Это может помочь:

How to use addEventListener

Answer 2

с помощью jquery вы можете установить CSS атрибуты, как цвет фона, используя функцию CSS()

, например:

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