Persistent music player

Question

I am working on a project like a music store and i need to implement persistent music player as in ReverbNation. I examined ReverbNation and found that they are using ajax to load central content so that the player is always intact. My project is in opencart and it is almost complete. So i don't want to change hell lot of things and load everything from ajax just for the player. I tried iframe, it works, but the problem is that the url in address bar always remain same. Is it possible to change the url in the address bar for the content loaded in iframes? or is there any good way to implement persistent music player? Please suggest.

Answer 1

I did the similar type of project in opencart using Jplayer (http://ewlsol.com/now/)

You can overwrite the url using iframe

<a href="page" target="_top">Replace parent url!</a>

But this is not the proper solution, If you use Iframe there is no source code available in browser so search engine wont be able crawl your website so using Iframe will be bad Idea.

You need to load the content part by AJAX using jquery load function and put your player in the header or footer so that header and footer portion wont be refreshed and your player will play your music continuously.

Hope this helps