Breaking News: Grepper is joining You.com. Read the official announcement!

SpeechSynthesisUtterance

Distinct Dove answered on July 27, 2022 Popularity 8/10 Helpfulness 2/10

answer SpeechSynthesisUtterance

related SpeechSynthesisUtterance

SpeechSynthesisUtterance

Comment

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 = function(event) {
  event.preventDefault();

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

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: developer.mozilla.org

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 27 2022

Distinct Dove

0 Answers Avg Quality 2/10

Closely Related Answers

SpeechSynthesisUtterance

Comment

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 = function(event) {
  event.preventDefault();

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

Popularity 8/10 Helpfulness 2/10 Language javascript

Source: developer.mozilla.org

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Jul 27 2022

Distinct Dove

0 Answers Avg Quality 2/10

SpeechSynthesisUtterance

Contents

More Related Answers

SpeechSynthesisUtterance

Closely Related Answers

SpeechSynthesisUtterance

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.