Breadcrumbs

[mikethedj4]

After watching this video. I thought I'd try the HTML5 speech attribute myself. It's very simple, all you need is the following code.

JavaScript:

Code: Select all

if (document.createElement("input").webkitSpeech === undefined) {
	var ns = document.getElementsByClassName("nosupport");
	for (i = 0, il = ns.length; i < il; i++) ns[i].style.display = "block";
}

HTML:

Code: Select all

<input type="text" x-webkit-speech="x-webkit-speech" />

That's it, that's the speech attribute in HTML5. It only works in Chrome at the moment, however it is something to mess around with, and is pretty fun to use, especially using the built in development tools inside Chrome.

Hope you guys enjoy this, and find it useful. If you don't well at least it's fun to mess with

HTML5 Speech Attribute.zip

[Scottie1972]

Very nice piece of info.

But do to ( x-webkit-speech ) i dont think it would work for IE.
Just Chrome, FF2, Safari, Opera. Im not sure I will have to test it out to see.

[mikethedj4]

Unfortunately this is only available in Chrome at the moment.

[Codex]

What is this for ?

[mikethedj4]

It's just to show the new HTML5 Speech Attribute added in Chrome.

[Codex]

I found a demo here: http://www.jeremyselier.com/entry/speech-attribute-demo

[mikethedj4]

There's demos all over the web, this is just a tutorial on how you can use it.

BTW: You don't need the javascript, just...

Code: Select all

<input type="text" x-webkit-speech />

The javascript is only there for support