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实现移动端弹幕动画效果)
- html5 video标签
- vscode快速生成html框架(VSCode 自定义html5模板的实现)
- html5按钮点击跳转(HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题)
- html5页面布局框架(html5移动端自适应布局的实现)
- html5+css样式代码(详解HTML5中CSS外观属性)
- html5书写规范教学(Html5踩坑记之mandMobile使用小记)
- html5 固定图片(HTML5拖放API实现自动生成相框功能)
- html5入门布局(吃透移动端 Html5 响应式布局)
- html5拖动效果怎么写(Html5 滚动穿透的方法)
- Html5中的<section>标签
- 用html5的canvas绘制剪裁图像(Html5 canvas画图白板踩坑)
- html5自定义字体图标(HTML5给汉字加拼音收起展开组件的实现代码)
- 微信html隐藏功能(使用Html5多媒体实现微信语音功能)
- html5长按动画效果(HTML5自定义元素播放焦点图动画的实现)
- html5标签怎么做(html5用video标签流式加载的实现)
- 飞机引进工程师杨隆 匠人匠心,只争朝夕(飞机引进工程师杨隆)
- 三人行,她们是育人路上的 铁三角 团队(她们是育人路上的)
- 阴阳师 孟婆山兔CP不倒 新皮肤草稿 孟婆兔 让痒痒鼠点赞(阴阳师孟婆山兔CP不倒)
- 阴阳师孟婆御魂推荐 孟婆御魂搭配毕业套(阴阳师孟婆御魂推荐)
- 袁冰妍终于接到新剧,饰演反追男主,看到合作演员 眼光果然毒辣(袁冰妍终于接到新剧)
- 记忆中的台词(记忆中的台词)
热门推荐
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9