Jquery，处理音频

Question

>我有一个歌曲列表，当我点击特定的链接时，歌曲应该被更改。好的，歌曲已更改，但不再播放。有什么想法吗？

<div id="music">
    <a href="horse.mp3">horse music</a>
    <a href="eminem.mp3">Eminem song</a>
</div>
<audio controls>
    <source src="1.mp3" type="audio/mpeg">
</audio>

和

<script>
    $(document).ready(function(){
        $('#music a').click(function(){
            event.preventDefault();
            var value = $(this).attr('href');
            $('p').html("<p>"+value+"</p>");
            $('source').attr("src", value);
            audio.load(); 
        });
    });
</script>

Answer 1

请尝试此代码，

$(document).ready(function(){
    $('#music a').click(function(){
        event.preventDefault();
        var audioElement = $("audio");
        var value = $(this).attr('href');
        $('p').html("<p>"+value+"</p>");
        audioElement.attr('src', value);
        audioElement.trigger('play');
    });
});

希望这对你有用。

Answer 2

    $(document).ready(function() {
        $('#music a').click(function() {
            event.preventDefault();
            var value = $(this).attr('href');
            $('p').html("<p>"+value+"</p>");
            $('source').attr("src", value);
            var audio = $('audio');
            audio.attr('src', value);
            audio.load();
            audio.trigger('play');
        });
    });