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

发布于 2022-09-02 10:00:55 字数 20 浏览 14 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

糖果控 2022-09-09 10:00:55

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

死开点丶别碍眼 2022-09-09 10:00:55

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

物价感观 2022-09-09 10:00:55

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

情场扛把子 2022-09-09 10:00:55

ajax

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文