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

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

1. 主页面使用frame,

实际上是隐藏了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页面的连续播放问题相关推荐

  1. 音乐在html中连续播放,怎么让PPT中背景音乐在多个页面中连续播放

    使用PPT幻灯片,有时我们给幻灯片添加了背景音乐,使PPT的效果更好,更能渲染会场的气氛.以下是学习啦小编为您带来的关于PPT中背景音乐在多个页面中连续播放,希望对您有所帮助. PPT中背景音乐在多个 ...

  2. 适合计算机ppt的音乐,职称计算机辅导:在多张PPT幻灯片中连续播放背景音乐

    使用PowerPoint做幻灯片,有时我们需要给所有幻灯片加上背景音乐,来渲染气氛,增强演示效果.但直接使用"插入"菜单栏中的"影片和声音"→"文件中 ...

  3. 如何用计算机放出音乐,怎么让手机上正在播放的音乐在电脑上播放(直接推送方法)?...

    怎么让手机上正在播放的音乐在电脑上播放(直接推送方法)?手机电量吃紧,即将告罄怎么办?手边有电脑的话,可以继续在电脑上继续听歌哦!这是如何做到的呢?前提是手机上安装有音乐播放软件(推荐酷狗和QQ音乐) ...

  4. android手机播放pc音乐播放器,最强手机音乐播放器?Foobar2K安卓版体验

    说到最强大的PC音乐播放器,相信很多朋友,特别是HiFi发烧友,会把选票投给Foobar2000.的确,在PC平台上,Foobar2000的优势非常巨大.例如它能够自由定制界面,虽然原生界面很简陋,但 ...

  5. arduino下载库出错_【arduino】DIY音乐播放器,arduino播放wav音乐,TRMpcm库测试及使用...

    微信关注 "DLGG创客DIY"设为"星标",重磅干货,第一时间送达. arduino特点库超多,想必大家都领教了,今天来分享一下之前玩过的TRMpcm库. 这 ...

  6. CentOS 6.x 播放 mp3 音乐 —— 成功

    CentOS 6.x 播放 mp3 音乐 -- 成功 参考:http://blog.chinaunix.net/uid-14735472-id-3472898.html centos 6.x  添加 ...

  7. 嵌入式linux下如何尽快播放开机音乐

    今天在考虑如何尽快启动一个应用程序,播个开机音乐什么的. 最开始的启动流程是这样的,bootloader 启动kernel,kernel跑完挂载文件系统, 然后会执行/init,而这个init 是指向 ...

  8. java web 播放音频_使用Java ME以流形式播放Web服务器上的音乐文件

    本文介绍如何使用JavaME在SonyEricssonJava平台6或者更新的电话上,例如W550,W900等,以流形式播放Web服务器上的音乐文件.当然,音乐文件可以使用实时流媒体协议播放,但是这里 ...

  9. Java 添加播放MIDI音乐

         Java 在多媒体处理方面的确优势不大,但是我们在程序中有些时候又需要一些音乐. 如果播放的音乐是wav等波形音频文件,又很大的话,所以背景音乐最好就是MIDI了. 网上很多播放MIDI的教 ...

  10. 听音乐不过瘾?自制一个音乐播放器!| 原力计划

    作者 | 灰小猿 责编 | 夕颜 出品 | CSDN博客 最近在学习C#的GUI编程时想着自制一个播放器,说干就干. 其实C#除了在游戏开发上具有显著优势以外,在winform交互页面设计和web网站 ...

最新文章

  1. SQL 的Over 子句
  2. python路径分隔符_Python:当读取一个没有默认分隔符的文件(包含数百万条记录)并将其放入dataframe (pa-问答-阿里云开发者社区-阿里云...
  3. web项目通过ajax提交数据太大报错
  4. 你与产品经理之间差的才不只是一段代码!
  5. hdu4501——小明系列故事——买年货(多维背包)
  6. vue基础之路由(概念,基本使用,路由规则中定义参数,路由的嵌套,使用路由进行经典布局)
  7. keepalived 邮件通知
  8. vue路由守卫及运用场景
  9. 计算机软件it是什么职业,it行业是什么工作做什么的?属于信息技术产业(工资可观)...
  10. 如何向icloud上传文件_扔掉百度网盘,这两招教你用好 iCloud 分享文件
  11. facebuilder免费版_Face Blender(人脸混合器)V2018 最新免费版
  12. mysql 定义取值范围_MySQL中各种字段的取值范围
  13. android的数据存储(3)(LitePal)
  14. 我的世界刷猪人塔java版_我的世界速攻猪人塔详解 史上最牛的经验塔
  15. 指针数组和数组指针有什么区别?
  16. API网关—Ocelot之负载均衡
  17. adb删除图案锁屏密码
  18. 企业源代码保护,软件公司源代码管理
  19. 将Ubuntu安装到移动硬盘上
  20. 挂名的法定代表人,若公司出事,有责任吗

热门文章

  1. tde数据库加密_如何将TDE加密的用户数据库添加到Always On可用性组
  2. uni - 使用npm
  3. Vue教程:简介(一)
  4. python3基本数据类型02——列表、元组
  5. 清华大学2016年软件学院攻读工程硕士专业学位研究生培养方案
  6. MongoDB学习总结(五) —— 安全认证
  7. sql语句中一些特殊字符的处理
  8. oracle的一些学习
  9. 利用JS+Ajax实现下拉列表无刷联动,及其相关
  10. 给电脑插入安卓手机那么在eclipse的DDMS视图里的Devices没设备信息