E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
x-webkit-speech
html5怎么实现语音搜索
注意:只有webkit核心的浏览器才能使用用法很简单只需要在input添加属性
x-webkit-speech
即可,例子如下:代码如下:这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示这时说出来识别后就可以了
林太白
·
2023-10-28 08:13
前端实战
html5
前端
html
HTML5去除input [type=search] 的默认边框和删除按钮
input[type=search]是HTML新属性,定义用于搜索的文本字段;
x-webkit-speech
属性:在GOOGLE浏览器上还会显示一个小话筒autocomplete="off"属性关闭浏览器自动记录之前输入的值
大爱无疆强
·
2020-08-15 19:20
HTML5
HTML5 搜索框input [type=search]
input[type=search]是HTML新属性,定义用于搜索的文本字段;
x-webkit-speech
属性:在GOOGLE浏览器上还会显示一个小话筒autocomplete=”off”属性关闭浏览器自动记录之前输入的值
swpu_lwf
·
2020-08-11 17:50
html5
一句代码实现HTML5语音输入
其实实现只需一句代码即可:
x-webkit-speech
一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢?
iteye_11613
·
2020-07-14 12:24
HTML
html5
webkit
HTML5语音识别(已被抛弃)
window.location.href="http://www.baidu.com";}else{window.location.href="https://www.qtshe.com";}}说明:
x-webkit-speech
被床封印怎么都吃不胖的程序猿
·
2020-07-05 02:18
可以用chrome浏览器在这里试试效果,点击话筒即可:
可以用chrome浏览器在这里试试效果,点击话筒即可:实现起来也非常简单,为input添加名为
x-webkit-speech
的属性就行了。
iteye_6233
·
2020-07-02 04:28
x-webkit-speech
输入框中添加“小话筒”
lang这玩意可以强制输入框里面的语音的语言种类,例如1.支持的浏览器
x-webkit-speech
是webkit内核浏览器的私有属性(废话)。但现在只能在google的chrome11以上才能使用。
bin_xin
·
2020-03-20 17:26
html5 input属性
html5 代码如下: <input type="text" placeholder="输入 回车搜索" autofocus
x-webkit-speech
·
2015-11-13 14:41
html5
Html5语音识别
html5让语音识别变的很简单,因为只有一句<input
x-webkit-speech
> 就可以实现。
·
2015-11-11 03:28
html5
Webkit浏览器语音输入
为了跟上潮流,今天用了一下Webkit浏览器私有属性
x-webkit-speech
实现语音输入法,感觉还蛮不错的,很酷的说!
·
2015-11-08 14:01
webkit
一句代码实现 HTML5 语音搜索
其实实现只需一句代码即可:
x-webkit-speech
一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢?
·
2015-11-02 16:19
html5
x-webkit-speech
Google搜索的语音输入功能: 1. 检测浏览器是否支持 if (document.createElement("input").webkitSpeech === undefined) { alert("Speech input is not supported in your browser."); } 2. 下
·
2015-10-31 11:16
webkit
x-webkit-speech
语音输入功能
最近发现各大网站陆续出现了搜索框边上一个小话筒的语音输入功能。网上找了下一定要webkit内核浏览器才能使用,不过win下的safari不知道为什么没有显示,回头看下UA。 检测浏览器是否支持 1 if (document.createElement("input").webkitSpeech === undefined) 
·
2015-10-31 10:33
webkit
HTML5之语音输入解析
用法很简单只需要在input添加属性
x-webkit-speech
即可,例子如下:<"input type="text"
x-webkit-speech
/"
·
2015-10-31 08:32
html5
在搜索框加入语音搜索
在搜索框里加一个属性(
x-webkit-speech
)即可,如: 1 <form action="xxx.php" method="POST" enctype
·
2015-10-30 10:50
搜索
四、Html5 语音识别
一般的文本框 <input /> 语音识别文本框 <input
x-webkit-speech
/> OK ... 就是这么简单!
·
2015-10-27 14:40
html5
WordPress中添加语音搜索功能的实现方法
具体分析如下:WordPress可以增加一个语音搜索功能,但是此功能暂时只能Chrome浏览器上使用,因为必须使用
x-webkit-speech
,但是它又是html5的speech功能的API,Google
佚名
·
2014-12-18 14:31
html5为输入框添加语音输入功能
其实很简单,语音识别是html5的基本功能,它的用法是 <input type=”text” speech
x-webkit-speech
/> 如果喜欢XHTML类似的语法,可以这样表示
adsen
·
2014-10-28 21:00
html5
x-webkit-speech
输入框中添加“小话筒”
lang这玩意可以强制输入框里面的语音的语言种类,例如1.支持的浏览器
x-webkit-speech
是webkit内核浏览器的私有属性(废话)。但现在只能在google的chrome11以上才能使用。
dazhi_100
·
2014-06-13 13:00
用html5实现语音搜索框的方法
不过你会发现真是比较简单的,就算你是前端初学者你也会明白复制代码代码如下:其中参数的意义:
x-webkit-speech
:就是让你的输入框的右边出现一个小话筒,有了语音的功能。
佚名
·
2014-03-18 13:33
一句代码实现HTML5语音输入
其实实现只需一句代码即可:
x-webkit-speech
一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢?
原水小子
·
2014-01-22 12:00
html5
webkit
html5的语音输入功能
x-webkit-speech
必须的x-webkit-grammar不是必须的,但加上会更好
liuhui_306
·
2013-12-09 11:00
html5语音
1只需要将
x-webkit-speech
属性放到input框中即可,例如:23还有一些其他的参数,例如语言种类限制:4
西夏王城
·
2013-11-12 16:19
web
html5
语音搜索功能
flex
html5语音
1只需要将
x-webkit-speech
属性放到input框中即可,例如:23还有一些其他的参数,例如语言种类限制:4
西夏王城
·
2013-11-12 16:19
Web
html5
语音搜索功能
x-webkit-speech
语音输入
可以用chrome浏览器在这里试试效果,点击话筒即可:实现起来也非常简单,为input添加名为
x-webkit-speech
的属性就行了。样式如下:相关的属性设置:1.lang设置语言种类
SDDCCCC
·
2013-09-07 17:00
浏览器
webkit
手机浏览器
语音识别
WEB API:语音识别
x-webkit-speech
语音输入功能:http://www.iinterest.net/2012/01/07/
x-webkit-speech
/HTML5语音输入(淘宝语音搜索)
x-webkit-speech
樂天
·
2013-07-20 20:00
html5 input属性使用示例
html5代码如下:复制代码代码如下:placeholder默认提示字符autofocus当页面加载时,会获得焦点的一个按钮
x-webkit-speech
语音搜索,webkit内核才支持accept规定可上传的文件类型
佚名
·
2013-06-28 17:05
HTML5语音输入
x-webkit-speech
方法支持webkit内核
用法很简单只需要在input添加属性
x-webkit-speech
即可,例子如下:这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示 这时说出来识别后就可以了,我测试下来,中文英语的识别率还挺高的
wtz123
·
2013-04-19 20:00
webkit
语音识别
chrome语音
x-webkit-speech
两种方法实现文本框输入内容提示消失
另外,
x-webkit-speech
属性可以实现语音输入功能。复制代码代码如下:第二种方法:用span模拟,定位span,借助JS键盘事件判断输入,确定span里的内容显示隐藏。
·
2013-03-17 09:14
html5的新玩法――语音搜索
用法很简单只需要在input添加属性
x-webkit-speech
即可,例子如下:复制代码代码如下:这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示这时说出来识别后就可以了,我测试下来,中文英语的识别率还挺高的
佚名
·
2013-01-03 10:22
HTML5 语音搜索只需一句代码
其实实现只需一句代码即可:
x-webkit-speech
一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢?
佚名
·
2013-01-03 10:20
HTML5 语音搜索(淘宝店语音搜素)
用法很简单只需要在input添加属性
x-webkit-speech
即可,例子如下:这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示这时说出来识别后就可以了,如淘宝店语音搜素:语音输入其他属性:
佚名
·
2013-01-03 10:49
神器
x-webkit-speech
神器
x-webkit-speech
为input添加名为
x-webkit-speech
的属性就行了。不过只在Chrome浏览器下才有这个功能,不妨先体验一下吧。
51jsr
·
2012-10-25 16:00
JavaScript
浏览器
XHTML
chrome
让你的网页拥有语音识别输入功能
chrome浏览器的标签法只要在你的输入框加入
x-webkit-speech
参数即可让你的页面具有语音识别输入功能。html代码:
andytest
·
2012-10-25 14:16
语音识别输入功能
X-WEBKIT-SPEECH
语音输入功能
X-WEBKIT-SPEECH
语音输入功能现在各大网站都在搜索框中加入了语音输入功能,不过目前只有Chrome11及以上版本才支持。
feixiangdexin123087
·
2012-10-24 16:00
一句代码实现 HTML5 语音搜索
其实实现只需一句代码即可:
x-webkit-speech
一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢??
bad_meets_evil
·
2012-10-15 11:19
html5
语音搜索
淘宝网
Chrome浏览器上的语音输入功能
只需要在输入框的input上添加一个
x-webkit-speech
属性就可以了。如本博客的搜索框:另外它还可以添加以下属性:语言种类:
xiaomage234
·
2012-09-03 10:00
关于
x-webkit-speech
语音输入功能体验和总结
从今年开始很多网站的搜索按钮都逐渐改成了带有语音搜索的input文本框。从淘宝到各个小站,乃至于博客。网页上面右键查看源码,我们不难发现,其实它只是调用了Google的API而已。 我实验了几次,例如我在淘宝语音“ 诺基亚 Window Phone Lumia 900“,对于我这个南方口音,普通话不是绝对标准的人来说,能全部返回,并且能进行空格分词,从个人而言还是非常满意的。但是唯一的缺点是
hongqiang
·
2012-08-18 14:00
html5
[置顶] 关于
x-webkit-speech
语音输入功能体验与小结
从今年开始很多网站的搜索都逐渐改成了带有语音搜索的input文本框。从淘宝到各个小站,乃至于博客。网页上面右键查看源码,我们不难发现,其实它只是调用了Google的API而已。我实验了几次,例如我在淘宝语音“诺基亚WindowsPhoneLumia900“,对于我这个南方口音,普通话不是绝对标准的人来说,能全部返回,并且能进行空格分词,从个人而言还是非常满意的。但是唯一的缺点是在网速不太给力的情况
fengyarongaa
·
2012-08-18 00:00
浏览器
chrome
Google
search
input
webkit
关于
x-webkit-speech
语音输入功能体验和总结
从今年开始很多网站的搜索按钮都逐渐改成了带有语音搜索的input文本框。从淘宝到各个小站,乃至于博客。网页上面右键查看源码,我们不难发现,其实它只是调用了Google的API而已。我实验了几次,例如我在淘宝语音“诺基亚WindowPhoneLumia900“,对于我这个南方口音,普通话不是绝对标准的人来说,能全部返回,并且能进行空格分词,从个人而言还是非常满意的。但是唯一的缺点是在网速不太给力的情
fengyarongaa
·
2012-08-17 16:00
webkit
speech
语音输入
让你的输入框使用Google云语音输入技术
在你的输入框input的HTML属性里面,加入“
x-webkit-speech
”即可如下:在chrome浏览器下的效果(点击输入框右边小麦克风即可用云语音输入):在其他浏览器下是没有这个效果的!
罗盛力
·
2012-08-09 14:00
语音
云输入
语音搜索--
x-webkit-speech
在chrome中应用
x-webkit-speech
="
x-webkit-speech
"设置这个属性,在chrome浏览器里会出现一个话筒,点击话筒,就可以录入麦克风的声音,然后转化为字母,放到文本框中。
wyqlxy
·
2012-07-03 12:00
autocomplete
浏览器
chrome
search
Class
input
HTML5 语音搜索
用法很简单 只需要在input添加属性
x-webkit-speech
即可,例子如下: 这样你的输入框右边里就多了个「小话筒」,点击的时候就会提示 这时说出来识别后就可以了,如淘宝店语音搜素: 语音输入其他属性
wangjinyu501
·
2012-06-20 12:00
html5
浏览器
search
input
webkit
语言
可以用chrome浏览器在这里试试效果,点击话筒即可:
可以用chrome浏览器在这里试试效果,点击话筒即可: 实现起来也非常简单,为input添加名为
x-webkit-speech
的属性就行了。
webcode
·
2012-05-21 19:00
chrome
HTML5 speech 语音输入方法
对象标签:input || textarea (目前只有input支持) 使用方法: <input type="text"
x-webkit-speech
欣水寓言
·
2012-05-11 21:00
html5
介绍一下
x-webkit-speech
-------实现语音输入
里面有两个东东:1、
x-webkit-speech
目前只有Chrome11+的支持属性和事件介绍:langonwebkitspeechchange语音发生变化时候触发的2、x-webkit-grammar
zhangyaochun
·
2012-05-08 19:00
x-webkit-speech
介绍一下
x-webkit-speech
-------实现语音输入
里面有两个东东: 1、
x-webkit-speech
目前只有Chrome11+的支持 属性和事件介绍: lang onwebkitspeechchange 语音发生变化时候触发的
zhangyaochun
·
2012-05-08 19:00
x-webkit-speech
使用
x-webkit-speech
令网站支持语音输入功能
今天仔细看了看163邮箱,发觉搜索框有个小麦克风标志,联想在词霸也见过类似标志,突然生成好奇心用Chorme分析了一个源代码发现了个属性:
x-webkit-speech
和onwebkitspeechchange
nhconch
·
2012-03-05 23:00
html5
function
Google
search
input
webkit
一句代码实现HTML5淘宝语音搜索
其实实现只需一句代码即可:
x-webkit-speech
一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢?
cjf68
·
2012-02-27 10:42
html5
职场
淘宝
休闲
语音搜索
一句代码实现HTML5淘宝语音搜索
其实实现只需一句代码即可:
x-webkit-speech
一看到这句代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段代码具体要放在哪呢?
cjf68
·
2012-02-27 10:42
职场
淘宝
休闲
上一页
1
2
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他