javascript - Myspace如何在不停止音乐播放的情况下刷新页面?

标签 javascript jquery html html5-audio myspace

我已经使用新的 Myspace 有一段时间了,我对他们的设计感到非常惊讶。它非常优雅,并且利用了许多 HTML5 功能。然而,对我来说,有一件事比任何其他功能都更重要,那就是您可以在不停止音乐播放的情况下浏览 myspace。几天前我在听音乐时注意到这一点,我更改了页面,音乐播放器无法重新加载。即使页面正在刷新,它也会保持在固定位置,并且音乐仍然会播放。即使您注销,当您重新登录时,音乐播放器也会在您离开时播放您正在听的最后一首歌曲。
长话短说,我的问题是:他们是如何实现这一目标的?我猜他们在播放时将当前轨道位置保存在 cookie 变量或本地存储中,但是音乐播放器呢?为什么在浏览 myspace 时它不会停止播放歌曲?他们是否使用任何 html5 功能来执行此操作?
*注意:我正在检查他们的代码,因为我认为他们正在使用 jquery.load() 函数,但没有找到任何痕迹

最佳答案

感谢 @putvande 提供的见解,Myspace 的这一功能是使用 HTML5 History API 来实现的,无需刷新页面即可更改浏览器 URL。将此与 JQuery $.ajax 结合可以产生 myspace、github 和 facebook 中所示的效果。 “arundavid”对此链接有很好的解释:tinywall.info

关于javascript - Myspace如何在不停止音乐播放的情况下刷新页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17863142/

相关文章:

javascript - Selenium Webdriverjs (javascript) 与 chrome

javascript - conn.query结果的访问ID

html - 有条件地改变颜色的 css 类

javascript - 旋转 html5 Canvas 而不重新绘制 Canvas 上的元素

javascript - 将 renderer.clear() 放在 render() 的末尾会使我的场景变黑

javascript - Ajax 就绪状态 3 (Chrome/IE)

javascript - 如何禁用某些控件直到更新成功?

javascript - 卸载前不显示警报

javascript - 单击要提交的行

css - Div CSS 溢出将后续的 div 推低