Speech Synthesis won't pause in google chrome at first load after browser launch

Question

Kill the browser completely, reopen the browser and start text-to-speech with speechSynthesis.speak(string);

speechSynthesis.pause(); won't work till you refresh the page.

Same can be seen at, https://developer.microsoft.com/en-us/microsoft-edge/testdrive/demos/speechsynthesis/

This happens on both Mac and Windows, chrome 70.

Does anybody know a workaround?

Hi - there doesn't seem to be a question here? If this is a bug report for Chrome you will need to report it to Google, not post it on Stack Overflow. — Ant P, Nov 02 '18 at 08:25

score 0 · Accepted Answer · answered Nov 06 '18 at 20:54

Does anybody know a workaround?

If you speak an empty text first it pauses on first load.

let btnSpeak = document.getElementById("btnSpeak");
let spoken = false;
speechSynthesis.cancel();
function speak() {
    btnSpeak.disabled = true;
    let msg = new SpeechSynthesisUtterance();
    if (!spoken) {
        let mt = new SpeechSynthesisUtterance();
        mt.text = " ";
        window.speechSynthesis.speak(mt);
        spoken = true;
    }
    msg.text = "Use a long sentence to give time to hit pause";
    msg.voice = voices[0];
    msg.lang = voices[0].lang;
    msg.onend = function(event) {
        btnSpeak.disabled = false;
    };
    window.speechSynthesis.speak(msg);
}

it's because speechSynthesis.getVoices() returns null first time it's called — Muhammad Umer, Oct 08 '20 at 03:20
solution: https://stackoverflow.com/questions/49506716/speechsynthesis-getvoices-returns-empty-array-on-windows... `speechSynthesis.onvoiceschanged = speak;` — Muhammad Umer, Oct 08 '20 at 03:23

Speech Synthesis won't pause in google chrome at first load after browser launch

1 Answers1