打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

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

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

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

现在,我来告诉你吧:

    实现起来非常简单,首先你可以新建个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的服务器进行语音识别,然后返回结果。所以没有足够强大大的研发能力和服务器资源,真没法支持这个服务。



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
網站上加個 「語音輸入」搜尋吧!
html5为输入框添加语音输入功能
一句代码实现 HTML5 语音搜索
HTML5之语音识别实例
现在如何在你的站点上使用HTML5
谷歌浏览器有什么好的地方,你们都用它来干什么?
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服