基于Html5实现的语音搜索功能


Posted in HTML / CSS onMay 13, 2019

细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能,能够实现语音识别功能,可能功能还不够完善,不过也算是一种趋势,下面就介绍一下如何实现此功能,代码如下:

<input type="text" name="test" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search"/>

参数解释:

1.x-webkit-speech:可以让文本框右侧出现话筒图标。

2.lang:强制输入框里面的语音的语言种类。

3.x-webkit-grammar:指的是语音输入语法,"builtin:search”值使得语音输入的内容尽量靠近搜索内容,去除多余的字符。

总结

以上所述是小编给大家介绍的基于Html5实现的语音搜索功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

HTML / CSS 相关文章推荐
详解Css3新特性应用之过渡与动画
Jan 10 HTML / CSS
css3绘制百度的小度熊
Oct 29 HTML / CSS
CSS3实现大小不一的粒子旋转加载动画
Apr 21 HTML / CSS
CSS3效果:自定义“W”形运行轨迹实例
Mar 29 HTML / CSS
CSS3田字格列表的样式编写方法
Nov 22 HTML / CSS
css3实现六边形边框的实例代码
May 24 HTML / CSS
HTML5实时语音通话聊天MP3压缩传输3KB每秒
Aug 28 HTML / CSS
HTML5实现获取地理位置信息并定位功能
Apr 25 HTML / CSS
基于Html5实现的语音搜索功能
May 13 HTML / CSS
html5视频自动横过来自适应页面且点击播放功能的实现
Jun 03 HTML / CSS
sass 常用备忘案例详解
Sep 15 HTML / CSS
DIV CSS实现网页背景半透明效果
Dec 06 HTML / CSS
怎样实现H5+CSS3手指滑动切换图片的示例代码
May 05 #HTML / CSS
深入了解canvas在移动端绘制模糊的问题解决
Apr 30 #HTML / CSS
详解使用双缓存解决Canvas clearRect引起的闪屏问题
Apr 29 #HTML / CSS
浅谈HTML5新增和废弃的标签
Apr 28 #HTML / CSS
Canvas实现贝赛尔曲线轨迹动画的示例代码
Apr 25 #HTML / CSS
可能这些是你想要的H5软键盘兼容方案(小结)
Apr 23 #HTML / CSS
详解三种方式实现平滑滚动页面到顶部的功能
Apr 23 #HTML / CSS
You might like
wordpress之wp-settings.php
2007/08/17 PHP
PHP重定向的3种方式
2013/03/07 PHP
php网页病毒清除类
2014/12/08 PHP
动态加载js的几种方法
2006/10/23 Javascript
JavaScript 拖拉缩放效果
2008/12/10 Javascript
Input 特殊事件onpopertychange和oninput
2009/06/17 Javascript
Jquery绑定事件(bind和live的区别介绍)
2013/08/23 Javascript
单击某一段文字改写文本颜色
2014/06/06 Javascript
jQuery中siblings()方法用法实例
2015/01/08 Javascript
js变形金刚文字特效代码分享
2015/08/20 Javascript
javascript实现支持移动设备画廊
2015/08/24 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
javascript和jquery实现用户登录验证
2016/05/04 Javascript
js cookie实现记住密码功能
2017/01/17 Javascript
原生JS+Canvas实现五子棋游戏
2020/05/28 Javascript
Three.js如何用轨迹球插件(trackball)增加对模型的交互功能详解
2017/09/25 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
vue指令做滚动加载和监听等
2019/05/26 Javascript
vue在路由中验证token是否存在的简单实现
2019/11/11 Javascript
JavaScript实现省市区三级联动
2020/02/13 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
2020/05/06 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
Python性能优化的20条建议
2014/10/25 Python
详解Python 协程的详细用法使用和例子
2018/06/15 Python
使用python将图片格式转换为ico格式的示例
2018/10/22 Python
在python下读取并展示raw格式的图片实例
2019/01/24 Python
python学习——内置函数、数据结构、标准库的技巧(推荐)
2019/04/18 Python
CSS的pointer-events属性详细介绍(作用和注意事项)
2014/04/23 HTML / CSS
uniapp+Html5端实现PC端适配
2020/07/15 HTML / CSS
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
写好求职信第一句话的技巧
2013/10/26 职场文书
房产代理公证处委托书
2014/04/04 职场文书
求职信内容怎么写
2014/05/26 职场文书
pnpm对npm及yarn降维打击详解
2022/08/05 Javascript