Ability to have MIDI Controller Buttons Flashing between noteon and noteoff state.

This adds a third signification between being off and on for example for states like `FadeToBlack` and in the future `AudioFollowVideo` states.

Author: chrisspiegl

ControllerMidi.js

@@ -223,7 +223,12 @@ export class ControllerMidi extends EventEmitter {
 
   updateButtonsViaStateInstant(buttonStates) {
     buttonStates.forEach((btn) => {
-      this.send(btn.state || 'noteoff', {
+      let state = (btn.state || 'noteoff').toLowerCase()
+      if (['flashingon', 'flashingoff'].includes(state)) {
+        btn.state = (state === 'flashingon') ? 'flashingoff' : 'flashingon'
+        state = (state === 'flashingon') ? 'noteoff' : 'noteon'
+      }
+      this.send(state, {
         note: btn.note,
         velocity: btn.value || btn.defaultValue || 0,
         channel: btn.channel || this.config?.midi?.outputChannel || 10,

index.js

@@ -13,7 +13,7 @@ import { ControllerKeyboard } from './ControllerKeyboard.js'
 
 import { asArray, map, getEnumByValue } from './utils.js'
 
-const MIDI_RESEND_INTERVAL = 1000 // ms
+const MIDI_RESEND_INTERVAL = 500 // ms
 
 export class ControlThemAll {
   constructor() {
@@ -590,6 +590,13 @@ export class ControlThemAll {
     this.updateButtonState(btns, { state: 'noteon', value: 127 }, 'note')
   }
 
+  switchButtonLightFlashing(btns) {
+    btns = asArray(btns)
+    // console.log(`switchButtonLightFlashing:`, btns)
+    btns = btns.map((btn) => { return { note: btn }})
+    this.updateButtonState(btns, { state: 'flashingon', value: 127 }, 'note')
+  }
+
   switchButtonLightOff(btns) {
     btns = asArray(btns)
     // console.log(`switchButtonLightOff:`, btns)
@@ -730,7 +737,7 @@ export class ControlThemAll {
         this.updateDveButtons()
 
         if (state.video.mixEffects[me].fadeToBlack.isFullyBlack) {
-          this.switchButtonLightOn(this.getButtonsByAction('FadeToBlack'))
+          this.switchButtonLightFlashing(this.getButtonsByAction('FadeToBlack'))
         } else {
           this.switchButtonLightOff(this.getButtonsByAction('FadeToBlack'))
         }