使用jquery和<audio> </audio>更改歌曲

Question

我一直在尝试创建一个网页，当用户点击按钮时，该网页会播放多首不同的歌曲。我一直在使用按钮上的value属性来存储要发送到音频播放器的歌曲名称。单击按钮时，歌曲保持默认状态，任何帮助都将受到赞赏！

HTML 的

<button value="newsong.mp3">NEW SONG</button>
<audio controls id="player" src="sound/default.mp3" autoplay></audio>

的Javascript

var song;
$(document).ready(function(){
  $("button").click(function(){
    song=$(this).attr("value");
    $("#player").attr("src","sound/"+song);
    });
  };
});

编辑：在事故复制代码上切换名称;两个ids都是玩家而不是音乐

Answer 1

您在JS代码中使用了额外的};：

var song;
$(document).ready(function(){
  $("button").click(function(){
    song=$(this).attr("value");
    $("#player").attr("src","sound/"+song);
  });
});

See this Fiddle

Answer 2

音频标记的标识为music，您尝试更改标识为player的标记的属性。由于没有这样的标签，歌曲不会改变。