html5语音识别代码,代码库,德仔网

代码语言

代码分类

【】 html5语音识别

作者:dezai / 发布于2014/6/5/ 1367

音识别


	<html>
	<head>
	
	<script type='text/javascript'>
	if (document.createElement("input").webkitSpeech === undefined) {
	 alert("很遗憾，你的浏览器不支持语音识别。");
	 }
	else{
	 alert("尝试使用语言识别来输入内容吧");
	 }

	//事件的触发（可使用下面的js调用完成）
	/*
	input.onwebkitspeechchange = function() {
	 alert("aaa");
	*/
	};
	</script>
	<script>//这里的作用是文本框（搜索框）失去焦点的时候，值重新赋了下。这样语音再次输入就不会将以前的值去掉
	 document.querySelector("input[name='s']").addEventListener("blur",function(){this.value=this.value;});
	</script>
	</head>
	<body>
	<!--
	 <input name="s" type="text" x-webkit-speech x-webkit-grammar="builtin:translate" />
	 <input x-webkit-speech lang="zh-CN" />
	 <input x-webkit-speech x-webkit-grammar="bUIltin:search" />
	-->
	<form action="http://www.google.com/search" >
	 <input type="search" name="q" lang="zh-CN" x-webkit-speech x-webkit-grammar="builtin:search" onwebkitspeechchange="startSearch(event)"/>
	</form>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　语音识别　

同语言下

可能有用的

dezai贡献的其它代码(1065)