html5 - How to change Javascript audio object src? -
i'm creating custom html5 audio player. have following snippet in script.
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(); });
this snippet highly simplified , isn't practical enough question is, how update src of audio object dynamically? if use
var curaudio = $("#audio");
i can change src using
curaudio.attr("src", "newaudio.mp3");
but how do former method?
you can set different source element's src
property:
curaudio.src = 'http://.../newaudio.mp3';
this .prop()
accomplishes jquery collections:
$("#audio").prop('src', 'http://.../newaudio.mp3');
Comments
Post a Comment