Html5 adds the voice input function to the input box

You can see the microphone icon on the right of the input box and click on the microphone to make speech recognition.

Actually very simple, speech recognition is the basic function of HTML5, its usage is

<input type= "text" Speech X-webkit-speech/>
If you like the syntax of XHTML similar, you can say that

<input type= "text" x-webkit-speech= "X-webkit-speech"/>
Speech recognition was unthinkable a decade ago, and even in previous years, speech recognition on a Web page can only be implemented in other ways, such as using Flashplayer and so on. But now, getting the speech simply adds a property tag to the input box and can be identified.

Mobile devices, such as browsers on a mobile phone, should support speech recognition as long as they support HTML5. Try your Android to browse this page?

Also, if you want to use JavaScript to get speech recognition at the end of this event, you can use the Onwebkitspeechchange

<input type= "text" Speech X-webkit-speech onwebkitspeechchange= "alert (this.value)"/>