Getting the list of voices in speechSynthesis (Web Speech API)

by

According to Web Speech API Errata (E11 2013-10-17), the voice list is loaded async to the page. An onvoiceschanged event is fired when they are loaded.

voiceschanged: Fired when the contents of the SpeechSynthesisVoiceList, that the getVoices method will return, have changed. Examples include: server-side synthesis where the list is determined asynchronously, or when client-side voices are installed/uninstalled.

So, the trick is to set your voice from the callback for that event listener:

// wait on voices to be loaded before fetching list
window.speechSynthesis.onvoiceschanged = function() {
    window.speechSynthesis.getVoices();
    ...
};

More Related Contents:

  1. window.onload vs $(document).ready()
  2. Detect Click into Iframe using JavaScript
  3. Prevent form submission on Enter key press
  4. Jquery mouseenter() vs mouseover()
  5. Firing event on DOM attribute change
  6. How does one capture a Mac’s command key via JavaScript?
  7. How can I bind all events on a DOM element?
  8. On Text Highlight Event?
  9. Callback on CSS transition
  10. Handle URL fragment identifier (anchor) change event in Javascript
  11. Voice recognition on android with recorded sound clip?
  12. Prevent onmouseout when hovering child element of the parent absolute div WITHOUT jQuery
  13. Create a file using Javascript in Chrome on client side
  14. How to know whether refresh button or browser back button is clicked in Firefox [duplicate]
  15. Detect if HTML5 Video element is playing [duplicate]
  16. ES6 Class: access to ‘this’ with ‘addEventListener’ applied on method [duplicate]
  17. Perform action when clicking HTML5 datalist option
  18. Fire tab keypress event in JavaScript?
  19. How to Clear/Remove JavaScript Event Handler?
  20. Detecting an image 404 in Javascript
  21. Popstate on page’s load in Chrome
  22. How do I pass the this context into an event handler?
  23. Fire onmouseover event when element is disabled
  24. Implementing events in custom object
  25. onclick event function in JavaScript
  26. Keycode is always zero in Chrome for Android
  27. Capturing result of window.onbeforeunload confirmation dialog
  28. The “onchange” event does not work with “value” change in “text input” object
  29. Replacement for deprecated `keypress` DOM event
  30. Manually dispatchEvent DOMContentLoaded

Leave a Comment