<audio>阻止跟踪重新加载页面更改

时间:2018-04-27 17:35:29

标签: html5-audio

我有一个(Drupal /但也可能是另一个)网站上有一个自动播放的音轨。音频元素位于页脚中某个页面的某个块中。现在麻烦的是,如果某人导航到另一个页面,该轨道也将重新开始。有办法解决这个问题吗?因此,如果用户更改页面,则轨道将保持在原来的位置。

类似于sessionStore中的set currentTime。从那里得到它。

<audio id="audioplayer" autoplay>
        <source src="<?php print base_path();?>music/TomDay-WhoWeWantToBe.mp3" type="audio/mpeg">
        <source src="<?php print base_path();?>music/TomDay-WhoWeWantToBe.ogg" type="audio/ogg">
        <source src="<?php print base_path();?>music/TomDay-WhoWeWantToBe.wav" type="audio/wav">
        Ihr Webbrwoser unterstützt das Audio-Element nicht.
    </audio>

如果我做这样的更改<audio id="audioplayer" autoplay preload="auto" src="<?php print base_path();?>music/TomDay-WhoWeWantToBe.mp3">

使用一些会话集并获取以下项目:

var audio = document.getElementById('audioplayer');
window.onbeforeunload = function () { var testx = audio.currentTime; testx = testx.toFixed(2); sessionStorage.setItem('sct', testx);}
startPoint = sessionStorage.getItem('sct'); 
document.getElementById("audioplayer").src = "<?php print base_path();?>music/TomDay-WhoWeWantToBe.mp3#t=" + startPoint + ""; 

我有一个有点工作的解决方案但是如何在不将src =放入audiotag本身的情况下得到这个?所以我仍然可以有不同的源src文件?并没有更简单的方法来获得更好的结果吗?

0 个答案:

没有答案