Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何更改Javascript音频对象src?_Javascript_Html_Audio_Media - Fatal编程技术网

如何更改Javascript音频对象src?

如何更改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]

我正在创建一个定制的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");
我可以使用

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');