html5可以做语音聊天吗(基于Html5实现的语音搜索功能)
类别:Web前端 浏览量:1212
时间:2021-10-02 01:01:13 html5可以做语音聊天吗
基于Html5实现的语音搜索功能细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能,能够实现语音识别功能,可能功能还不够完善,不过也算是一种趋势,下面就介绍一下如何实现此功能,代码如下:
<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实现的语音搜索功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对开心学习网网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
您可能感兴趣
- html5的语法变化(详解HTML5.2版本带来的修改)
- 只用html5简单动画代码(HTML5 3D书本翻页动画的实现示例)
- html5课程入门(萌新的HTML5 入门指南)
- html5 postMessage(html5关于外链嵌入页面通信问题postMessage解决跨域通信)
- html5代码之翻页(HTML5实现直播间评论滚动效果的代码)
- HTML5 <abbr>标签
- html5实现上传图片预览
- html5的canvas图形绘制技术(详解HTML5 Canvas标签及基本使用)
- html5 data属性
- html5app开发用什么平台(Html5与App的通讯方式详解)
- html5canvas案例(h5使用canvas画布实现手势解锁)
- html5定位地理位置(html5 制作地图当前定位箭头的方法示例)
- html5弹出窗口(Html5页面上如何禁止手机虚拟键盘弹出)
- html5 meta标签
- html5怎么设置倾斜(HTML5 body设置自适应全屏)
- html5弹出输入框下拉菜单(HTML5输入框下拉菜单功能的示例代码)
- 《道德经》 人生避开骄狂,才能免去祸患(道德经人生避开骄狂)
- 郭麒麟(郭麒麟)
- 古人十句 戒骄 名言,醍醐灌顶,受益匪浅(古人十句戒骄名言)
- 《道德经》:功成不局,泰而不骄(道德经:功成不局)
- 每日一典 过江之鲫(每日一典过江之鲫)
- 红色代表什么(红色代表什么意义和象征)
热门推荐
- sql server设置自增(sql server建表时设置ID字段自增的简单方法)
- css怎么让div整体居中(CSS实现DIV居中的三种方法)
- nginxhttp转https原理(nginx如何将http访问的网站改成https访问)
- js实现CSS格式化和压缩
- nginxlocation和alias的区别(nginx搭建图片服务器的过程详解root和alias的区别)
- jenkins集成docker自动部署(详解docker部署Jenkins新手使用教程)
- dede编码在哪里改(dede栏目页面包屑导航最后的分隔符大于号去掉方法)
- sqlserver 存储过程(SQL Server解析XML数据的方法详解)
- python初学篇元组(元组列表字典莫烦python基础)
- 阿里云mysql如何接入(阿里云服务器安装Mysql数据库的详细教程)