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

原则上不同的页面，资源重新加载，音乐的播放会被重置。

要实现音乐的连续播放，可以尝试使用如下的一些方法：

1. 主页面使用frame,

<html>

</frameset>

</html>

实际上是隐藏了music.html，只显示index.html，然后页面切换只是在index.html所在的那个frame发生，而主页面和music页面实际未重新加载。

这样音乐可以连续播放，但缺点是没办法在index.html页面中控制音频播放。

2. 使用Ajax动态加载非音乐部分的页面，使用HTML5 history API来控制浏览器的前后跳转。

history.pushState(null, null, link.href);

在按下浏览器回退时，触发popState事件，

window.addEventListener("popstate", function(e) {//loadPreviousPage();
}

参考链接：

1. http://stackoverflow.com/questions/13928994/continuing-music-playback-even-while-changing-pages

2. http://html5demos.com/history

by iefreer

音乐在不同HTML页面的连续播放问题相关推荐

html 音乐能连续播放吗,音乐在不同HTML页面的连续播放问题
原则上不同的页面,资源重新加载,音乐的播放会被重置. 要实现音乐的连续播放,可以尝试使用如下的一些方法: 1. 主页面使用frame, 实际上是隐藏了music.html,只显示index.html, ...
音乐在html中连续播放,怎么让PPT中背景音乐在多个页面中连续播放
使用PPT幻灯片,有时我们给幻灯片添加了背景音乐,使PPT的效果更好,更能渲染会场的气氛.以下是学习啦小编为您带来的关于PPT中背景音乐在多个页面中连续播放,希望对您有所帮助. PPT中背景音乐在多个 ...
vue不同页面切换,背景音乐连续播放不间断
最近遇到了这样一个需求,就是h5不同页面之间跳转,要求bgm连续播放不间断. 不知道大家是怎么处理的呢? 我之前想的是,在每个页面都写一个audio标签,然后切换页面的时候存一下当前音乐的播放进度,到 ...
网页中插入音乐连续播放
一直很想要这个功能,今天在网上搜索了一下,然后结合自己的思路以及Lvyou的帮助整理了这篇文章. 原理有一种文件叫做asx,这种文件相当于音乐列表文件,我们可以把喜欢听的音乐地址放在这个文件里面,然 ...
PPT里怎么加入边翻页幻灯片边连续播放音乐？
先把全部幻灯片做好,在需要插入声音的幻灯片中,单击"插入/影片和声音/文件中的声音",选择所需的声音文件,在出现"是否需要在幻灯片放映时自动播放声音?"的对话框 ...
适合计算机ppt的音乐,职称计算机辅导：在多张PPT幻灯片中连续播放背景音乐
使用PowerPoint做幻灯片,有时我们需要给所有幻灯片加上背景音乐,来渲染气氛,增强演示效果.但直接使用"插入"菜单栏中的"影片和声音"→"文件中 ...
html5自动播放音乐外链,HTML5 audio 如何实现播放多个MP3音频
标签是HTML5中的新标签,定义声音用于嵌入音频内容,比如音乐或其他音频流.用的比较多音频格式是.mp3. 标签常用属性如下表属性值描述 autoplay autoplay 添加该属性后,音频会 ...
android ios av tv,iOS AVPlayer 实现后台连续播放视频
最近接到一个需求,需要做一个在后台播放视频的功能.折腾了一下,最后总算完成了.因此写一篇文章,介绍下具体的实现步骤,也说说自己遇到的坑,算是总结和记录. 前言当 App 退到后台时,会进入 susp ...
网页嵌入快播播放器并实现服务器视频文件连续播放
上篇我们在网页中(html.jsp.php)嵌入了快播播放器,嵌入代码如下: <object classid="clsid:F3D0D36F-23F8-4682-A195-74C92B ...

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

音乐在不同HTML页面的连续播放问题相关推荐

最新文章

热门文章