SpeechSynthesisUtterance.onboundary

The onboundary property of the SpeechSynthesisUtterance interface represents an event handler that will run when the spoken utterance reaches a word or sentence boundary (when the boundary event fires.)

Syntax

speechSynthesisUtteranceInstance.onboundary = function() { ... };

Examples

var synth = window.speechSynthesis;
var inputForm = document.querySelector('form');
var inputTxt = document.querySelector('input');
var voiceSelect = document.querySelector('select');
var voices = synth.getVoices();
  ...
inputForm.onsubmit = function(event) {
  event.preventDefault();
  var utterThis = new SpeechSynthesisUtterance(inputTxt.value);
  var 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);
  utterThis.onboundary = function(event) {
    console.log(event.name + ' boundary reached after ' + event.elapsedTime + ' milliseconds.');
  }
  inputTxt.blur();
}

Specifications

Browser compatibility

See also

• Web Speech API