選択した再生デバイスがソングでも適用されるようにする

src/components/App.vue

@@ -97,6 +97,13 @@ watchEffect(() => {
   setThemeToCss(theme);
 });
 
+// ソングの再生デバイスを同期
+watchEffect(() => {
+  void store.actions.APPLY_DEVICE_ID_TO_AUDIO_CONTEXT({
+    device: store.state.savingSetting.audioOutputDevice,
+  });
+});
+
 // ソフトウェアを初期化
 const { hotkeyManager } = useHotkeyManager();
 const isEnginesReady = ref(false);

src/store/singing.ts

@@ -106,6 +106,7 @@ import { uuid4 } from "@/helpers/random";
 import { convertToWavFileData } from "@/sing/convertToWavFileData";
 import { generateWriteErrorMessage } from "@/helpers/fileHelper";
 import path from "@/helpers/path";
+import { showAlertDialog } from "@/components/Dialog/Dialog";
 
 const logger = createLogger("store/singing");
 
@@ -1682,6 +1683,23 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
     },
   },
 
+  APPLY_DEVICE_ID_TO_AUDIO_CONTEXT: {
+    action(_, { device }) {
+      if (!audioContext) {
+        throw new Error("audioContext is undefined.");
+      }
+      const sinkId = device === "default" ? "" : device;
+      audioContext.setSinkId(sinkId).catch((err: unknown) => {
+        void showAlertDialog({
+          type: "error",
+          title: "エラー",
+          message: "再生デバイスが見つかりません",
+        });
+        throw err;
+      });
+    },
+  },
+
   /**
    * レンダリングを行う。レンダリング中だった場合は停止して再レンダリングする。
    */

src/store/type.ts

@@ -1326,6 +1326,10 @@ export type SingingStoreTypes = {
   SYNC_TRACKS_AND_TRACK_CHANNEL_STRIPS: {
     action(): void;
   };
+
+  APPLY_DEVICE_ID_TO_AUDIO_CONTEXT: {
+    action(payload: { device: string }): void;
+  };
 };
 
 export type SingingCommandStoreState = {

src/type/globals.d.ts

@@ -9,6 +9,10 @@ declare global {
     setSinkId(deviceID: string): Promise<undefined>; // setSinkIdを認識してくれないため
   }
 
+  interface AudioContext {
+    setSinkId: (sinkId: string) => Promise<void>;
+  }
+
   interface Window {
     readonly [SandboxKey]: import("./preload").Sandbox;
   }