title: HTML5 Speech Synthesis API - Only able to use the "native" voice
body: <p>I have a web application that makes use of the HTML5 speech synthesis API and it works - but only with the native voice. Here's my code:</p>
  
  <pre><code>var msg = new SpeechSynthesisUtterance();
  var voices;
  
  window.speechSynthesis.onvoiceschanged = function() {
      voices = window.speechSynthesis.getVoices();
  };
  
  $("#btnRead").click(function() {
          speak();
  });
  
  function speak(){
      msg = new SpeechSynthesisUtterance();
      msg.rate = 0.8;
      msg.text = $("#contentView").html();
      msg.voice = voices[10];
      msg.lang = 'en-GB';
      window.speechSynthesis.speak(msg);
  }
  </code></pre>
  
  <p>voices[10] is the only voice that works and when I log it to the console I can see that it's the native voice - which seems to suggest that the other voices aren't being loaded properly, but they still appear in the voices array when it's logged to the console as you can see here:</p>
  
  <p><img src="https://i.stack.imgur.com/bl1Fk.png" alt="Screenshot of console"></p>
  
  <p>Anyone have any ideas? I'm sure I'm probably missing something relatively simple but I've been wrestling with this for a bit now! I'm using Google Chrome version 42.0.2311.90 which should support the speech synthesis API as far as I can tell.</p>