Baseline Widely available
The voice
property of the SpeechSynthesisUtterance
interface gets and sets the voice that will be used to speak the utterance.
This should be set to one of the SpeechSynthesisVoice
objects returned by SpeechSynthesis.getVoices()
. If not set by the time the utterance is spoken, the voice used will be the most suitable default voice available for the utterance's lang
setting.
A SpeechSynthesisVoice
object.
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();
};
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.3