音频正在播放，您可以重新加载页面，但是音频应该从重新加载页面的那一刻开始

Question

如何从特定时间点开始播放音频？

让假设音频正在播放，您可以重新加载页面，并且音频应从重新加载页面的那一刻恢复。我已经有音频播放的代码存储时间，但是我不知道如何将该值作为新音频开始时间。

        li = $('#plList li').click(function () {
            var id = parseInt($(this).index());
            if (id !== index) {
                playTrack(id);
            }
        }),
        loadTrack = function (id) {
            $('.plSel').removeClass('plSel');
            $('#plList li:eq(' + id + ')').addClass('plSel');
            npTitle.text(tracks[id].name);
            index = id;
            audio.src = mediaPath + tracks[id].file + extension;
            // Assign an ontimeupdate event to the video element, and execute a function if the current playback position has changed
            audio.ontimeupdate = function() {myFunction()};
            function myFunction() 
            {
                // Display the current position of the audio.
                $('#cookieVal').val(audio.currentTime); 
                localStorage.setItem("audioPlayTime", audio.currentTime);
                console.log(audio.currentTime);
            }
        },
        playTrack = function (id) {
            loadTrack(id);
            audio.play();
        };
    extension = audio.canPlayType('audio/mpeg') ? '.mp3' : audio.canPlayType('audio/ogg') ? '.ogg' : '';
    loadTrack(index);
}

Answer 1

您可以使用currentTime属性。将currentTime存储在LocalStorage或Cookie中。

这个问题已经回答。您可以找到更多细节。在此链接设置HTML5音频位置

Answer 2

你好！

在不看到您的代码的情况下，很难说出该怎么做，但是我会为您提供可以实现这一目标的步骤！

请注意，我不确定这是这样做的最佳方法！

1。使用 onBeForeunload 要检查用户何时离开页面的事件。

2。当此事件触发时，将时间和歌曲保存到cookie变量时，您可以看到

的方式

3。，最后使用 domContentLoaded 事件，因此，当您的页面加载时，您尝试将保存在cookie中的那些变量加载到cookie中。

4。如果它们存在，您有时间，只需从那时起播放您的歌曲，如果不是这样，请从0:00开始。

---

对不起...

但我无法为您提供现成的代码，因为您也没有显示任何代码。但是我希望您会发现我的答案有用！欢呼！