Following HTML shows empty array in console on first click:

    &lt;!DOCTYPE html&gt;
    &lt;html&gt;
        &lt;head&gt;
            &lt;script&gt;
                function test(){
                    console.log(window.speechSynthesis.getVoices())
                }
            &lt;/script&gt;
        &lt;/head&gt;
        &lt;body&gt;
            &lt;a href=&quot;#&quot; onclick=&quot;test()&quot;&gt;Test&lt;/a&gt;
        &lt;/body&gt;
    &lt;/html&gt;

In second click you will get the expected list.

If you add `onload` event to call this function (`&lt;body onload=&quot;test()&quot;&gt;`), then you can get correct result on first click. Note that the first call on `onload` still doesn&#39;t work properly. It returns empty on page load but works afterward.

**Questions:**

Since it might be [a bug](https://code.google.com/p/chromium/issues/detail?id=340160) in beta version, I gave up on &quot;Why&quot; questions. 

Now, the question is if you want to access `window.speechSynthesis` on page load:

 - What is the best hack for this issue?
 - How can you make sure it will load `speechSynthesis`, on page load? 

**Background and tests:**

I was testing the new features in Web Speech API, then I got to this problem in my code:

 	&lt;script type=&quot;text/javascript&quot;&gt;
 	$(document).ready(function(){
		// Browser support messages. (You might need Chrome 33.0 Beta)
		if (!(&#39;speechSynthesis&#39; in window)) {
		  alert(&quot;You don&#39;t have speechSynthesis&quot;);
		}

		var voices = window.speechSynthesis.getVoices();
 		console.log(voices) // []

 		$(&quot;#test&quot;).on(&#39;click&#39;, function(){
			var voices = window.speechSynthesis.getVoices();
			console.log(voices); // [SpeechSynthesisVoice, ...]
		});
 	});
 	&lt;/script&gt;
 	&lt;a id=&quot;test&quot; href=&quot;#&quot;&gt;click here if &#39;ready()&#39; didn&#39;t work&lt;/a&gt;


My question was: why does `window.speechSynthesis.getVoices()` return empty array, after page is loaded and `onready` function is triggered? As you can see if you click on the link, same function returns an array of available voices of Chrome by `onclick` triger?

It seems Chrome loads `window.speechSynthesis` after the page load!

The problem is not in `ready` event. If I remove the line `var voice=...` from `ready` function, for first click it shows empty list in console. But the second click works fine.

It seems `window.speechSynthesis` needs more time to load after first call. You need to call it twice! But also, you need to wait and let it load before second call on `window.speechSynthesis`. For example, following code shows two empty arrays in console if you run it for first time:

	// First speechSynthesis call
	var voices = window.speechSynthesis.getVoices();
	console.log(voices);
	
	// Second speechSynthesis call
	voices = window.speechSynthesis.getVoices();
	console.log(voices);

All Webspeech Api Solutions on Gang of Coders

Total of 1 Webspeech Api Solutions

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