おうむ返し
2016年3月21日 - 未分類
iTelepassにログインして、+のアイコンをクリックします。
Name your appをクリックして、 SoundRecogと入力します。
Createボタンを押します。
TMMLタグで、以下のコードを入力します。
<!DOCTYPE html>
<html>
<head>
<title>Coder</title>
<meta charset=”utf-8″>
<!– Standard Coder Includes –>
<script>
var appname = “{{app_name}}”; //app name (id) of this app
var appurl = “{{&app_url}}”;
var staticurl = “{{&static_url}}”; //base path to your static files /static/apps/yourapp
</script>
<link href=”/static/apps/coderlib/css/index.css” media=”screen” rel=”stylesheet” type=”text/css”/>
<script src=”/static/common/js/jquery.min.js”></script>
<script src=”/static/common/ace-min/ace.js” type=”text/javascript” charset=”utf-8″></script>
<script src=”/static/apps/coderlib/js/index.js”></script>
<script>
Coder.addBasicNav();
</script>
<!– End Coder Includes –>
<!– This app’s includes –>
<link href=”{{&static_url}}/css/index.css” media=”screen” rel=”stylesheet” type=”text/css”/>
<script src=”{{&static_url}}/js/index.js”></script>
<!– End apps includes –>
<script>
window.SpeechRecognition = window.SpeechRecognition || webkitSpeechRecognition;
var recognition = new webkitSpeechRecognition();
recognition.lang = ‘ja’;
// 録音終了時トリガー
recognition.addEventListener(‘result’, function(event){
var text = event.results.item(0).item(0).transcript;
$(“#result_text”).val(text);
// 会話ルーチン
// text内容から応答メッセージを生成する
// text = response(text);
// 音声合成
speechSynthesis.speak(
new SpeechSynthesisUtterance(text)
);
}, false);
// 録音開始
function record()
{
recognition.start();
}
</script>
</head>
<body class=””>
<div class=”pagecontent”>
<p>録音開始ボタンを押して話しかけてください。鸚鵡返しします。</p>
<textarea id=”result_text” cols=”100″ rows=”10″>
</textarea>
<br />
<input type=”button” onClick=”record()” value=”録音開始” />
</div>
</body>
</html>
マイクに話しかけると、話した言葉を認識して、同じ言葉を話して返します。
ブラウザは、Chromeを使ってください。
ちょっと感動しますよ。
この仕組を使って、植物との会話ができるようにしてみたいですね。