Html5实现的语音搜索功能

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

1	`<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”值使得语音输入的内容尽量靠近搜索内容，去除多余的字符。

原文发布时间为：2017-2-10

本文作者：admin

本文来自云栖社区合作伙伴“蚂蚁部落”，了解相关信息可以关注蚂蚁部落

原文链接：Html5实现的语音搜索功能

Html5实现的语音搜索功能相关推荐

web前端html实例-Html5实现的语音搜索功能
细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能,能够实现语音识别功能,可能功能还不够完善,不过也算是一种趋势,下面就介绍一下如何实现此功能,代码如下: <input type="t ...
PMCAFF | 锤子科技产品经理朱萧木介绍 Smartisan OS 2.0 语音搜索功能
在锤子科技他的工号是0001 他是罗永浩招聘的第一位员工他31岁个头高挑蓄着马尾像个艺术家他是锤子科技的产品总监他叫朱萧木朱萧木介绍 Smartisan OS 2.0 语音搜索功能昨 ...
关于android删除语音搜索功能的基本操作方法
最近在调试android 4.1系统的平板,发现在进行录音操作的时候,系统总是频繁的自动弹出语音搜索对话框,而且需要连续关闭好几次才能把它关闭掉,也不知道这到底是怎么回事,估计可能是系统还不太稳定的缘 ...
html5实现百度语音播报功能
html5实现百度语音播报功能总结记录一下,html5调用百度语音接口实现语音播报功能,简单的完整案例 <!DOCTYPE html> <html> <head> ...
苹果新款笔记本_微软为Bing桌面体验也带来了语音搜索功能_苹果新款MacBook Pro 13英寸_笔记本新闻...
微软近日宣布Bing Voice Search(必应语音搜索)体验现在可以在桌面版体验了.有了这个功能,用户可以用自己的声音提问并从Bing得到一个快速的音频回复.请看下面演示. Bing Vocie ...
android仿淘宝语音搜索功能集成科大讯飞
样式: 1.集成科大讯飞:网上有很多集成方法. 2.写布局,注意帧布局有顺序谁在最上面,要在布局文件下面写.下面是我的布局,注意用Scrollview套,是因为要随键盘上下滑动. <Relati ...
接入科大讯飞语音听写，增加语音动画，类似京东语音搜索功能
前言:小白第一次接入科大讯飞语音听写,接入还是比较简单的,先看效果图无UI界面 Demo地址拿去效果图有两部分,一是接入科大讯飞语音听写功能,可以实现将语音转换成文字. 二是看到的语音音量动画效果, ...
google语音搜索识别API【转载】
一. 语音输入只有在Chrome浏览器下才能看到语音搜索功能只有在Google Chrome浏览器下才能看到,在IE,Firefox下测试都看不到.之后查官方文档显示该语音搜索功能现在只支持webk ...
将语音搜索集成到Google Now中
原文标题:Use Voice Search to integrate with Google Now 原文链接:http://antonioleiva.com/voice_search_google_ ...

Html5实现的语音搜索功能

Html5实现的语音搜索功能相关推荐

最新文章

热门文章