タグの src 属性を変更してリロードしようとしました。ただし、これは機能しないようです。
$.getJSON('/handler', function(data) {
var items=[]
alert('data')
$('#artist').html(data.artist);
$('#title').html(data.title);
$(".audio").attr('src', data.url);
$(".audio").attr('autoplay', true);
$(".audio").load();
}
<audio id="players" class="audio" controls>
<!-- <source src="horse.ogg" type="audio/ogg"> -->
<source src="http://mr4.douban.com/201307252205/c015e7928c2cbcb3be6ad0e38ff21838/view/song/small/p1451474.mp3" type="audio/mp3" reload="auto" >
Your browser does not support the audio element.
</audio>
次のようないくつかのローカルファイルでsrcを変更する場合、いくつかの実験を行いました。
$(".audio").attr('src','/static/music/p186609.mp3')
これは機能しますが、使用すると
$(".audio").attr('src','http://mr4.douban.com/201307252205/c015e7928c2cbcb3be6ad0e38ff21838/view/song/small/p1451474.mp3')
これは動作しません。