Javascript / Html SpeechSynthesis не работает

Question

Я пробовал это в Chrome, Edge и Firefox, но это не работает.

const text = document.getElementById("text");
const speed = document.getElementById("speed");
function play() {
var utterance = new SpeechSynthesisUtterance();
utterance.text = text.value;
utterance.rate = speed.value || 1;
utterance.pitch = 1;
utterance.volume = 1;
speechSynthesis.speak(utterance);
}

Answer 1

Не знаю, какую скорость вы пытаетесь назначить, но работает это так.

const text = document.getElementById("text");
document.getElementById("button").addEventListener("click", play)

function play() {
  var utterance = new SpeechSynthesisUtterance();
  utterance.text = text.value;
  utterance.pitch = 1;
  utterance.volume = 1;
  speechSynthesis.speak(utterance);
}

<input type="text" id="text" value= "hello">
<button id="button">click me</button>