У меня есть функция, использующая синтез речи. Он работает сам по себе при вызове onload:
function speak() {
var msg = new SpeechSynthesisUtterance();
var voices = voices[2];
msg.voiceURI = "native";
msg.volume = 2;
msg.rate = 1;
msg.pitch = 1;
msg.text = "Hello World";
msg.lang = "en";
speechSyntesis.speak(msg)}
Но когда вызывается в моей функции, которая отображает массив, с помощью onmouseover, он искажается.
if (el.toString === "Kinder.") return "<span class=\"tooltip\"><span onmouseover=\"speak()\">Kinder</span><span class=\"tooltiptext\" >Text</span></span>"
Это работает, но голос звучит искаженно. Кто-нибудь знает как это исправить?
Заранее спасибо.
Редактировать: Один раз работает нормально, затем перестает работать.