How To Add Speech recognition System to your Web Page?

If you are web programmer and willing to server your client better by providing “Speech recognition”. Here JAVASCRIPT and Google Chrome come to help you. By just adding single line of code to your text box. !!!

This script is not browser independent, Its Support only Google Chrome Browser version 11 and higher.

As we have old method.

<input type=”text” />

Below will display simple textbox with microphone Image, to your Chrome Browser as shown in figure.

Our new method

<input type=”Text” x-webkit-speech />

Image 1

and if you want to check whether speech is enable or not for that this JAVASCRIPT will help you.

if (document.createElement(“input”).webkitSpeech === undefined) {

alert(“Speech input is not supported in your browser.”);


Share Post