Javascript音频函数不支持';行不通

Javascript音频函数不支持';行不通,javascript,html,audio,Javascript,Html,Audio,我发现这个javascript代码有问题。在我的网站上,我在一个div中有一个音频播放器(这个播放器是通过js定制的),并且工作非常完美,以下是用于在页面中显示播放器的说明: <div id="pers_player_footer"> <script src="../audiojs/audio.min.js"></script> <script> audiojs.events.ready(function() { var as = audiojs.

我发现这个javascript代码有问题。在我的网站上,我在一个div中有一个音频播放器(这个播放器是通过js定制的),并且工作非常完美,以下是用于在页面中显示播放器的说明:

<div id="pers_player_footer">
<script src="../audiojs/audio.min.js"></script>
<script>
audiojs.events.ready(function() {
var as = audiojs.createAll();
});
</script>
<audio src='../songs/empty.mp3' id='player' preload='auto' autoplay='true'/>
</div>

audiojs.events.ready(函数(){
var as=audiojs.createAll();
});
我的播放器以一首空歌开始。当我想播放一首特定的歌曲时,会执行riproduci()函数,并传递link参数以更改src audio标记。这是我的js函数:

function riproduci(link) {
document.getElementById("pers_player_footer").innerHTML = "<script 
src='../audiojs/audio.min.js'></script>
<script>audiojs.events.ready(function() {var as = audiojs.createAll();});
</script><audio src='"+link+"' id='player' preload='auto' 
autoplay='true'/>";
}
功能riproduci(链接){
document.getElementById(“pers\u player\u footer”).innerHTML=”
ready(函数(){var as=audiojs.createAll();});
";
}

结果是:新代码编写正确,歌曲开始正常播放,在我的div中,旧播放器消失了,但新播放器没有出现,留下了一个空白。这有什么问题?

对脚本做了如下小改动:

<div id="pers_player_footer">
<script src="../audiojs/audio.min.js"></script>
<script>
    audiojs.events.ready(function() {
        var as = audiojs.createAll();
        // yeah I know, globals suck
        window.audio = as[0];
    });
</script>
<audio src='../songs/empty.mp3' id='player' preload='auto' autoplay='true'/>
</div>

是的,我知道globals很烂,但如果没有更多原始代码的上下文,这就足够了

我认为您不需要再次加载
。。。事实上,我将该标记放在目标div之外,并将其从innerHTML文本中删除-不过,老实说,我认为整个方法是有缺陷的-什么库是
audio.min.js
我倾向于看看它是如何处理播放列表的-因为你做的事情很难找到源代码欢迎这么做,如果有人花时间/精力回答某个问题,这意味着提问者通过单击答案旁边的复选标记和/或单击答案旁边的向上箭头来确认/奖励此努力。。。这将成为阅读问题的其他人的一个标志,向上箭头所指的答案是有效的。。。这样做会使这个网站对所有人都更有价值。。。小心它不起作用:(我不知道这有什么问题对不起,我写的是“窗口”而不是“窗口”,现在它起作用了!非常感谢!
function riproduci(link) {
    audio.load(link);
    audio.play();
}