细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能,能够实现语音识别功能,可能功能还不够完善,不过也算是一种趋势,下面就介绍一下如何实现此功能,代码如下:
1
|
<
input
type
=
"text"
name
=
"test"
x-webkit-speech
lang
=
"zh-CN"
x-webkit-grammar
=
"bUIltin:search"
/>
|
参数解释:
1.x-webkit-speech:可以让文本框右侧出现话筒图标。
2.lang:强制输入框里面的语音的语言种类。
3.x-webkit-grammar:指的是语音输入语法,"builtin:search”值使得语音输入的内容尽量靠近搜索内容,去除多余的字符。
原文发布时间为:2017-2-10
本文作者:admin
本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落
原文链接:Html5实现的语音搜索功能