WebMIDI简单的Visual？

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");