I can speak.

i-can-speak.markdown

I can speak.

A Pen by yskszk63 on CodePen.

License.

index.html

<form>
  <input type="text" class="content" value="" autofocus placeholder="Input text for speak. And enter key press."/>
</form>

script.js

const $form = document.querySelector('form');
const $text = document.querySelector('.content');

$form.addEventListener('submit', event => {
  event.preventDefault();
  
  const text = $text.value;
  if (!text) {
    return;
  }
  const uttar = new SpeechSynthesisUtterance($text.value);
  $text.value = '';
  
  uttar.addEventListener('end', () => {
    console.log("END");
    window.speaking = null;
  });
  
  speechSynthesis.speak(uttar);
});

style.css

input {
  font-size: 32px;
  width: 100%;
}