用html5完成视频语音检索框的方式

日期:2021-02-25 类型:科技新闻 

关键词:ps网页版在线制作,静态网页制作方法,微云网页版,怎么制作一个网页,django网页模板

大家先看下她们的不一样显示信息。
下面是在火狐下的截图:

下面这个是在chrome下的截图:

能猜测到的,便是写的编码毫无疑问是兼容问题的。但是你会发现简直较为简易的,即使你是前端开发初学者你也会搞清楚

拷贝编码
编码以下:
<input type="text" class="text" name="test" id="test" x-webkit-speech lang="zh-CN" x-webkit-grammar="bUIltin:search">

在其中主要参数的实际意义:
x-webkit-speech:便是让你的键入框的右侧出現1个小麦克风,有了视频语音的作用。
lang:则是 强制性键入框里边的视频语音的語言类型,比如上面写的 lang="zh-CN"指的是简体汉语。
x-webkit-grammar:指的是视频语音键入英语的语法,"builtin:search”值使得视频语音键入的內容尽可能挨近检索內容,除去过剩的标识符。

注:但是这个硬件配置层面的适配性還是有待提升,由于当你中英夹杂视频语音的情况下,估算是会情况百出的。