注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

朱文龙(Z.Mofei)的blog

当你能飞的时候就不要放弃飞翔。

 
 
 

日志

 
 

HTML5语音输入(webkit)  

2012-02-06 11:25:59|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

这个语音输入,在andorid上已经早早有啦。以至于在淘宝发现,就兴致匆匆的想要加进自己的博客。经过一番苦苦寻找,才发现代码就那么一小段。

只需要在input添加属性x-webkit-speech即可,如:

<input type="text" x-webkit-speech />

这样搜索框的就多了一个小话筒,点击就可以使用谷歌的云语音输入啦。

我自己的在我的手机上用的时候感觉识别率挺高的,也是变相说明我普通话很准哈。

还有其他属性,比如:

<input type="text" x-webkit-speech lang="zh-CN"/>

通过lang来限制语言种类。或者:

<input type="text" x-webkit-speech x-webkit-grammar="builtin:search" />

使得语音输入的内容尽量靠近搜索内容,去除多余的字符。还有:

<input type="text" x-webkit-speech onwebkitspeechchange="func()" />

通过发生语言时触发的语音事件。

好了,这个功能只在chrome11及以后版本才支持的。其他浏览器暂时不支持的,不过貌似火狐可以通过插件支持,可以搜索一下。


文章来源http://www.travisup.com/?p=720

  评论这张
 
阅读(1675)| 评论(1)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017