以前语音输入功能虽然没用过,但是看上去很高级的样子,有了智能手机之后,在ios和android中的语音输入,特别是iPhone的Siri,让一切变得如此简单,嘎嘎。
当然我不是在这里要实现如此强悍的功能,只是说说html5中的语音输入功能speech属性,大家先可以看看W3C文档:http://www.w3.org/2005/Incubator/htmlspeech/2010/10/google-api-draft.html
看上去很强大的样子,不过不要高兴的太早,因为大部分的浏览器还没有实现这些接口,目前可以用的只有chrome(11版本以上)的私有属性:x-webkit-speech。例如我们看看淘宝在chrome下的搜索框,如淘宝的语音搜索;
实现语音输入也非常简单:
<input id="q" name="q" accesskey="s" autofocus="true" autocomplete="off" x-webkit-speech x-webkit-grammar="builtin:translate" />
简单的来说,我们只要在input元素上加上x-webkit-speech属性就可以了,当然你如果用xhtml,那么标准的写法是:x-webkit-speech=”x-webkit-speech”;
<input name="q" x-webkit-speech />
其他属性:
lang
设置语言种类:
<input lang="zh-CN" type="text" />
x-webkit-grammar
语音识别语法,取值:
translations—说一个词,并把它翻译
definitions—说一个词,并且获得定音
directions—说一个地址,要求行车路线
dictation
…
事件
onwebkitspeechchange
语音输入事件,当发声语音改变时触发:
<form action="http://www.google.com/search" >
<input type="search" name="q" lang="zh-CN" x-webkit-speech x-webkit-grammar="builtin:search" onwebkitspeechchange="startSearch(event)"/>
</form>
转载《
html5语音输入功能speech属性》
分享到:
相关推荐
Html5支持语音搜索,可惜的是...语音输入其他属性: lang 就是语言种类 可以控制输入框里面的语音的语言种类,例如 <input type="text" x-webkit-speech lang="zh-CN"/> 目前已知的只有onwebkitspeechchange,顾
5.1.1 语音识别属性 语法属性语法属性在此识别过程中活动的语法中存储典型 SpeechGrammar 对象的集合。 语言属性 此属性使用有效的 BCP47 语言标记设置请求的识别语言。如果删除此属性,在脚本中检索时它将保持未...
chrome-speechifier Speechifier 是一个简单、静音的 Chrome 扩展程序,它使每个文本框都成为... 它通过将“x-webkit-speech”属性添加到页面上的合格 HTML 元素来利用 Chrome 的内置但被严重低估的 Web Speech API。
placeholder 默认提示字符 autofocus 当页面加载时,会获得焦点的一个按钮 x-webkit-speech 语音搜索,webkit内核才支持 accept 规定可上传的文件类型(仅适用type=file) alt 规定图片输入控件代替文本 ...
谷歌的网站是时逛时新啊,今天在他们首页发现了HTML5的新玩法——语音搜索。... 语音输入其他属性: lang这玩意可以强制输入框里面的语音的语言种类,例如 <input type=text x-webkit-speech lang=zh-C
另外,x-webkit-speech 属性可以实现语音输入功能。 代码如下: <div><input type=”email” name=”email” spellcheck=”false” placeholder=”邮 箱” autofocus tabindex=”1″ x-webkit-speech></div> ...
您可以使用 Web Speech API 来让浏览器读出您设定好的表白话语或让用户输入自己的话语。 4. 添加表白动画。您可以使用 JavaScript 和 CSS 来添加一些动画效果,例如心形图案、舞蹈或其他动态效果。 5. 优化移动端...
Delphi中英文语音朗读程序(控件及源码)调试OK 先安装Microsoft Speech SDK 5.1,这是微软的声音支持控件 前面安装不多做介绍,一步一步安装即可 安装完成后,需要加载Delphi控件 在Delphi IDE中选择菜单Project...
安装Microsoft Command and Control Speech Engine(提供语音识别功能,目前版本只支持 英语)Actcnc.exe。 Agent动画人物人物数据文件。Agent支持单结构角色文件(.acs,角色数据与动画数据存于同一个文件), ...