以前语音输入功能虽然没用过,但是看上去很高级的样子,有了智能手机之后,在ios和android中的语音输入,特别是iPhone的Siri,让一切变得如此简单,嘎嘎. 当然我不是在这里要实现如此强悍的功能,只是说说html5中的语音输入功能speech属性,大家先可以看看W3C文档:http://www.w3.org/2005/Incubator/htmlspeech/2010/10/google-api-draft.html 看上去很强大的样子,不过不要高兴的太早,因为大部分的浏览器还没有实现这…

开始以为是接口什么的,原来这就是语言搜索. 只需要在input加上x-webkit-speech <input type="text" class="text" x-webkit-speech/> 不过只有webkit核心的浏览器才能使用…

作为一个专业的淘宝控,不知道从什么时候开始发现淘宝上居然还有语音搜索,好吧,因为好奇心作祟还是想一探究竟.不过我想仔细一点的人,都会发现在只有在webkit内核的浏览器上有,原因是它只支持webkit内核浏览器.我们先看下他们的不同显示 下面是在火狐下的截图 下面这个是在chrome下的截图 能猜想到的,就是写的代码肯定是不兼容的.不过你会发现真是比较简单的,就算你是前端初学者你也会明白 <input type="text"  class="text"  na…

谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索.可惜的是只有webkit核心的浏览器才能使用.用法很简单只需要在input添加属性 x-webkit-speech 即可,例子如下: <input type="text" x-webkit-speech /> 这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示 这时说出来识别后就可以了,我测试下来,中文英语的识别率还挺高的. 语音输入其他属性: lang: 这玩意可以强制输入框里面的语音的语…

原文标题:Use Voice Search to integrate with Google Now 原文链接:http://antonioleiva.com/voice_search_google_now/ 原文作者:Antonio Leiva(http://antonioleiva.com/about/) 原文发布:2015-10-14 Android最棒的能力之一就是可以将我们的APP以不同的方式集成到它的生态链中.APP相互之间可以进行“交流”,这给予我们极大的灵活性来创建独特的应用体验…

前言 在现有的软件的搜索框中基本上都会加上语音搜索的图标,以方便用户输入.我们xxxx的搜索框其实也可以借鉴这样的输入方式,提高用户体验.语音识别有3种方式实现①使用intent调用语音识别程序;②通过sevice的方式实现;③选用接入第3方语音识别库;下面就这一方案技术①,③实现进行描述. 1.  使用intent调用语音识别程序 Android系统已经为我们提供了通过intent的方式来启动,在代码中只发出一个”android.speech.action.RECOGNIZE_SPEECH”的…

<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech> 放在文本输入框,其他的什么都不用做 还有一些其他的参数,比如设置语音限制语言种类 <input type="text" class="text" name="value_2" id="va…

如果你没看到语音图标说明你的浏览器不支持x-webkit-speech 换个chrome你会发现输入框的右侧出现语音小图标.…

一.使用方式: <input type="text" x-webkit-speech /> 二.属性 1.lang属性:语言种类 <input type="text" x-webkit-speech lang="zh-CN"/> 2.x-webkit-grammar属性:语法 <input type="text" x-webkit-speech x-webkit-grammar="bUI…

转自: 本文地址:http://www.zhangxinxu.com/wordpress/?p=2408 一.本不想写此文 HTML5语音识别(现在一般用在搜索上),目前相关介绍还是挺多的.为何呢?因为很简单! 下面是个普通文本框: <input /> 而稍稍多敲几个字母,其就变成了支持HTML5语音API的语音识别文本框了. <input x-webkit-speech /> 我不喜欢嚼人家的烂根子,但是,就算闹得再轰轰烈烈,那些种田的农民伯伯也不知道“半13 连体裤”为何物.因…