title: speechSynthesis API not working
body: <p>I'm trying to experiment with <a href="https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html" rel="nofollow noreferrer">speechSynthesis API</a> with the help of <a href="https://developers.google.com/web/updates/2014/01/Web-apps-that-talk---Introduction-to-the-Speech-Synthesis-API?hl=en" rel="nofollow noreferrer">Eric's blog</a>.</p>
  
  <p><a href="http://jsfiddle.net/hardik4now/W5rS8/" rel="nofollow noreferrer">This fiddle</a> is working fine, meaning there is <a href="https://stackoverflow.com/questions/25073192/web-speech-api-not-working">no issue with the audio device permission</a> for website (correct me if I'm wrong). I made my <a href="http://jsfiddle.net/zameeramir/LbjmavhL/" rel="nofollow noreferrer">own fiddle</a> but doesn't seems to be working (I mean it is not saying <em>Hello world</em>).</p>
  
  <p>Here is my code: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function speak() {
      var msg = new SpeechSynthesisUtterance('Hello world');
      msg.rate = 0.7;
      msg.pitch = 1;
      window.speechSynthesis.speak(msg);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;button title="Click to listen" onclick="speak()"&gt;
           Say hello world
  &lt;/button&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><strong>Update:</strong> The code is working here as pointed out by <a href="https://stackoverflow.com/users/1630963/enhzflep">enhzflep</a> but not in <a href="http://jsfiddle.net/zameeramir/LbjmavhL/" rel="nofollow noreferrer">JSFiddle's editor</a></p>
  
  <p>Any suggestions, kind folks? </p>