关于html5的audio标签预加载问题

我目前采用的预加载方式是在页面进入时会有一个缓冲效果（类似进度条）在这个过程中对页面需要的资源进行预加载，例如音频。我是这样子做的：

var arr = $('.page_item').find('.audioPlay'),
                    i = arr.length,
                    x, audio_src,
                    b = document.body;
            while (i--) {
                audio_src = Drupal.settings.basePath + $(arr[i]).attr('url');
                var x = document.createElement("AUDIO");
                x.setAttribute("src", audio_src);
                x.setAttribute("preload", 'auto');
                b.appendChild(x);
            }

就是预先对页面中的音频文件进行加载（因为我页面中有多个音频文件，用span标签带入的，至于为什么不直接使用audio，这里就不多说了，采用的是一个audio标签通过js切换src和绑定ended事件来实现连续播放的，一首接一首）,但是貌似这种方式也不太靠谱，还是会出现音频卡顿的现象，不知道你们有木有什么好的方法实现预加载，请指点一二！谢谢！

---

同preLoad

---

preload