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

您可以使用元素src property：

设置不同的来源

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

这是.prop()为jQuery集合实现的目的：

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

如何更改Javascript音频对象src？

1 个答案: