title: why this Text to speech code does not work in phones
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;Title&gt;Text To Speech&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  ```
  </code></pre>
  
  <p>i dont know what is the problem this code is actually work in website but in the phones does not work i dont know what to do </p>
  
  <pre><code>    &lt;input type="text" name="Text"&gt;
      &lt;a href="#" class="say"&gt;Say It&lt;/a&gt;
  
      &lt;audio src="" class="speech" hidden&gt;&lt;/audio&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  
  
      &lt;script&gt;
      $(function() {
      $('a.say').on('click',function(e){
      e.preventDefault();
      var text= $('input[name="Text"]').val();
      text = encodeURIComponent(text);
      console.log(text);
      var url = "http://translate.google.com/translate_tts?tl=en&amp;q=" + text + "&amp;client=tw-ob";
      $('audio').attr('src', url).get(0).play();
      });
      });
      &lt;/script&gt;
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>