语音搜索在Html5中是如何实现的?语音搜索案例分享!

猿友 2021-08-03 13:44:28 浏览数 (1443)
反馈

在现在的不少音乐app中我们就可以在软件中通过听歌识别歌曲和通过语音说出歌名进行播放,那么今天小编就来和大家分享有关于:“语音搜索在Html5中是如何实现的?”这个问题,下面是小编整理的相关内容,大家可以作为一个参考!

下面就介绍一下如何实现此功能,代码如下:

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

总结

那么我们在通过简单的说明和解释下相信大家对于:“语音搜索在Html5中是如何实现的?”这个问题也有了自己的一个见解,如果你喜欢html5的特效和各种有趣的效果的话,大家都可以在 W3Cschool中进行学习和了解!

0 人点赞