話者の最適なピッチ範囲に限定できるように

src/components/Dialog/SettingDialog.vue

@@ -977,6 +977,34 @@
                 >
                 </QToggle>
               </QCardActions>
+              <!-- Optimal Pitch Setting -->
+              <QCardActions class="q-px-md bg-surface">
+                <div>最適ピッチ</div>
+                <div
+                  aria-label="ONの場合、イントネーションの調整可能の範囲を
+                  スタイルごとの最適なピッチ範囲に限定します。"
+                >
+                  <QIcon name="help_outline" size="sm" class="help-hover-icon">
+                    <QTooltip
+                      :delay="500"
+                      anchor="center right"
+                      self="center left"
+                      transition-show="jump-right"
+                      transition-hide="jump-left"
+                    >
+                      ONの場合、イントネーションの調整可能の範囲をスタイルごとの最適なピッチ範囲に限定します。
+                    </QTooltip>
+                  </QIcon>
+                </div>
+                <QSpace />
+                <QToggle
+                  :model-value="experimentalSetting.enableOptimalPitchRange"
+                  @update:model-value="
+                    changeExperimentalSetting('enableOptimalPitchRange', $event)
+                  "
+                >
+                </QToggle>
+              </QCardActions>
             </QCard>
             <QCard flat class="setting-card">
               <QCardActions>

src/components/Talk/AccentPhrase.vue

@@ -206,13 +206,19 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from "vue";
+import { computed, onUpdated, ref, watchEffect } from "vue";
 import AudioAccent from "./AudioAccent.vue";
 import AudioParameter from "./AudioParameter.vue";
 import { MenuItemButton } from "@/components/Menu/type";
 import ContextMenu from "@/components/Menu/ContextMenu.vue";
 import { useStore } from "@/store";
-import { AudioKey, MoraDataType } from "@/type/preload";
+import {
+  AudioKey,
+  EngineId,
+  MoraDataType,
+  StyleId,
+  optimalPitchRangeItem,
+} from "@/type/preload";
 import { Mora } from "@/openapi/models/Mora";
 import { AccentPhrase } from "@/openapi";
 
@@ -365,8 +371,10 @@
   props.accentPhrase.moras.map((mora) => mora.pitch)
 );
 
-const maxPitch = 6.5;
-const minPitch = 3;
+const defaultMaxPitch = 6.5;
+const defaultMinPitch = 3;
+const maxPitch = ref(defaultMaxPitch);
+const minPitch = ref(defaultMinPitch);
 const maxMoraLength = 0.3;
 const minMoraLength = 0;
 const changeMoraData = (
@@ -414,6 +422,44 @@
     changeMoraData(moraIndex, data, "voicing");
   }
 };
+
+const fetchPitchRange = async (engineId: EngineId, styleId: StyleId) => {
+  store
+    .dispatch("LOAD_OPTIMAL_PITCH_RANGE", {
+      engineId,
+      styleId,
+    })
+    .then((optimalPitchRange) => {
+      if (!optimalPitchRange) return;
+      setMinMaxPitch(optimalPitchRange);
+    });
+};
+
+const setMinMaxPitch = (pitchRange: optimalPitchRangeItem) => {
+  maxPitch.value = pitchRange.high;
+  minPitch.value = pitchRange.low;
+};
+
+onUpdated(() => {
+  // This code runs everytime the line is switched, there should be a more optimal way
+  // but I'm too lazy to find it
+  if (store.state.experimentalSetting.enableOptimalPitchRange) {
+    const audioItem = store.state.audioItems[props.audioKey];
+    const engineId = audioItem.voice.engineId;
+    const styleId = audioItem.voice.styleId;
+    try {
+      const pitchRange = store.state.optimalPitchRange[engineId][styleId];
+      setMinMaxPitch(pitchRange);
+    } catch (error) {
+      fetchPitchRange(engineId, styleId);
+    }
+  } else {
+    setMinMaxPitch({
+      low: defaultMinPitch,
+      high: defaultMaxPitch,
+    });
+  }
+});
 </script>
 
 <style scoped lang="scss">