如何更改Javascript音频对象src?
我正在创建一个定制的HTML5音频播放器。我的脚本中有以下代码片段如何更改Javascript音频对象src?,javascript,html,audio,media,Javascript,Html,Audio,Media,我正在创建一个定制的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]
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");
我可以使用
curAudio.attr("src", "newaudio.mp3");
但是如何使用前一种方法呢?您可以使用元素的以下内容设置不同的源: 这就是jQuery集合的功能:
$("#audio").prop('src', 'http://.../newaudio.mp3');
谢谢你的回复。Do var curAudio=新音频(“Audio.mp3”);和var curAudio=$(“#audiotag”);同样的行为?它们可以像使用curAudio.attr(“src”、“newaudio.mp3”);一样进行操作吗@DavidHeisnam Yes和no。使用其中任何一个设置属性的行为都是相同的,但每个属性都有自己的方法。jQuery集合有,而
元素有。不过,一般来说,你会想操纵。你帮了大忙。非常感谢乔纳森·洛诺夫斯基!
$("#audio").prop('src', 'http://.../newaudio.mp3');