Welcome to the website navigation,本站只接受合法正规的企业网站,欢迎站长们提交你的网站获得展示和流量有任何问题请联系站长,欢迎大家加入本站。

                
提交网站
  • 网站:76083
  • 待审:5
  • APP:577
  • 文章:304411
  • 会员:56004
文字内链包年1000元 文字内链包年1000元 文字内链包年1000元 AI办公网站 AI绘画工具 AIchat

名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。

  • 本篇文章的具体介绍如下

0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

淘宝网的语音搜索也有了一阵子了,但似乎都没看到相关的博客或帖子在说这个如何实现,今天查了点资料,发现原来实现是如此简单,可能是因为太简单了,也就没有人讨论了吧。0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

其实实现只需一句具体代码即可:0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

x-webkit-speech0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

一看到这句具体代码,想到了什么?对,这说明语音搜索只支持webkit内核浏览器,那么这段具体代码具体要放在哪呢?0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


具体代码如下:
<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech>

放在文本输入框内就行了,其他的什么都不用做,看0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

当然还有一些其他的具体参数,比如设置语音限制语言种类

0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

具体代码如下:
<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech lang="zh-CN">

还有设置语音输入语法的具体参数,这个就比较试用于搜索框。加上这具体参数后,系统就会自动去掉“的”、“啦”这类无意义的字

具体代码如下:
<input type="text" class="text" name="value_2" id="value_2" x-webkit-speech x-webkit-grammar="bUIltin:search">

当然在测试时候发现一个小问题,就是当具有语音搜索的页面是iframe页面时,点击麦克风后,“请开始说话”这浮动层就不跟随input输入框了

0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

相关阅读:网页hTML5教程 语音搜索(淘宝店语音搜素) 0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

网页hTML5教程 语音搜索(淘宝店语音搜素)0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

0KsAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,语音搜索,网页hTML5语音

分享到:

  admin

注册时间:

网站:0 个   APP:3 个  文章:0 篇

  • 76083

    网站

  • 577

    APP

  • 304411

    文章

  • 56004

    会员

赶快注册账号,推广您的网站吧!
文章分类
热门网站
最新入驻APP小程序

宝贝市场2023-02-08

宝贝市场——买手和卖家商品展示

夺宝助手2023-02-08

夺宝助手小程序,查看每日快夺宝平

查诚信2023-02-08

查诚信是一款免费的商业查询工具

车价天天报2023-02-08

快速连接汽车销售,获知汽车最新报

考勤助理小程序2023-02-08

上班签到考勤,实时定位,后台轻松

汽车报价大全查询2023-02-08

汽车报价大全查询提供最新汽车市