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

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

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

  • 本篇文章的具体介绍如下
html5支持 语音搜索,可惜的是只有webkit核心的浏览器才能使用。用法很简单  只需要在input添加属性x-webkit-speech即可,例子如下:   <input type="text" x-webkit-speech />

这样您的输入框右边里就多了个「小话筒」,点击的时候就会提示  YKUAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

这时说出来识别后就可以了,如淘宝店语音搜素:YKUAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!


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

语音输入其他属性:   lang  就是语言种类YKUAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

可以控制输入框里面的语音的语言种类,例如 <input type="text" x-webkit-speech lang="zh-CN"/>YKUAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

目前已知的只有onwebkitspeechchange,顾名思义,就是语音发生变化时触发的事件,一般可以作为提交 <input type="text" x-webkit-speech onwebkitspeechchange="$(this).cloest('form').submit()"/> 这样说完以后就自动搜索了。
x-webkit-grammar :这个不是语音搜索用的属性,但是可以控制这个输入的语法,例如在做搜索框的话就可以用 <input type="text" x-webkit-speech x-webkit-grammar="bUIltin:search" />    x-webkit-grammar:

使得语音输入的内容尽量靠近搜索内容,去除多余的字符,例如「的」。YKUAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

下面做一个小例子测试一下

具体代码如下:
<html>
<body>
<inputtype="text"accesskey="s" autofocus="true" autocomplete="off"name="value_2"id="value_2"x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search">
<button type="submit">搜 索</button>
</body>
</html>

具体效果如下:

html5拖曳操作 网页hTML5教程实现网页网页元素的拖放操作YKUAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

本文通过一个简单示例,演示网页hTML5教程中拖放API的使用实用具体的方法。YKUAIChat_企业网址导航_网址分类目录_企业黄页网址提交查询专业网站!

关于网页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

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