H5实现输入框添加语音功能的方法详解-木庄网络博客

2022-04-02 09:11:30 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者Y2J，侵删。

本文给大家介绍如何使用html5为输入框添加语音输入功能，实现方法很简单，需要的朋友参考下本文

这里介绍的是大家以后要用到的html强大功能，可直接给输入框增加语音功能，下面我们先来看看实现方法。

大家可以看到在输入框右边的麦克风图标，点击麦克风就能够进行语音识别了。

其实很简单，语音识别是html5的基本功能，它的用法是

1	`<input type=”text” speech x-webkit-speech />`

如果喜欢XHTML类似的语法，可以这样表示

1	`<input type=”text” x-webkit-speech=”x-webkit-speech” />`

语音识别在十年前是让人觉得不可思议的事情，即便是前些年，网页上的语音识别也只能使用其他方式实现，比如使用Flashplayer等等。不过现在，获取语音只需要简单的给输入框加入一个属性标签，就能够进行识别了。

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者