2017-01-09 6 views
7

Я использую хром Версии 55.0.2883.87 м (64-разрядная версия) на ОС Windows 10.speechSynthesis.speak не работает в хроме

Следующий простой HTML-файл воспроизводит проблему и извлекается из моего более сложного приложения. Предполагается говорить 3 слова при загрузке страницы. Он работает на MS Edge и Firefox, но не работает на хроме. Этот код работал для меня на Chrome без проблем пару недель назад.

<html> 
<head> 
    <script lang="javascript"> 
     window.speechSynthesis.speak(new SpeechSynthesisUtterance("cat")); 
     window.speechSynthesis.speak(new SpeechSynthesisUtterance("dog")); 
     window.speechSynthesis.speak(new SpeechSynthesisUtterance("bark")); 
    </script> 
</head> 
<body></body> 
</html> 

ответ

0

resultsDisplay = document.getElementById("rd"); 
 
startButton = document.getElementById("startbtn"); 
 
stopButton = document.getElementById("stopbtn"); 
 

 
recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition || window.mozSpeechRecognition || window.msSpeechRecognition)(); 
 
recognition.lang = "en-US"; 
 
recognition.interimResults = false; 
 
recognition.maxAlternatives = 5; 
 

 
recognition.onresult = function(event) { 
 
    resultsDisplay.innerHTML = "You Said:" + event.results[0][0].transcript; 
 
}; 
 

 
function start() { 
 
    recognition.start(); 
 
    startButton.style.display = "none"; 
 
    stopButton.style.display = "block"; 
 
} 
 

 
function stop() { 
 
    recognition.stop(); 
 
    startButton.style.display = "block"; 
 
    stopButton.style.display = "none"; 
 
}
.resultsDisplay {width: 100%; height: 90%;} 
 
#stopbtn {display: none;}
<div class="resultsDisplay" id="rd"></div> 
 
<br/> 
 

 
<center> 
 
    <button onclick="start()" id="startbtn">Start</button> 
 
    <button onclick="stop()" id="stopbtn">Stop</button> 
 
</center>

Попробуйте

utterance = new SpeechSynthesisUtterance("cat, dog, bark"); 
speechSynthesis.speak(utterance); 

Я сделал Weave в LiveWeave.