SpeechSynthesis備忘録

const canUseSpeechSynthesisText =
  "speechSynthesis" in window
    ? "このブラウザは音声合成に対応しています"
    : "このブラウザは音声合成に対応していません";

const uttr = new SpeechSynthesisUtterance("");

const speechVoice = (text: string) => {
  if (speechSynthesis.speaking) return;
  uttr.text = text;
  speechSynthesis.speak(uttr);
};

const uttr = new SpeechSynthesisUtterance("");

const LANG = ["ja-JP", "en-US"] as const;
type SpeechVoiceKey = (typeof LANG)[number];
const SPEECH_VOICE_MAP = new Map<SpeechVoiceKey, string[]>([
  ["ja-JP", ["Kyoko", "Sayaka"]], // お好きな声で
  ["en-US", ["Samantha", "Flo", "Ralph"]], // お好きな声で
]);

const setSpeechLang = (
  lang: SpeechVoiceKey,
  voiceList: SpeechSynthesisVoice[]
) => {
  uttr.lang = lang;
  uttr.voice =
    (SPEECH_VOICE_MAP.get(uttr.lang as typeof lang)?.reduce((c, n) => {
      const v = voiceList.find(
        (v) => v.voiceURI.includes(n) && v.lang === uttr.lang
      );
      return v ? [...c, v] : c;
    }, [] as typeof voiceList) ?? [])[0] ??
    voiceList.find((v) => v.lang === uttr.lang)!;
};