title: HTML5 speech input and Google Translate text-to-speech, problem in Chrome
body: <p>I'm creating a voice/text-memo web application.
  Here: <a href="http://gustavstromberg.se/sandbox/html5/localstorage/" rel="nofollow">http://gustavstromberg.se/sandbox/html5/localstorage/</a> look at its source (very short, most of it is css)</p>
  
  <p>This is: </p>
  
  <ul>
  <li>Voice recognition, works only in chrome as far as I know.</li>
  <li>Local Storage, to store notes as text.</li>
  <li>Google Translate text-to-speech.</li>
  </ul>
  
  <p>Everything works, but in different browsers. The voice input works perfect, only in chrome. The text-to-speech works in safari.</p>
  
  <p>To dynamically load the memo into the audio>source element i use:</p>
  
  <pre><code>$("#spokenmemory").html("&lt;source src='http://translate.google.com/translate_tts?tl=en&amp;q="+localStorage['memory']+"' /&gt;");
  </code></pre>
  
  <p>(the localStorage['memory'] contains my stored text memo)</p>
  
  <p>To play my recently saved memo with googles text-to-speech-function I use:</p>
  
  <pre><code>$("#listenplay").click(function(){
      $("#spokenmemory")[0].play();
  });
  </code></pre>
  
  <p>(spokenmemory is the id-attribute of my audio-tag)</p>
  
  <p>This does'nt work to play in chrome, but if I visit the translation link (example: <a href="http://translate.google.com/translate_tts?tl=en&amp;q=Japan" rel="nofollow">http://translate.google.com/translate_tts?tl=en&amp;q=Japan</a>, and my text-memo is "Japan") in a separate browser-tab and then return to my site and reload the page (with the same text-memo "Japan" saved), the playback works. How strange, and annying!</p>
  
  <p>Has anyone any idea of this strange behaviour?</p>