Geek Answers Handbook

Use x-webkit speech with text area

I have a field in my webapp where users enter a lot of text. I would like to implement the x-webkit-speech element. he works in all

<input>

but I can’t display it in

 <textarea name="uxMyInput" rows="30" cols="20" id="uxMyInput" onblur="convert();" style="width:100%;" x-webkit-speech=""></textarea>
+8
javascript html5 google-chrome speech-recognition usability
source share
3 answers

Currently, it only works with inputs. I assume that support for longer text input will eventually come, but since users may expect to write longer entries, I suspect that they were concerned that accuracy and processing time would be affected.

+4
source share

The answer is quite simple: add an input text field above the text area, and then use the onwebkitspeechchange attribute to force the newly recognized text to be copied from the input field to the text area.

I posted the sample code on jsfiddle:

http://jsfiddle.net/theo/GZ5mL/

+4
source share

I successfully wrote the code in html + javascript + php using the voice-to-text and HTML5 functions in Google Chrome 11.

X-webkit-speech is used to voice an Internet application using a microcontroller (Revoltion Education Picaxe, but can be any other microcontroller).

You can read my tutorial on your blog:

http://redacacia.wordpress.com/2011/08/28/voice-operated-internet-control-of-a-picaxe/

Tayeb

0
source share

More articles:


All Articles