javascript - 如何更改Javascript音频对象src？

Question

我正在创建一个自定义HTML5音频播放器。我的脚本中包含以下代码段。

var curAudio = new Audio('Audio.mp3');
$("#play").on("click", function(e) {
    e.preventDefault();
    curAudio.play();
});
$("#next").on("click", function(e) {
    e.preventDefault();
    [UPDATE curAudio SRC here]
    curAudio.play();
});

此代码段已高度简化，虽然不太实用，但对于我的问题(即如何动态更新音频对象的src)来说足够好了。如果我用

var curAudio = $("#audio");

我可以轻松地使用更改src

curAudio.attr("src", "newaudio.mp3");

但是如何使用前一种方法呢？

Answer 1

您可以使用Element的 src property设置其他来源:

curAudio.src = 'http://.../newaudio.mp3';

这是 .prop() 为jQuery集合所完成的:

$("#audio").prop('src', 'http://.../newaudio.mp3');