按功能更改 <audio> 标签 src答案

【问题标题】：Change <audio> tag src by function按功能更改 <audio> 标签 src
【发布时间】：2013-09-02 21:28:35
【问题描述】：

我正在制作一个音频播放器脚本来更改<audio> 标签的src=""，我不喜欢这样做，因为我不做曲目。

用户点击此链接：

<a href="#play" onclick="playAudio('song.mp3');">Play</a>

然后这个接收函数：

   function playAudio(file)
    {
    var audio = file;
    }
    if(audio !== '') {
    document.getElementById('player').src = 'music/'+audio;
    }
    else {

    }

对于这个玩家：

<audio id="player" src="" controls></audio>

我尝试过更改脚本的不同内容，但效果不佳。

为什么它不会改变音频？

【问题讨论】：

标签： javascript html audio html5-audio

【解决方案1】：

您的函数在开头结束，因为您的右大括号 } 放错了位置：

function playAudio(file)
    {
    var audio = file;
    }

这应该写成：

 function playAudio(file)
    {
    var audio = file;
    if(audio !== '') {
    document.getElementById('player').src = 'music/'+audio;
    }
    else {

    }
}

另外，id 不是href，这应该是：

<a href="#play" id="play" onclick="playAudio('song.mp3');">Play</a>

【讨论】：