SpeechSynthesisUtterance: SpeechSynthesisUtterance() コンストラクター

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2018年9月以降、すべてのブラウザーで利用可能です。

もっと詳しく
完全な互換性情報を見る

SpeechSynthesisUtterance() は SpeechSynthesisUtterance インターフェイスのコンストラクターで、新しい SpeechSynthesisUtterance オブジェクトのインスタンスを返します。

構文

new SpeechSynthesisUtterance(text)

引数

text: 発話時に合成されるテキストを格納した文字列です。

例

以下のスニペットは Speech synthesizer demo から抜粋したものです。

const synth = window.speechSynthesis;

const inputForm = document.querySelector("form");
const inputTxt = document.querySelector("input");
const voiceSelect = document.querySelector("select");

const voices = synth.getVoices();

// ...

inputForm.onsubmit = (event) => {
  event.preventDefault();

  const utterThis = new SpeechSynthesisUtterance(inputTxt.value);
  const selectedOption =
    voiceSelect.selectedOptions[0].getAttribute("data-name");
  for (let i = 0; i < voices.length; i++) {
    if (voices[i].name === selectedOption) {
      utterThis.voice = voices[i];
    }
  }
  synth.speak(utterThis);
  inputTxt.blur();
};