JavaScript 一个接一个地播放音频 HTML5

Question

我在从一个又一个动态创建的 javascript 音频对象中播放音频时遇到问题。音频来自谷歌的一系列字符串。

for (i = 0; i < Txt_array.length; i++) {
audio.src ='http://translate.google.com/translate_tts?&tl=en&q='+Txt_array[i];
audio.play();};

我想通过事件监听器来做到这一点，或者还有其他方法吗？这不仅仅是关于谷歌，所以我想请你提供一个通用的解决方案，而不是一个现成的谷歌语音脚本。

你能帮帮我吗？怎么才能一个接一个的播放音频？

更新：

audio.src='http://translate.google.com/translate_tts?&tl=en&q=' + Txt_array[0];
audio.play();

audio.addEventListener('ended', function(){
for (i = 1; i < Txt_array.length; i++) {
audio.src ='http://translate.google.com/translate_tts?&tl=en&q='+Txt_array[i];
audio.play();};
}, false);

我添加了 Eventlistener，我想它应该像这样工作，但我仍然有一个问题，如果这是第一个播放的文件，Eentlistener 不会触发，对吧？

我很乐意得到进一步的支持。

提前谢谢你。

Answer 1

有一个ended 事件，您可以在监听器中更改src 属性。

var strings = "Hello how are you".split(" ");
var index = 1;

audio.src='http://translate.google.com/translate_tts?&tl=en&q=' + strings[0];
audio.play();

audio.onended = function() {
    if(index < strings.length){
        audio.src='http://translate.google.com/translate_tts?&tl=en&q=' + strings[index];
        audio.play();
        index++;
    }
};