1

我想播放 html5 音频播放器来播放相同的音频，即使我转到下一页也不会有任何延迟。它正在使用 cookie。但问题是......每当我重新加载页面时，播放器开始自行播放。 .我知道要阻止它非常困难..因为它会自动调用 update() 函数..但是任何帮助都会很棒..我希望播放器不要在页面加载时播放任何内容...但是如果我播放某些内容并且转到下一页，它将获取 cookie 并播放它.. 这是我的代码..：

<a href="index.php">Index</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="next.php">Next</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<audio controls preload="auto"  autobuffer >
<source src="example.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>



<script>

function setCookie(c_name,value,exdays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate() + exdays);
    var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
    document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
    var i,x,y,ARRcookies=document.cookie.split(";");
    for (i=0;i<ARRcookies.length;i++)
    {
      x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
      y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
      x=x.replace(/^\s+|\s+$/g,"");
      if (x==c_name)
        {
        return unescape(y);
        }
      }
}

var song = document.getElementsByTagName('audio')[0];

var played = false;
var tillPlayed = getCookie('timePlayed');


function update()
{
    if(!played){
        if(tillPlayed){
        song.currentTime = tillPlayed;
        song.play();
        played = true;
        }
        else {
                song.play();
                played = true;
        }
    }

    else {
    setCookie('timePlayed', song.currentTime);
    }
}
setInterval(update,0);
</script>
4

1 回答 1

0

你一直在写cookie。如果我是你，我只是把它写在一个页面退出事件中： window.onbeforeunload = function (e) { setCookie('timePlayed', song.currentTime); }

如果您的 cookie 写得好，读得好（检查 console.logs 或警报），那么问题就出在音频功能上。

于 2014-08-20T15:42:01.740 回答