现在各大网站都在搜索框中加入了语音输入功能,不过目前只有Chrome 11及以上版本才支持。
可以用chrome浏览器在这里试试效果,点击话筒即可:
实现起来也非常简单,为input添加名为 x-webkit-speech 的属性就行了。
1
|
< input type = "text" x-webkit-speech
/>
|
检测浏览器是否支持
1
|
if (document.createElement( "input" ).webkitSpeech
=== undefined) {
|
2
|
alert( "Speech
input is not supported in your browser." );
|
相关的属性设置:
lang
设置语言种类:
1
|
< input type = "text" x-webkit-speech
lang = "zh-CN" />
|
onwebkitspeechchange
语音输入事件,当发声语音改变时触发:
1
|
< input type = "text" x-webkit-speech
onwebkitspeechchange = "foo()" />
|
x-webkit-grammar
语音输入语法,”builtin:search”值使得语音输入的内容尽量靠近搜索内容,去除多余的字符,例如「的」
1
|
< input type = "text" x-webkit-speech
x-webkit-grammar = "builtin:search" />
|
还有个值:”builtin:translate”看到taobao在用,但目前还不清楚是什么意义,有时间再仔细看看W3C的文档。
测试了下效果,语音识别率还不错,但中英夹杂的时候就很悲剧了,而且该服务需要走google的服务器所以有时响应速度很慢,另外在mac中遇到提示“麦克风无法使用”的情况,猜测可能存在一些硬件兼容性问题。总的来说是趣味性大于实用性;比较期待能在手机浏览器上实现这个功能,可以做一些比较有趣的应用。
分享到:
相关推荐
内容概述:ChromeDriver.exe是一款实用的chrome浏览器驱动工具,能够用于自动化测试、网络爬虫和操作浏览器,其主要作用是模拟浏览器操作,在使用时需要与对应的chrome浏览器版本匹配,否则无法驱动。 应用场景:...
chrome浏览器chrome浏览器chrome浏览器chrome浏览器
内容概述:ChromeDriver.exe是一款实用的chrome浏览器驱动工具,能够用于自动化测试、网络爬虫和操作浏览器,其主要作用是模拟浏览器操作,在使用时需要与对应的chrome浏览器版本匹配,否则无法驱动。 应用场景:...
chrome浏览器打开axure生成的HTML静态文件页面 ...第三步:点击【加载已解压的扩展程序】,选择刚刚解压得到的“axure_chrome_extension”文件夹,即可安装成功。 axure_chrome_extension文件夹不可删除
2、安装完成后,打开网页即可通过点击右上角的插件图标来打开插件窗口,在该窗口内你可以任意点击一个分辨率来为浏览器调整大小,同时你也可以通过选取多个分辨率来打开多个新窗口用以测试网页。
内容概述:ChromeDriver.exe是一款实用的chrome浏览器驱动工具,能够用于自动化测试、网络爬虫和操作浏览器,其主要作用是模拟浏览器操作,在使用时需要与对应的chrome浏览器版本匹配,否则无法驱动。 应用场景:...
Chrome浏览器是Google官方发布了Chrome Beta的Android版浏览器,适用于4.0及以上的rom。 Chrome浏览器特点: * 加快页面载入,滚动和缩放速度 * 具备强大的Omnibox即时搜寻引擎 * 支援桌面版浏览器书签同时功能 ...
google chrome 浏览器 版本号:44.0.2399.0_chrome32_canary_windows_installer.exe
Chrome浏览器在线安装程序,快速,简洁,能很好地满足新型网站对浏览器的要求。
内容概述:ChromeDriver.exe是一款实用的chrome浏览器驱动工具,能够用于自动化测试、网络爬虫和操作浏览器,其主要作用是模拟浏览器操作,在使用时需要与对应的chrome浏览器版本匹配,否则无法驱动。 应用场景:...
Chrome不挑食,基本上什么系统都可以跑,而且速度那是飞快,所以C/S程序调用第三方的B/S程序或者网页时都考虑使用支持最新H5技术的内核,而Delphi的浏览控件那真心是不支持很多新的东西,而且还是微软的内核,各种的...
chrome浏览器 41-45内核版本
此法,也可以解决因在组策略--计算机配置--管理模板--右键--添加 中导入chrome.adm而导致出现: 1、HKEY_LOCAL_MACHINE\SOFTWARE\Policies\Google\Chrome\ExtensionInstallWhitelist 2、chrome://policy/ 页面出现...
chrome浏览器最新版本,版本 105.0.5195.127(正式版本) (64 位) chrome浏览器最新版本,版本 105.0.5195.127(正式版本) (64 位) chrome浏览器最新版本,版本 105.0.5195.127(正式版本) (64 位) chrome...
Chrome浏览器最新版本
chrome浏览器
内容概述:ChromeDriver.exe是一款实用的chrome浏览器驱动工具,能够用于自动化测试、网络爬虫和操作浏览器,其主要作用是模拟浏览器操作,在使用时需要与对应的chrome浏览器版本匹配,否则无法驱动。 应用场景:...
mfc对话框程序中嵌入chrome浏览器,包含完整h、lib、dll。开始下载的最新版开发包CEF 3.3578.1864.gfa073f3,发现程序运行10几秒后,总是会弹出新窗口。后改用稳定版开发包cef3.2623.1401.gb90a3be,该问题得到解决...
下载并解压文件后,按以下操作步骤即可完成Mac版Chrome浏览器Axure rp扩展程序的添加: 1、打开谷歌浏览器; 2、在谷歌浏览器右上方“...”处单击; 3、在弹出的菜单中找到“更多工具”,并将鼠标悬停; 4、在展开的...