html - Web ページのテキスト ボックスのテキスト ボタンへの音声合成

Question

ウェブページのテキストボックスに Google のテキスト変換ボタンを機能させることは可能ですか?

どうすればそれができますか？

Answer 1

それはHTML5のものです...

<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>