按功能</audio>更改<audio>标签src

时间:2013-09-02 21:28:35

标签: javascript html5 audio html5-audio

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

用户点击此链接:

<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>

我尝试过更改脚本的不同内容,但这并不好。

为什么不改变音频?

1 个答案:

答案 0 :(得分:2)

您的功能在开始时结束,因为您的右括号}位置错误:

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>