开始在Android和Safari设备上运行SpeechSynthesis API
我正在尝试使用SpeechSynthesis API制作一个Web应用程序，以便在单击开始button后运行我的程序，然后开始在我的Android和iOS设备上收听用户。 用户可以说任何东西来运行程序。 之后，我可以每三秒钟播放audio文件。 以下是我的代码到目前为止。 我的逻辑错了吗？ 点击并听到任何声音后，我无法启动我的程序。
另一个问题是这个SpeechSynthesis API可以支持Android和iOS设备，但是当我看到一些事件，比如'soundstart event'时，它不支持Safari Mobile。 他们有什么关系？ 我真的很困惑。 SpeechRecognition API只支持Chrome浏览器，但是我不需要像soundstart一样的事件吗？
感谢您的帮助提前。 对此，我真的非常感激。
<p id="msg" align="center"></p> <script> var utterance = new SpeechSynthesisUtterance("Hello"); //window.speechSynthesis.speak(utterance); var supportMsg = document.getElementById('msg'); if ('speechSynthesis' in window) { supportMsg.innerHTML = 'Your browser <strong>supports</strong> speech synthesis.'; console.log("Hi"); utterance.onstart = function(event) { console.log('Hhhh') }; var playList = ["1_hello", "2_how_old", "3_what_did_you_make"]; var dir = "sound/"; var extention = ".wav"; audio.src = dir + playList[audioIndex] + extention; audio.load(); var audioIndex = 0; setTimeout(function(){audio.play();}, 1000); window.speechSynthesis.speak(utterance); } else { supportMsg.innerHTML = 'Sorry your browser <strong>does not support</strong> speech synthesis.<br>Try this in <a href="https://www.google.co.uk/intl/en/chrome/browser/canary.html">Chrome Canary</a>.'; } //window.speechSynthesis(utterance); </script> <div class="container"> <button id="runProgram" onclick='utterance.onstart();' class="runProgram-button">Start</button> </div> 这对你有用吗？
function playAudio() { var msg = new SpeechSynthesisUtterance('Help me with this code please?'); msg.pitch = 0; msg.rate = .6; window.speechSynthesis.speak(msg); var msg = new SpeechSynthesisUtterance(); var voices = window.speechSynthesis.getVoices(); msg.voice = voices[10]; // Note: some voices don't support altering params msg.voiceURI = 'native'; msg.volume = 1; // 0 to 1 msg.rate = 1.2; // 0.1 to 10 msg.pitch = 2; //0 to 2 msg.text = 'Sure. This code plays "Hello World" for you'; msg.lang = 'en-US'; msg.onend = function(e) { var msg1 = new SpeechSynthesisUtterance('Now code plays audios for you'); msg1.voice = speechSynthesis.getVoices().filter(function(voice) { return voice.name == 'Whisper'; })[0]; msg1.pitch = 2; //0 to 2 msg1.rate= 1.2; //0 to 2 // start your audio loop. speechSynthesis.speak(msg1); console.log('Finished in ' + e.elapsedTime + ' seconds.'); }; speechSynthesis.speak(msg); }
<div class="container"> <button id="runProgram" onclick='playAudio();' class="runProgram-button">Start</button> </div>