Shulou(Shulou.com)06/01 Report--

This article will explain in detail how to use html5 to achieve a voice search box. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

The code is as follows:

The meaning of the parameters:

X-webkit-speech: just let a small microphone appear on the right side of your input box and have the function of voice.

Lang: the language type of the voice in the forced input box. For example, the lang= "zh-CN" written above refers to simplified Chinese.

X-webkit-grammar: refers to the speech input syntax. The "builtin:search" value makes the content of the voice input as close as possible to the search content, removing redundant characters.

Note: however, the compatibility of this hardware still needs to be improved, because it is estimated that there will be a lot of situations when you mix Chinese and English with voice.

This is the end of the article on "how to use html5 to achieve a voice search box". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.