Javascript 如何使用<；音频>；使用JS/jQuery在HTML5中标记？

为了克服GoogleTTSAPI的100个字符限制，尝试每100个字符循环一次，从API中获取一个新的mp3并无缝播放。尝试了多种方法，但是.play（）和事件侦听器（如canplay/onended）似乎不仅仅在循环中工作！ 最好的办法是让所有下载的曲目同时播放，而不是一首接一首地播放。以下是一些代码：-

if ($("#theinput").attr("value").length > 100){
var len = $("#theinput").attr("value").length;
alert(len);
var audioPlayer = document.getElementById("spokenmemory");    
for (var i=0; i < (len / 100); i++) {
var stl=i*100;
var str = $("#theinput").attr("value").substr(stl, 100);
$("#spokenmemory").attr("src", "http://translate.google.com/translate_tts? tl=en&q="+str);
alert(str);
audioPlayer.load();  
audioPlayer.addEventListener('canplay', function () {
              alert('Loaded');
              audioPlayer.play();
            } );
//audioPlayer.play(); 

            }

if（$（“#输入”）.attr（“值”）.length>100）{
var len=$（“#输入”）.attr（“值”）.length；
警报（len）；
var audioPlayer=document.getElementById（“spokenmemory”）；
对于（变量i=0；i<（len/100）；i++）{
var stl=i*100；
var str=$（“#输入”）.attr（“值”）.substr（stl，100）；
$（“#spokenmemory”）.attr（“src，”http://translate.google.com/translate_tts? tl=en&q=“+str”）；
警报（str）；
audioPlayer.load（）；
audioPlayer.addEventListener（'canplay'，函数（）{
警报（“已加载”）；
audioPlayer.play（）；
} );
//audioPlayer.play（）；
}

---

任何帮助都将不胜感激。

尝试使用触发器功能

fadeInAudio : function(audio){
//      audio.play();
    audio.trigger("play");
},

fadeOutAudio : function(audio){
//      audio.pause();
    audio.trigger("pause");
},