如何确保Google TTS的传入语音已完全加载？

Question

在低网络速度下进行测试，以正确使用JavaScript中的Google tts API，这种情况是有时读取但有时却无法读取，它可能会读取“ hi”之类的很短的文本，如何确保请求的音频已加载。

    <!DOCTYPE html>
    <html>
     <head>
       <meta charset="UTF-8">
       <title></title>
       <script>
        function playit() {
                var audio = new Audio();
                audio.src = 'http://translate.google.com/translate_tts?ie=UTF-8&tl=en&q=Okay i can read but not alwayes';
                //function(){testbeforplaying;}
                audio.play();
        }
      </script>
     </head>
     <body>
       <input type="button" value="say" onclick="playit()"/>
     </body>
    </html>

Answer 1

加载音频（或视频，图像）是异步操作，因此您需要收听浏览器的回调机制，以了解何时可以使用该文件。

更新

将type添加到混音中，并进行演示：

小提琴

如果是音频（和视频），则可以收听canplay事件：

function playit() {
    var audio = new Audio();
    audio.addEventListener('canplay', function() {
        this.play();
    }, false);
    audio.type = 'audio/mpeg';
    audio.src = '...';
}

您也可以使用canplaythrough代替canplay 。

（可选）执行以下操作：

function playit() {
    var audio = new Audio();
    audio.preload = 'auto';
    audio.autoplay = true;
    audio.type = 'audio/mpeg';
    audio.src = '...';
}

Chrome似乎有问题 -完全取消了：

在此处输入图片说明

如何确保Google TTS的传入语音已完全加载？

问题描述

1 个解决方案

解决方案1
1 已采纳

如何确保Google TTS的传入语音已完全加载？

问题描述

1 个解决方案

解决方案1 1 已采纳

解决方案1
1 已采纳