为你的输入框或者搜索框提供语音输入功能(超酷超装逼超折腾的功能)

如果说你觉得这个功能听起来很酷很炫很刺激很拽,自然就相当难实现,那么我要告诉你,当你看了我的本篇博客之后,你会有种想跳楼的冲动:原来其实这么简单。

但是为了让你多看会,多感受下这种神秘的感觉,我要多说点废话,就是不给你看代码。

现在,我来告诉你吧:

    实现起来非常简单,首先你可以新建个html页面,里面把基本代码写好:

添加下面这句:

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

保存,然后直接用google浏览器打开试试。

看到效果了吧。

那么现在来告诉你深入的知识吧:

首先,给你说支持的html标签:

input和textarea,但是实际就input支持。

其次,做了什么才会有这个效果:

如果你还没有看懂,我这句话可以算醒世恒言:仅仅是在输入框里面加了一个属性而已:x-webkit-speech

再次,如果你不听话,说什么我的电脑没有装google浏览器或者你根本不管直接点击打开,如果你用火狐或者ie打开了,不好意思奇迹不会出现在你眼前。

目前只有google浏览器支持这么写。我已经测试过了才敢这么肯定的告诉你

x-webkit-speech是webkit内核浏览器的私有属性(废话)。但现在只能在google的chrome

11以上才能使用。
实现过程大概是捕捉到语音后,数据发送到google的服务器进行语音识别,然后返回结果。所以没有足够强大大的研发能力和服务器资源,真没法支持这个服务。



评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值