CODEWITHSUNDEEP
htmlgoogle-chromewebvoice-recognition
PeakGen
PeakGen

Reputation: 23025

HTML5: Voice input issues

Please have a look at the following code.

<html>
<form method="get" action="http://www.google.com/search">
      <input type="text" name="q" size="30" x-webkit-speech/>
      <input type="submit" value="Google Search" />
    </form>
</html>

This suppose to display a mic icon and take the voice input in Google Chrome right? But that is not happening. I don't see any mic icon and this do not take any voice input too.

I checked with www.google.com to see whether the mic icon appear and voice recognition works. Yes it does, something is wrong with my code for sure. what have I done wrong? I am having the latest Google Chrome too.

Upvotes: 1

Views: 5968

Answers (2)

Abhitalks
Abhitalks

Reputation: 28387

Yes it does. It won't find a server to process though.

See this: http://jsfiddle.net/abhitalks/E28RT/

Its Shows the mic and accepts the voice just fine.

However, as mentioned in this thread x-webkit-speech is getting deprecated. It perhaps was just an experimental thing. It is advised to go with the HTML5 Javascript Voice/Speech API. Ref here: https://dvcs.w3.org/hg/speech-api/raw-file/tip/speechapi.html . Even that is going to be heavily browser dependent as of this writing.

Upvotes: 3

user3668947
user3668947

Reputation: 21

please checkout this site: HTML5-Speech-Recognition-API

This should be what you're looking for.

Greetz

Upvotes: 2

Related Questions