语音文本按钮在网页上的文本框中

Question

网页上的文本框中是否可以使用Google语音文字按钮？

怎么做？

Answer 1

这是HTML5 thingy ...

<input type="text" id="txtSearch" x-webkit-speech />

所以，只能在可用的浏览器中使用。

  

直播代码：http://jsbin.com/afifaw/3

Answer 2

这是您可能认为可以接受的 真正 粗略的TTS实施。它需要一些温柔的爱和关怀，但这是一个起点。

<p id="tts">The maximum number of characters, including punctuation marks and all spaces, that I can read is 100</p>

<a target="new" id="ttsLink" onclick="document.getElementById('ttsReader').src='http://translate.google.com/translate_tts?tl=en&q='+encodeURIComponent(document.getElementById('tts').innerHTML)">  <u>click me<u></a>

<br/ ><br />
<iframe id="ttsReader" width="10" height="10"></iframe>