如何实现HTML5语音识别功能

html-css017

如何实现HTML5语音识别功能,第1张

如果想指定语言类别，还可以增加lang属性，如：<inputx-webkit-speech lang="zh-CN"/>。以及表示语法的（据说bUIltin:search可以过滤助词）：<input x-webkit-speech x-webkit-grammar="bUIltin:search" />

还有一个onwebkitspeechchange的方法，发生在语言识别成功，且文字输入到文本框后触发。

HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到。html的基本语法是

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8" />

<title>网页标题</title>

<meta name="keywords" content="关键字列表" />

<meta name="description" content="网页描述" />

<link rel="stylesheet" type="text/css" href="" />

<style type="text/css"></style>

<script type="text/javascript"></script>

</head>

<body>

<P>www.hxzkpcb.com</P>

<P>www.baidu.com</P>

</body>

</html>

用javascript获取语音识别这个事件的结束，可以使用onwebkitspeechchange

<input type=”text” speech x-webkit-speech onwebkitspeechchange=”alert(this.value)” />