Question

我在 index.php ：

中有这个html

<a href="other.php">other</a>

<audio id="music" controls>
    <source src="music/music.mp3" type="audio/mpeg">
</audio>

即使点击 other.php ，我也需要播放音频。但是当我点击时，我想在 index.php 上停止播放音乐。一些想法？

Answer 1

window.onbeforeunload属性允许您注册在用户离开页面时运行的函数。

<audio>元素有currentTime property，告诉您到目前为止播放了多少音频文件。如果将其设置为新时间，音频元素将跳到媒体文件中的该点（尽管我认为您必须等到文件加载完毕）。

您可以使用cookies将数据从JavaScript保存到用户的浏览器，并在支持的情况下HTML5 Local Storage。

所以 - 您可以在index.php上设置window.onbeforeunload处理函数，将音频元素的currentTime保存到cookie或本地存储中，然后设置window.onload处理函数other.php读取保存的currentTime并将其写入那里的音频元素。

会有错误。但它应该可以使它工作，给予或采取。