HTML5 语音搜索只需一句代码
发布时间：2013-01-03 10:41:20 作者：佚名 
我要评论
我要评论淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，感兴趣的朋友可以参考下
淘宝网的语音搜索也有了一阵子了，但似乎都没看到相关的博客或帖子在说这个如何实现，今天查了点资料，发现原来实现是如此简单，可能是因为太简单了，也就没有人讨论了吧。
其实实现只需一句代码即可：
x-webkit-speech
一看到这句代码，想到了什么？对，这说明语音搜索只支持webkit内核浏览器，那么这段代码具体要放在哪呢？
复制代码代码如下:
<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech>
放在文本输入框内就行了，其他的什么都不用做，看
当然还有一些其他的参数，比如设置语音限制语言种类
复制代码
代码如下:<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech lang="zh-CN">
还有设置语音输入语法的参数，这个就比较试用于搜索框。加上这参数后，系统就会自动去掉“的”、“啦”这类无意义的字
复制代码
代码如下:<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech x-webkit-grammar="bUIltin:search">
当然在测试时候发现一个小问题，就是当具有语音搜索的页面是iframe页面时，点击麦克风后，“请开始说话”这浮动层就不跟随input输入框了
相关阅读：HTML5 语音搜索(淘宝店语音搜素)
相关文章
这篇文章主要介绍了HTML5实时语音通话聊天，MP3压缩传输3KB每秒,需要的朋友可以参考下2019-08-28
这篇文章主要介绍了使用Html5多媒体实现微信语音功能,需要的朋友可以参考下2019-07-26
这篇文章主要介绍了HTML5语音合成功能的实现代码，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友参考下吧2019-05-17- 这篇文章主要介绍了基于Html5实现的语音搜索功能，非常不错，具有一定的参考借鉴价值，需要的朋友参考下2019-05-13
- 本文给大家介绍如何使用html5为输入框添加语音输入功能，实现方法很简单，需要的朋友参考下本文2017-02-06
Jquery+html5可设置闹钟并且会语音提醒的时钟特效源码
Jquery+html5可设置闹钟并且会语音提醒的时钟特效，功能实现非常简单，推荐给大家。2015-08-27- 作为一个专业的淘宝控，不知道从什么时候开始发现淘宝上居然还有语音搜索，好吧，因为好奇心作祟还是想一探究竟，不过我想仔细一点的人，都会发现在只有在webkit内核的浏览2014-03-18
- HTML5中有个语音识别的标签，利用它可以实现语音输入，个人感觉还是不错的，下面有个示例及截图，喜欢的朋友可以参考下2013-11-18
- 谷歌的网站是时逛时新啊，今天在他们首页发现了HTML5的新玩法——语音搜索。可惜的是只有webkit核心的浏览器才能使用。用法很简单,只需要在input添加属性x-webkit-speech即2013-01-03
- Html5支持语音搜索，可惜的是只有webkit核心的浏览器才能使用用法很简单，只需要在input添加属性x-webkit-speech即可,感兴趣的朋友可以了解下2013-01-03
最新评论