html5 – 即使在更改页面的同时继续播放音乐

前端之家收集整理的这篇文章主要介绍了html5 – 即使在更改页面的同时继续播放音乐前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
SoundCloud是一个令人惊奇的网站,利用HTML5和Backbone.js。唯一的事情是,我找不到他们使用什么技术,允许音乐在改变页面时继续播放。

他们使用什么技术来让音频流播放?

解决方法

事实是,您不加载新页面,但内容是通过AJAX加载的。

页面然后使用HTML5历史记录API来添加使用浏览器的向后和向前按钮导航的可能性。

我通过阅读和尝试以下两个资源开始了这个话题:

http://diveintohtml5.info/history.html
http://html5demos.com/history

最简单的方法是通过AJAX加载和替换当前内容,然后调用

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

为了添加当前显示页面的历史记录条目。

如果您现在按下返回按钮,浏览器将不会加载上一页,而是触发事件popState。这可以用于使用AJAX或存储在JavaScript变量中的信息来恢复上一页

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

猜你在找的HTML5相关文章