TypeError in Firefox 31

[peterbe]

Using

var fallbackSpeechSynthesis = window.speechSynthesis || window.speechSynthesisPolyfill;
var fallbackSpeechSynthesisUtterance = window.SpeechSynthesisUtterance || window.SpeechSynthesisUtterancePolyfill;

function playWord(word, lang) {
    console.log(word, lang);
    var u = new fallbackSpeechSynthesisUtterance(word);
    lang = lang || 'en-US';
    u.lang = lang;
    u.volume = 1.0;
    u.rate = 1.0;
    // u.onend = function(event) { console.log('Finished in ' + event.elapsedTime + ' seconds.'); };
    fallbackSpeechSynthesis.speak(u);
}

I get:

TypeError: Argument 1 of SpeechSynthesis.speak does not implement interface SpeechSynthesisUtterance.

Strangely the example on http://janantala.github.io/speech-synthesis/ works in this browser.

[peterbe]

Ah! I see why, the demo doesn't attempt to use window.speechSynthesis or window.SpeechSynthesisUtterance

[peterbe]

If I change my app to only use the polyfill it works for me too. Not ideal though.

[janantala]

It looks like there is already a SpeechSynthesis object in Firefox (v28, in v26 it is ok) but no SpeechSynthesisUtterance.

SpeechSynthesis {pending: false, speaking: false, paused: false}

So we still can't use native speech synthesis and we will need a better detection. I will update docs.

[janantala]

Check out v0.4.0

var fallbackSpeechSynthesis = window.getSpeechSynthesis();
var fallbackSpeechSynthesisUtterance = window.getSpeechSynthesisUtterance();

var u = new fallbackSpeechSynthesisUtterance('Hello World');
u.lang = 'en-US';
u.volume = 1.0;
u.rate = 1.0;
u.onend = function(event) { console.log('Finished in ' + event.elapsedTime + ' seconds.'); };
fallbackSpeechSynthesis.speak(u);

[peterbe]

Works like a charm! Thank you!