首页 > 网易音乐切换页面但是播放保持流畅的这种技术是如何实现的呢?

网易音乐切换页面但是播放保持流畅的这种技术是如何实现的呢?

如题,很多网站都是这样的.


ajax


网易云音乐是一个主页面里开了若干个iframe,播放音乐的那个iframe一直不关闭即可,页面切换就是多个iframe在切换,且它们之间是可以直接通信的;
手机端h5页面用的是SPA单页技术,切换页面只是html页面的局部改变,不刷新,所以可以一直音乐可以一直播放下去


我记得是用的frame,你可以看下代码


跟ajax没关系,用控制台看了基本没发生ajax请求。
网易云音乐的主文档只有导航和播放器,中间内容部分是个iframe;点击链接当前页面根本没发生跳转,请求的只是iframe中的内容(留意URL里都有个#,应该是通过hash值控制iframe请求的内容),所以播放不会中断。
至于添加歌曲到播放器,或者播放器里的歌曲添加到收藏集,也许是用的postMessage,没认真看。

【热门文章】
【热门文章】