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(); }