原则上在不同的页面间互相跳转时,资源会再次读取typecho背景音乐mp3,背景音乐的播放会被重置。

  要实现背景音乐的连续播放,可以尝试使用如下的一些简略方式:

  「一」使用框架实现

  原理:在主页(index.html)中添加两个框架,一个框架(music.html)播放音乐并设置为掩藏,另一个页面(main.html)为想要显示的页面,并删掉播放控件。

  主页代码:

  

  音乐部份代码:

  

  实际上是掩藏了music.html,只显示main.html,然后页面切换也是在main.html所在的那种frame发生,而主页面跟music页面实际未再次读取。

  这样音乐可以连续播放,但劣势是没办法在index.html页面中控制音频播放typecho背景音乐mp3,且框架iframe引用对搜索引擎排名有负面影响,尤其是引用外部内容。因为iframe对搜索引擎来说是不友好元素,可以使引擎看见的东西跟外部看见的不一样。所以iframe内容不会被当成页面内容。

  「二」使用Ajax或其他方法实现

  使用ajax跟history.pushState无刷新改变页面URL

  通过history.pushState无刷新改变url

  知乎-页内跳转时不间断播放

  框架参考博文链接:

  HTML5中多页面实现背景音乐的连续播放

  音乐在不同HTML页面的连续播放问题

最后修改:2020 年 12 月 26 日 07 : 38 AM
如果觉得我的文章对你有用,请随意赞赏