Add: ソングの書き出しダイアログを追加

src/components/Dialog/Dialog.ts

@@ -323,6 +323,7 @@ const showWriteErrorDialog = ({
   }
 };
 
+/** 保存結果に応じてユーザーに通知する。キャンセルされた場合は何もしない。 */
 export const notifyResult = (
   result: SaveResultObject,
   mediaType: MediaType,

src/components/Dialog/ExportSongAudioDialog/Presentation.vue

@@ -25,10 +25,10 @@
           />
         </BaseCell>
         <BaseCell
-          title="音声をステレオ化"
-          description="ONの場合、音声データがモノラルからステレオに変換されてから保存が行われます。"
+          title="モノラルで書き出し"
+          description="ONの場合、パンが無効化され、1つのチャンネルにまとめられて書き出されます。"
         >
-          <QToggle v-model="isStereo" />
+          <QToggle v-model="isMono" />
         </BaseCell>
         <BaseCell
           title="音声のサンプリングレート"
@@ -78,7 +78,7 @@
         <QBtn
           unelevated
           align="right"
-          label="書き出し"
+          label="書き出す"
           color="toolbar-button"
           textColor="toolbar-button-display"
           class="text-no-wrap text-bold q-mr-sm"
@@ -94,8 +94,7 @@
 import { ref, computed } from "vue";
 import { useDialogPluginComponent } from "quasar";
 import BaseCell from "./BaseCell.vue";
-import { SongExportSetting } from "@/store/type";
-import { TrackParameters } from "@/store/singing";
+import { SongExportSetting, TrackParameters } from "@/store/type";
 
 export type ExportTarget = "master" | "stem";
 const { dialogRef, onDialogOK, onDialogCancel } = useDialogPluginComponent();
@@ -119,8 +118,8 @@ const exportTargets = [
 ];
 const exportTarget = ref<ExportTarget>("master");
 
-// ステレオ
-const isStereo = ref<boolean>(true);
+// モノラル
+const isMono = ref<boolean>(false);
 
 // サンプルレート
 const samplingRate = ref<number>(48000);
@@ -131,16 +130,25 @@ const renderSamplingRateLabel = (rate: number) => `${rate} Hz`;
 const withLimiter = ref<boolean>(true);
 
 // パン・ボリューム・ミュート
-const withTrackParameters = ref<(keyof TrackParameters)[]>([
+const withTrackParametersInner = ref<(keyof TrackParameters)[]>([
   "pan",
   "gain",
   "soloAndMute",
 ]);
+const withTrackParameters = computed({
+  get: () =>
+    isMono.value
+      ? withTrackParametersInner.value.filter((v) => v !== "pan")
+      : withTrackParametersInner.value,
+  set: (value: (keyof TrackParameters)[]) => {
+    withTrackParametersInner.value = value;
+  },
+});
 const trackParameterOptions = computed(() => [
   {
     label: "パン",
     value: "pan",
-    disable: !isStereo.value,
+    disable: isMono.value,
   },
   {
     label: "ボリューム",
@@ -155,11 +163,11 @@ const trackParameterOptions = computed(() => [
 const handleExportTrack = () => {
   onDialogOK();
   emit("exportAudio", exportTarget.value, {
-    isStereo: isStereo.value,
+    isMono: isMono.value,
     sampleRate: samplingRate.value,
     withLimiter: withLimiter.value,
     withTrackParameters: {
-      pan: withTrackParameters.value.includes("pan") && isStereo.value,
+      pan: withTrackParameters.value.includes("pan"),
       gain: withTrackParameters.value.includes("gain"),
       soloAndMute: withTrackParameters.value.includes("soloAndMute"),
     },

src/store/singing.ts

@@ -24,6 +24,7 @@ import {
   SingingVoiceKey,
   EditorFrameAudioQueryKey,
   EditorFrameAudioQuery,
+  TrackParameters,
 } from "./type";
 import {
   buildSongTrackAudioFileNameFromRawData,
@@ -157,12 +158,6 @@ const generateDefaultSongFileBaseName = (
   return DEFAULT_PROJECT_NAME;
 };
 
-export type TrackParameters = {
-  gain: boolean;
-  pan: boolean;
-  soloAndMute: boolean;
-};
-
 const offlineRenderTracks = async (
   numberOfChannels: number,
   sampleRate: number,
@@ -1953,7 +1948,7 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
             getters.CHARACTER_INFO,
           );
           const fileName = `${fileBaseName}.wav`;
-          const numberOfChannels = setting.isStereo ? 2 : 1;
+          const numberOfChannels = setting.isMono ? 1 : 2;
           const sampleRate = setting.sampleRate;
           const withLimiter = setting.withLimiter;
 
@@ -2032,7 +2027,7 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
       async ({ state, mutations, getters, actions }, { dirPath, setting }) => {
         let firstFilePath = "";
         const exportAudioFile = async (): Promise<SaveResultObject> => {
-          const numberOfChannels = setting.isStereo ? 2 : 1;
+          const numberOfChannels = setting.isMono ? 1 : 2;
           const sampleRate = setting.sampleRate;
           const withLimiter = setting.withLimiter;
 
@@ -2072,7 +2067,7 @@ export const singingStore = createPartialStore<SingingStoreTypes>({
               continue;
             }
 
-            // ミュート/ソロをエクスポートするかどうかとして反映する
+            // ミュート/ソロにより再生されないトラックは除外
             if (
               setting.withTrackParameters.soloAndMute &&
               !shouldPlays.has(trackId)

src/store/type.ts

@@ -11,7 +11,6 @@ import {
   Store,
 } from "./vuex";
 import { createCommandMutationTree, PayloadRecipeTree } from "./command";
-import { TrackParameters } from "./singing";
 import {
   AccentPhrase,
   AudioQuery,
@@ -816,8 +815,14 @@ export const PhraseKey = (id: string): PhraseKey => phraseKeySchema.parse(id);
 
 export type SequencerEditTarget = "NOTE" | "PITCH";
 
+export type TrackParameters = {
+  gain: boolean;
+  pan: boolean;
+  soloAndMute: boolean;
+};
+
 export type SongExportSetting = {
-  isStereo: boolean;
+  isMono: boolean;
   sampleRate: number;
   withLimiter: boolean;
   withTrackParameters: TrackParameters;

src/type/preload.ts

@@ -614,6 +614,7 @@ export const configSchema = z
     savingSetting: z
       .object({
         fileEncoding: z.enum(["UTF-8", "Shift_JIS"]).default("UTF-8"),
+        // NOTE: ファイル名パターンは拡張子を含まない
         fileNamePattern: z.string().default(""),
         fixedExportEnabled: z.boolean().default(false),
         avoidOverwrite: z.boolean().default(false),