javascript - 通过函数改变<audio>标签src

标签 javascript html 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>

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

为什么它不改变音频?

最佳答案

你的函数在开头结束,因为你的右大括号 放在了错误的位置:

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>

关于javascript - 通过函数改变<audio>标签src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18580984/

相关文章:

JavaScript/jQuery : Animated Cursor/Light Effect

javascript - 比较两个数组与对象并创建具有不匹配对象的新数组

javascript - 通过单击 img 在输入上显示框

javascript - 在 Bootstrap 下拉按钮中显示所选项目

html - 具有自动边距的 css div 不会缩小

javascript - flowplayer隐藏mp3播放器的视频显示

javascript - 简化 promise

javascript - 在 AngularJS 应用程序中加载 JSON(加载谷歌电子表格)

javascript - 使用 Filestream 为来自 SQL Server'08 的文件创建链接

iphone - 帮助!使用 rtmp-dump 对 iphone 的 rtmp 支持