播放/暂停按钮工作离线但不在线

时间:2015-12-08 14:26:47

标签: javascript html css button audio

我对java不是很好,我在为网站上的音乐循环研究一个简单的播放/暂停按钮后得到了这段代码。它可以在离线状态下正常测试,但在上传到FTP服务器之后,它无法在任何浏览器中播放音频,而且我得到了SyntaxError:意外的输入结束

下面是代码:

<style>
button{ border:none; cursor:pointer; outline:none; }
button#playpausebtn{
    background:url(images/sound_on.png) no-repeat;
    width:20px;
    height:20px;
}
</style>
<script>
var audio, playbtn, seek_bar;
function initAudioPlayer(){
    audio = new Audio();
    audio.src = "newsongs/Geboren__xsm2.mp3";
    audio.loop = true;
    audio.play();
    // Set object references
    playbtn = document.getElementById("playpausebtn");
    // Add Event Handling
    playbtn.addEventListener("click",playPause);
    // Functions
    function playPause(){
        if(audio.paused){
            audio.play();
            playbtn.style.background = "url(images/sound_on.png) no-repeat";
        } else {
            audio.pause();
            playbtn.style.background = "url(images/sound_off.png) no-repeat";
        }
    }
}
window.addEventListener("load", initAudioPlayer);
</script>

1 个答案:

答案 0 :(得分:0)

没关系,我刚发现自己的错误。评论标签使其无法正确加载!