<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<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>
发现浏览器不适配麦克风。
无法进行相应的语音识别。
遇到问题：设备或者代码问题
代码量30
标签：总结,function,每日,alert,5.11,语音,input,document From： https://www.cnblogs.com/syhxx/p/17392182.html