SpeechSynthesis.getVoices() not listing voices in Firefox

Viewed 4452

I am developing an application that requires me to use text to speech in the web browser. I am using the HTML5 Speech Synthesis for it. On Google Chrome the code runs fine, with all the available voices being listed using |getVoices()|, but in Firefox no voice is listed at all. I am testing my code on Firefox 56.0 (Ubuntu).

On searching over the internet, I did come across a StackOverflow answer that suggested that the getVoices() function should be called after the |onVoiceChanged| event

    window.speechSynthesis.onvoiceschanged = function() {
    window.speechSynthesis.getVoices();
    ... 
};

I am invoking the call in the above mentioned manner and it works as desired in Chrome, but not on Firefox.

Another StackOverflow answer suggested that I enable the |media.webspeech.synth.enabled| in about:config of Firefox, but in my Firefox the preference |media.webspeech.synth.enabled| is already set to true.

I checked the MDN documentation https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesis/getVoices and the example on this page does not run for me in Firefox, but runs fine in Chrome. I found that CanIUse.com lists that SpeechSynthesis as supported in Firefox 55 onwards, but it does not work for me.

Also The demo by Mozilla Developer Network to demonstrate the Speech Synthesis fails to work on my Firefox, but runs fine on Google Chrome. I have extensively searched online for a solution but could not find one. Can someone please point me in the right direction here.

5 Answers

Ran into the same issue and here's what I figured out.

  • Doesn't work for me on Firefox Ubuntu 16.04
  • On virtualbox Windows works. The voices come from Windows. "Microsoft David" is one of the choices.
  • Chrome works on Ubuntu, but only when it's online. It's not showing any traffic in the console, but the voice only works when it is online!

For anyone else still struggling with this, this is what fixed it for me. Assuming speech-dispatcher and espeak are already installed, the issue may be that there are multiple speech-dispatcher output modules installed and the default of them has no voices.

For example, on my system,

# spd-say -O lists output modules
$ spd-say -O
OUTPUT MODULES
espeak-ng-mbrola
espeak-ng

# spd-say -L lists all voices associated with the current
# output module
$ spd-say -L
                     NAME                 LANGUAGE                  VARIANT

$ 

Notice that spd-say -L outputs an empty table, even though spd-say "Hello world" works. I had no voices installed for the default speech-dispatcher module.

The second module in the list, espeak-ng, does have voices installed. Running spd-say -o espeak-ng -L produces a long table (-o selects a specific module).

Firefox seems to only query the default output module. This AskUbuntu post explains how to change the default output module.

Installing another output module, however, fixed the issue for me (I had trouble changing the default output module via /etc/speech-dispatcher/speechd.conf).

In short,

$ sudo apt install speech-dispatcher-pico

fixed the issue.

I had similar issue and solve it by using setTimeout, this is probably not the perfect solution but it works for me, give it a try

window.speechSynthesis.onvoiceschanged = setTimeout(function() {
    window.speechSynthesis.getVoices();
}, 1000);
Related