原则上在不同的页面间互相跳转时,资源会再次读取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页面的连续播放问题