在我的 Android 和 Safari 设备上启动运行 SpeechSynthesis API

Question

我正在尝试使用 SpeechSynthesis API 到运行我的程序制作一个网络应用程序，只需单击开始按钮然后开始在我的 Android 上收听用户的声音和 iOS 台设备。用户可以对运行程序说任何话。之后，我可以每三秒播放一次我的音频文件。到目前为止，下面是我的代码。我的逻辑错了吗？单击后无法启动我的程序并听到任何声音。

另一个问题是这个 SpeechSynthesis API 可以支持 Android 和 iOS 设备，但是当我看到一些事件如 'soundstart event' 时，它不支持 Safari移动的。他们是什么关系？我真的很困惑。 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>

Answer 1

这对你有用吗？

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>

在我的 Android 和 Safari 设备上启动运行 SpeechSynthesis API

Start running SpeechSynthesis API on my Android and Safari devices

html

javascript

android

speech-synthesis

ios

在我的 Android 和 Safari 设备上启动 运行 SpeechSynthesis API

Start running SpeechSynthesis API on my Android and Safari devices

html

javascript

android

speech-synthesis

ios

在我的 Android 和 Safari 设备上启动运行 SpeechSynthesis API