Per the latest spec, https://dvcs.w3.org/hg/speech-api/raw-file/tip/webspeechapi.html#speechsynthesisvoice, the following is expected to throw a TypeError:

utterance.voice = selectedVoice.getAttribute('data-voice-uri');

   [Constructor,
    Constructor(DOMString text)]
    interface SpeechSynthesisUtterance : EventTarget {
        attribute DOMString text;
        attribute DOMString lang;
        attribute SpeechSynthesisVoice voice;
        attribute float volume;
        attribute float rate;
        attribute float pitch;

        attribute EventHandler onstart;
        attribute EventHandler onend;
        attribute EventHandler onerror;
        attribute EventHandler onpause;
        attribute EventHandler onresume;
        attribute EventHandler onmark;
        attribute EventHandler onboundary;
    };

See how the voice attribute isn't a DOMString but: attribute SpeechSynthesisVoice voice;

To fix this you could just pass in the index of the selected <option> into the SpeechSynthesisVoiceList returned by var voicesAvailable = speechSynthesis.getVoices();

(I don't know if this site is even maintained, but thought I should document this)

Chrome for Android 38 and Opera for Android 25 support the Screen Orientation API but their implementation adheres to the Editor's Draft and not the Working Draft (unlike Firefox up to version 33 and Internet Explorer 11). So, the current demo doesn't work when using these browsers.

Hello!

The demo at https://www.audero.it/demo/speech-synthesis-api-demo.html is not working, every languaje sound always as english (on google chrome last version), i also try the web speech api (with your examples on sitepoint.com) and the lang atribute is not working.

I have trued to run the code for voice recognition with web speech api but the results are not showing in the text area. I changed the text area to a text box and it is still the same. How can I get it to display the results in a text box?

How do I use the sensor on my mac.

I mean how do I use this example in a local server environment. I want a video to play when the sensor senses enough light.

Your example is the closest comprehensive example I found. But when I run it in a virtual environment it doesn't seem te work.

If you could help me out even if this is not a real issue for this git, it would be majorly appreciated.

On August 28, 2014 the specifications has been updated, so the article and the demo should reflect the new specifications.

http://aurelio.audero.it/demo/device-orientation-api-demo.html

should be

http://audero.it/demo/device-orientation-api-demo.html

This applies to all live demo uri's.

Chrome 38 and Opera 25 support the Web Notifications API but their implementation adheres to the WHATWG specs. This is an important change for Chrome because until version 37 it implemented the W3C specs that are also implemented by Safari 6+ and Firefox up to version 33. So, the current demo doesn't work partially in Chrome 38 and Opera 25.

notification net working in chrome browser. working in firefox only. help

You can host this using gh-pages. create an index file (feel free to steal mine: https://github.com/esteinborn/HTML5-API-demos) in the master branch.

Then create a new branch, as a clone of master, call it gh-pages.

Now it will be viewable as http://aurelioderosa.github.io/HTML5-API-demos

Hi,

I'm really interested in this project, but as for the 29/03/2014, on Google Chrome 33.0.1750.152, I get an error that states:

API not supported.

There are no problems on FireFox

Hi,
Isn't the function of page visibillity similiar to window.onblur. The only difference I could see was that for onblur to trigger the page needs to be clicked and then it's focus must be lost but in page visibillity the page simply needs to come out of view without being active. are there any other differences ?
Thanks
Saikat

When I try to run the demo on the provided link I get some errors and warnings on the console when I click Play Demo button.

On clicking Play Demo Button:
Warning:(line no. 82 getusermedia-api-demo.html)
navigator.mozGetUserMedia has been replaced by navigator.mediaDevices.getUserMedia
Error:(line no. 89 getusermedia-api-demo.html)
TypeError: URL.createObjectURL: Argument 1 is not valid for any of the 1-argument overloads.

On clicking Stop Demo Button:
Error:(line no. 100 getusermedia-api-demo.html)
TypeError: videoStream.stop is not a function