<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Speech Recognizer</title>
<script>
function speechInput() {
var text = document.getElementById("textPart").value;
document.getElementById("browserPart").src = "http://translate.google.com/translate_tts?tl=ja&q=" + text;
document.getElementById("logPart").innerHTML = text;
}
function onClick() {
var text = document.getElementById("textPart").value;
document.getElementById("browserPart").src = "http://translate.google.com/translate_tts?tl=ja&q=" + text;
document.getElementById("logPart").innerHTML = text;
}
</script>
</head>
<body>
<header>
<div style="text-align:center">
<input type="text" id="textPart" x-webkit-speech lang="ja" style="font-size:24px" onwebkitspeechchange="speechInput();" />
<button onclick="onClick()">実行</button>
<hr>
</div>
</header>
<article>
<iframe id="browserPart" src="http://translate.google.com/translate_tts?tl=ja&q=ごきげんよう" width="100%" height="50px"></iframe>
<div id="logPart" style="text-align:center"></div>
</article>
</body>
</html>
最終更新:2015年04月14日 00:17