add alternate windows tts

docs/.vitepress/theme/components/TTS.vue

@@ -3,6 +3,7 @@
     <span ref="main" :class="class" :lang="lang">
       <slot />
     </span>
+    <audio style="display: none" ref="audio"></audio>
     <span>
       <button type="button" @click="playAudio()">🗣️</button>
     </span>
@@ -23,12 +24,37 @@ const { lang = "ko-KR" } = defineProps<{
 }>();
 
 const mainEl = useTemplateRef("main");
+const audioEl = useTemplateRef("audio");
+
+function getMainText() {
+  if (!mainEl.value) return "";
+
+  return mainEl.value.innerText
+    .replace(/[*]/gu, " ")
+    .replace(/[\p{Ps}\p{Pe}]/gu, "");
+}
 
 async function playAudio() {
   if (!mainEl.value) return;
 
+  if (navigator.platform === "Win32" || !(await playAudioTTSPlugin())) {
+    if (!audioEl.value) return;
+
+    const url = new URL("http://localhost:5500/api/tts");
+    url.searchParams.set("voice", "glow-speak:ko_kss");
+    url.searchParams.set("text", getMainText());
+
+    audioEl.value.src = url.href;
+    audioEl.value.currentTime = 0;
+    audioEl.value.play();
+  }
+}
+
+async function playAudioTTSPlugin(): Promise<boolean> {
+  if (!mainEl.value) return false;
+
   const voices = await getVoices(lang);
-  if (!voices.length) return;
+  if (!voices.length) return false;
 
   document.querySelectorAll("audio").forEach((el) => {
     el.pause();
@@ -37,9 +63,7 @@ async function playAudio() {
   const v = voices[Math.floor(Math.random() * voices.length)];
   console.log(JSON.stringify(v));
   await speak({
-    text: mainEl.value.innerText
-      .replace(/[*]/gu, " ")
-      .replace(/[\p{Ps}\p{Pe}]/gu, ""),
+    text: getMainText(),
     language: null,
     rate: null,
     volume: null,
@@ -47,6 +71,8 @@ async function playAudio() {
     queueMode: null,
     voiceId: v.id,
   });
+
+  return true;
 }
 </script>