为您的WordPress 添加语音搜索功能 备忘

转载 2012年03月29日 19:35:06

相信大家都用过 Google 的搜索,不知道大家有没有注意到 Google.com in English 版本的搜索有一个语音搜索,只要吐字清晰,它的识别力还是很高的,而且也只支持中文的语音,这对于老年人、残障人士、偷懒人群是一个非常有用的装B功能。今天心血来潮,把此功能搬到 WordPress。

就本站现在用的这个主题来说,已经用上了这个 Wordpress的语音搜索功能,有图为证。


查看演示效果

可以看到右上角的站内搜索框比以往多了一个小话筒的图标,点击之后就会弹出一个小的提示框,此时可以清晰地说出你需要搜索的关键词,截图中是我语音说的 “WordPress” 这个关键词,有兴趣的朋友可以拿本站做测试。

但是,这个功能暂时只能在 Chrome 11 版本以上的谷歌浏览器上看到这个效果。因为这是在 input 输入框里添加 x-webkit-speech 属性来实现的,从这个属性的命名可以看出,webkit,这是一个 webkit 核心浏览器的私有属性,所以你可以切换到 Chrome 浏览器来测试本功能。

x-webkit-speech 是 html5 的 speech 功能的 API,Google 的 Chrome 在对 HTML5、CSS3 的新技术标准的支持上特别积极,所以很有幸,我们可以在 Chrome 上体现各种新奇的功能特性。实现的方法也特别简单,在你的搜索输入框的 input 标签里添加 x-webkit-speech 属性即可,如下:

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

废话很多,但是代码却很简单,赶紧试试呗!

标签: WordPress

Wordpress之二__自定义编辑器按钮

做一个很简单的功能 框架上大概就是添加一个快捷键 编辑文章的时候,可以在文章头加上链接,例如:  =================== 明日花->2015  bababalabala ,bala, ...
  • avi9111
  • avi9111
  • 2016年12月01日 17:47
  • 959

为非官方WordPress主题添加在线升级更新功能

一直都有博主建议小二给折腾出来的WordPress主题添加在线升级更新功能,后来我特意了解了一下,才发现添加这个WordPress主题在线升级更新功能还是挺简单的,只需要简单几步就可以达成。现在就跟大...
  • laojiang025
  • laojiang025
  • 2016年04月29日 09:18
  • 565

eclipse设置备忘

前人之述备矣 http://yuanzhifei89.iteye.com/blog/974082
  • Iamplusplusc
  • Iamplusplusc
  • 2015年11月02日 17:20
  • 265

纯代码给WordPress网站添加独立下载页面功能

纯代码给WordPress网站添加独立下载页面功能 简单代码,给WordPress主题添加单页下载功能 前言 前几天有个朋友在扣扣上向我咨询下载单页的使用,我今天正好在学车,...
  • csnewdn
  • csnewdn
  • 2017年01月22日 08:45
  • 1094

WordPress 添加投稿功能

WordPress网站开放投稿功能,接受读者的投稿。但WordPress本身并不提供投稿功能,只拥有强大的扩展能力,我们可以自己添加这个投稿功能。实现用户投稿,有两种方法:一种是开放后台注册功能,普通...
  • sunboy_2050
  • sunboy_2050
  • 2015年11月29日 13:21
  • 3885

给WordPress非官方主题添加备案号

由于国内网监局要求,放在国内服务器的网站域名必须全部备案,并且在网页底部添加备案号信息,WordPress中文版可以很方便的在后台进行添加备案号,如下图: 根据测试,后台添加的备案号只会在默认的三个主...
  • Terry_Solar
  • Terry_Solar
  • 2016年10月12日 12:56
  • 1616

为 WordPress 添加分享到社交网站按钮(非插件)

相关代码和图片打包下载:shareto修改步骤如下:零 : 把下载好的images下面的图标文件上传到你的空间中。一 :把写好的 shareto.php 上传到你的主题目录,然后把其中的图片的地址改为...
  • sgdingye
  • sgdingye
  • 2016年07月14日 18:02
  • 2330

wordpress不用友情链接插件添加友情链接

一般情况下小松不喜欢使用wordpress插件,插件多了网站速度更不上,我的主题没有添加外链的功能,下面使用现有的功能添加一个友情链接的板块出来 首先在后台找到小工具中的文件,下面提示可以添加任意文本...
  • a454213722
  • a454213722
  • 2016年02月04日 12:00
  • 4209

wordpress点赞功能插件WP ULike

给wordpress添加点赞功能 我们在使用wordpress时,一些文章可能是某些活动等信息,希望得到和用户的互动,而点赞是一种非常不错的互动功能。 只需要用户点击一次,就能够与用户...
  • h1217
  • h1217
  • 2016年12月01日 16:39
  • 2278

Wordpress可以用来做什么?

WordPress本身只是一款开源的、基于PHP的博客软件,但是由于WordPress的源码开源、结构优良、插件丰富、主题繁多,以至于是 WordPress成为世界上最流行的博客程序。《WordPre...
  • mwb310
  • mwb310
  • 2015年11月01日 10:56
  • 569
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:为您的WordPress 添加语音搜索功能 备忘
举报原因:
原因补充:

(最多只允许输入30个字)