add ability to switch audio output using midi

Author: dogatech

README.md

@@ -35,7 +35,7 @@ Presteps:
 * (to build) install npm modules
   * global: node-gyp
   * locally with npm install
-* required libs (brew install): mysql-connector-c++ (no brew; just download & copy in right locations), libtag, mad, boost, ffmpeg, g3log (1.3.4 (<=c++14)), cliclick
+* required libs (brew install): mysql-connector-c++ (no brew; just download & copy in right locations), libtag, mad, boost, ffmpeg, g3log (1.3.4 (<=c++14)), cliclick, switchaudio-osx
   * sudo launchctl config user path /usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin
 * It can read MixedInKey values from id3 tags. Settings:
   * Update custom "initial key" tag

be/src/SoulSifterSettings.cpp

@@ -48,6 +48,10 @@ namespace soulsifter {
     //ptree.put("google.appKey", "");
     //ptree.put("google.email", "");
     //ptree.put("google.androidId", "");
+    //ptree.put("midi.audioOutput.left", "");
+    //ptree.put("midi.audioOutput.leftName", "");
+    //ptree.put("midi.audioOutput.right", "");
+    //ptree.put("midi.audioOutput.rightName", "");
     //ptree.put("midi.browse", "");
     //ptree.put("midi.controllerName", "");
     //ptree.put("midi.loadLeft", "");

fe/package.json

@@ -2,7 +2,7 @@
   "name": "SoulSifter",
   "version": "1.10.0",
   "description": "DJ & music organization app.",
-  "build": 4213,
+  "build": 4220,
   "main": "main.js",
   "scripts": {
     "fe:build": "vite build",

fe/src/settings-edit.js

@@ -78,6 +78,11 @@ class SettingsEdit extends SettingsMixin(LitElement) {
                 <md-filled-text-field label="Volume" .value=${this.midiVolumeValue} id="midiVolumeValue" allowedPattern="${rawMidiPattern}"></md-filled-text-field>
                 <br>
                 <md-filled-text-field label="Preview Start Time (in %)" .value=${this.songListPreviewStartPercent} id="songListPreviewStartPercent"></md-filled-text-field>
+                <br>
+                <md-filled-text-field label="Audio source 1 midi" .value=${this.midiAudioOutputLeft} id="midiAudioOutputLeft"></md-filled-text-field>
+                <md-filled-text-field label="Audio source 1 name" .value=${this.midiAudioOutputLeftName} id="midiAudioOutputLeftName"></md-filled-text-field>
+                <md-filled-text-field label="Audio source 2 midi" .value=${this.midiAudioOutputRight} id="midiAudioOutputRight"></md-filled-text-field>
+                <md-filled-text-field label="Audio source 2 name" .value=${this.midiAudioOutputRightName} id="midiAudioOutputRightName"></md-filled-text-field>
               </div>
               <div class="fields">
                 <label>Midi for VDJ stem responsiveness</label>
@@ -173,6 +178,10 @@ class SettingsEdit extends SettingsMixin(LitElement) {
     this.editAutoPlay = this.settings.getBool('edit.autoPlay');
     this.feedlyDevToken = this.settings.getString('feedly.devToken');
     this.feedlyUserId = this.settings.getString('feedly.userId');
+    this.midiAudioOutputLeft = this.settings.getString('midi.audioOutput.left');
+    this.midiAudioOutputLeftName = this.settings.getString('midi.audioOutput.leftName');
+    this.midiAudioOutputRight = this.settings.getString('midi.audioOutput.right');
+    this.midiAudioOutputRightName = this.settings.getString('midi.audioOutput.rightName');
     this.midiBrowse = this.settings.getString('midi.browse');
     this.midiControllerName = this.settings.getString('midi.controllerName');
     this.midiLoadLeft = this.settings.getString('midi.loadLeft');
@@ -315,6 +324,10 @@ class SettingsEdit extends SettingsMixin(LitElement) {
     this.putb('edit.autoPlay', this.shadowRoot.getElementById('editAutoPlay').checked);
     this.puts('feedly.devToken', this.shadowRoot.getElementById('feedlyDevToken').value);
     this.puts('feedly.userId', this.shadowRoot.getElementById('feedlyUserId').value);
+    this.puts('midi.audioOutput.left', this.shadowRoot.getElementById('midiAudioOutputLeft').value);
+    this.puts('midi.audioOutput.leftName', this.shadowRoot.getElementById('midiAudioOutputLeftName').value);
+    this.puts('midi.audioOutput.right', this.shadowRoot.getElementById('midiAudioOutputRight').value);
+    this.puts('midi.audioOutput.rightName', this.shadowRoot.getElementById('midiAudioOutputRightName').value);
     this.puts('midi.browse', this.shadowRoot.getElementById('midiBrowse').value);
     this.puts('midi.controllerName', this.shadowRoot.getElementById('midiControllerName').value);
     this.puts('midi.loadLeft', this.shadowRoot.getElementById('midiLoadLeft').value);

fe/src/song-list.js

@@ -465,6 +465,26 @@ class SongList extends AlertsMixin(
   }
 
   registerMidiCallbacks() {
+    const util = require('util');
+    const exec = util.promisify(require('node:child_process').exec);
+    midiManager.registerInput(
+        this.settings.getString('midi.audioOutput.left'),
+        async e => {
+          if (this._audioOutput != this.settings.getString('midi.audioOutput.leftName')) {
+            await exec(`SwitchAudioSource -s "${this.settings.getString('midi.audioOutput.leftName')}"`);
+            this._audioOutput = this.settings.getString('midi.audioOutput.leftName');
+          }
+        }
+    );
+    midiManager.registerInput(
+        this.settings.getString('midi.audioOutput.right'),
+        async e => {
+          if (this._audioOutput != this.settings.getString('midi.audioOutput.rightName')) {
+            await exec(`SwitchAudioSource -s "${this.settings.getString('midi.audioOutput.rightName')}"`);
+            this._audioOutput = this.settings.getString('midi.audioOutput.rightName');
+          }
+        }
+    );
     midiManager.registerInput(
         this.settings.getString('midi.loadLeft'),  // 70
         e => {
@@ -536,7 +556,7 @@ class SongList extends AlertsMixin(
               composed: true,
               detail: { song: this.midiSelectedListItem.song, pct: startPct, player: this.midiSelectedListItem }
           });
-          this.dispatchEvent(event);
+          setTimeout(() => this.dispatchEvent(event), 200);  // wait for audio output to switch
         }
     );
   }