JavaScript SpeechSynthesis не работает

#javascript

#javascript

Вопрос:

Я пытаюсь понять SpeechSynthesis, и это мой код:

 const speechBtn = document.querySelector('#speech-btn');

const speak = () => {
  const msg = new SpeechSynthesisUtterance('Hello world');
  msg.rate = 0.7;
  msg.pitch = 1;
  window.speechSynthesis.speak(msg);
  console.log('test');
};

speechBtn.addEventListener('click', speak);  
 <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button id="speech-btn">Read</button>
    <script src="./text-to-speech.js"></script>
  </body>
</html>  

Но это не работает.
Что не так с моим кодом?

Комментарии:

1. Пожалуйста, включите соответствующий HTML-код и укажите, где находится ваш JavaScript в HTML, чтобы мы могли повторить вашу проблему и предоставить ответ.

2. Здесь работает нормально

3. То же самое. Работает идеально. Браузер и версия?

4. Я запустил его в Chrome, и это сработало. Проверьте свою консоль на наличие ошибок? Убедитесь, что громкость вашего компьютера повышена, а не отключена?

5. У меня отлично работает в Chrome (Windows)