英語の発音を音声で取得する「Text-to-Speech API」
URLに英文を組み込むだけで英語の発音を音声で取得できるサイトです。
Text-to-Speech API (TTS-API.COM)リンク切れ
例えば、ブラウザのアドレス欄に「http://tts-api.com/tts.mp3?q=hello+world.」のように入力すると、MP3で音声が再生されます。
ページ上で再生するには次のようにするようです。
プラグインをダウンロードします。適当なフォルダに保存。
jquery.say.jsリンク切れ
HTMLを書きます。プラグインと同じフォルダに。
<html>
<body>
<input type="text" id="mytext" value="I have a pen.">
<input type="button" id="speech" value="Speech">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery.say.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#speech").click(function() {
$.say($("#mytext").val());
});
});
</script>
</body>
</html>
<body>
<input type="text" id="mytext" value="I have a pen.">
<input type="button" id="speech" value="Speech">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery.say.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#speech").click(function() {
$.say($("#mytext").val());
});
});
</script>
</body>
</html>
テキストボックス(「I have a pen.」とセット)とボタンを用意します。
jQueryとプラグインを読み込みます。
jQueryでコードを書きます。「say」が発音する部分です。
これをブラウザで開き、ボタンをクリックすると、テキストボックスの文が読み上げられます。