Обратный вызов API SpeechSynthesis не работает

Хотя я обнаружил, что это работает именно так, я не уверен, что это правильное поведение ...

Во-первых, не вызывайте эту функцию сразу, используйте обратный вызов.

2-й, чтобы получить время, используйте timeStamp вместо elapsedTime. Вы могли бы просто использовать performance.now().

var btn = document.getElementById('btn');
speechSynthesis.cancel()
var u = new SpeechSynthesisUtterance();
u.text = "This text was changed from the original demo.";

var t;
u.onstart = function (event) {
    t = event.timeStamp;
    console.log(t);
};

u.onend = function (event) {
    t = event.timeStamp - t;
    console.log(event.timeStamp);
    console.log((t / 1000) + " seconds");
};

btn.onclick = function () {speechSynthesis.speak(u);};

Демо: http://jsfiddle.net/QYw6b/2/

прошло время, и оба события наверняка сработали.

Согласно этому комментарию об ошибке, упомянутой в ответ от Кевина Хакансона, это может быть проблема со сборкой мусора. Сохранение высказывания в переменной перед вызовом speak , похоже, помогает:

window.utterances = [];
var utterance = new SpeechSynthesisUtterance( 'hello' );
utterances.push( utterance );
speechSynthesis.speak( utterance );

Вы можете использовать EventListener для начала и завершения, как я для Speakerbot (http://www.speakerbot.de/).

Здесь мое лицо меняется, когда говорят слова.

newUtt = new SpeechSynthesisUtterance();

newUtt.addEventListener('start', function () {
     console.log('started');
})

newUtt.addEventListener('end', function () {
     console.log('stopped');
})

Я обнаружил, что оба предложенных здесь решения не работают в приложении, которое я только что написал. Единственное решение, которое я мог придумать, - это (вроде) занятое ожидание:

function speak( text, onend ) {
  window.speechSynthesis.cancel();
  var ssu = new SpeechSynthesisUtterance( text );
  window.speechSynthesis.speak( ssu );
  function _wait() {
    if ( ! window.speechSynthesis.speaking ) {
      onend();
      return;
    }
    window.setTimeout( _wait, 200 );
  }
  _wait();
}

вы можете найти полный пример в этом коде

Это похоже на ошибку Chromium, обнаруженную 12 июля 2015 г.

Проблема 509488: Web Speech API: событие конца SpeechSynthesisUtterance объект иногда не отправляется

напечатайте высказывание, прежде чем говорить, кажется, работает ... Если я удалю консоль, возникнет эта проблема, не знаю почему

console.log("utterance", utterThis);
synth.speak(utterThis);

Я также обнаружил, что единственный способ сделать эту работу надежнее - использовать .cance. Я использую тайм-аут 17 секунд. Все мои записи короче 20 секунд, так что у меня это работает.

utterance.onstart = function (event) {
setTimeout(function(){window.speechSynthesis.cancel();},17000);
};

Раньше я сталкивался с этой проблемой каждые 8-10 попыток отправки сообщений. Как только я добавил .cancel, кажется, что он всегда работает. Я также вызываю тайм-аут набора при вызове.

setTimeout(function(){window.speechSynthesis.speak(utterance);},100);

Единственное, что у меня работало, - это избегать голосов, в которых localService означает true. Эти голоса никогда не срабатывали onend, в то время как другие голоса (localService - false) срабатывали onend.

Кроме того, в Chrome (но не в Safari) обратный вызов никогда не вызывается, если вы пытаетесь произнести пустую строку.