Voice search function based on Html5

Careful friends may observe that there is a voice search function on the right side of Google search, which can realize the speech recognition function. The function may not be perfect enough, but it is still a trend. Here is an introduction to how to implement this function. The code is as follows:

 <input type=text name=test x-webkit-speech lang=zh-CN x-webkit-grammar=bUIltin:search/>

1.x-webkit-speech: You can make the microphone icon appear on the right side of the text box.

2.lang: Force the language type of the voice in the input box.

3.x-webkit-grammar: refers to the voice input grammar. The builtin:search value makes the voice input content as close as possible to the search content and removes redundant characters.

The above is the voice search function based on Html5 introduced by the editor. I hope it will be helpful to you. If you have any questions, please leave me a message and the editor will reply to you in time. I would also like to thank everyone for your support of the VeVb martial arts website!

If you think this article is helpful to you, you are welcome to reprint it, please indicate the source, thank you!