How do soundcloud keep music playing on when navigating?

ajax url soundcloud
KwiZ picture KwiZ · Aug 28, 2013 · Viewed 9.2k times · Source

I'm wondering how soundcloud can play music seamlessly when navigating between pages. It's possible that they use Ajax cuz the top bar seems not to reload when navigating but i see the URL changes. Is there any way to load content using Ajax and set the URL to another one?

Answer

Misha Reyzlin picture Misha Reyzlin · Aug 28, 2013

HTML5 has introduced a new API, called HTML5 History API. You can read about using it here – http://diveintohtml5.info/history.html

This API lets you update browser address bar with JavaScript, so you can change the contents of the page according to the URL. The use of AJAX doesn't really have to do with UI changes, you could check the networks tab in Chrome's developer tools to see that requests are issued with XHR.

Related questions

Modify Address Bar URL in AJAX App to Match Current State

I'm writing an AJAX app, but as the user moves through the app, I'd like the URL in the address bar to update despite the lack of page reloads. Basically, I'd like for them to be able to bookmark at …

Read More
JQuery Ajax adding hash in the url

I have this code here that uses struts2-jquery plugin <h4>Choose A task</h4> <ul> <s:url value="views/ajaxvalidation.jsp" var="ajaxvalidation" > <s:param name="menuId" value="1"/> </…

Read More
Disable same origin policy in Chrome

Is there any way to disable the Same-origin policy on Google's Chrome browser?

Read More