给你博客搜索框上添加语音输入

    上次到小松那里看到搜索框哪里有个语音输入识别功能。。感觉上挺酷的。。就弄了过来。。小松么怪!~

你现在也可以在本站搜索框中看到一个小话筒的图标,点击之后就会弹出一个小的提示框,就可以清晰地说出你需要搜索的关键词。

方法挺简单的。。其实实现只需一句代码即可:

x-webkit-speech

从代码中可以看出是webkit内核浏览器私有属性,但现在只能在google的chrome 11以上才能使用。

支持的标签

输入标签有inputtextarea,实际上目前只有input支持。

具体的实例

1
<input type="search" x-webkit-speech />

看很简单吧。。有兴趣的博友快去弄吧!~~

当然,IE浏览器用户是无缘看到的。。建议大家用chrome查看效果。

给你博客搜索框上添加语音输入

您可以选择一种方式赞助本站

目前评论:18   其中:访客  18   博主  0

  1. 2010年10月01日 13:53  15楼
  2. 2010年10月01日 16:31  16楼
  3. 2010年10月01日 19:34  17楼
  4. 2010年10月01日 11:58  18楼
评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: