おうむ返し

2016年3月21日 - 未分類

iTelepassにログインして、+のアイコンをクリックします。

+boton

Name your appをクリックして、 SoundRecogと入力します。

create

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>

oumu

マイクに話しかけると、話した言葉を認識して、同じ言葉を話して返します。

ブラウザは、Chromeを使ってください。

ちょっと感動しますよ。

この仕組を使って、植物との会話ができるようにしてみたいですね。

アップデータはここからダウンロードできます。