How to make static fixed HTML element on every page of site?
I mean – for example, it is music player on site. It’s displaying in corner of page, and while navigating on site – it doesn’t reload.
Also, If you open many pages of site (different tabs) than state of this element is the same on all pages. (If I change something in this element on one page – it’s changed on every page).
For real example I can provide a link (I think, it’s allowed to do this on this site):
http://www.jamendo.com/en/album/40689
If you click “Play” – music player is opened. If you open other artist in other window – two players will be the same. If you have changed volume in one window – volume is changed in other too.
What techniques are used here? Can you give some references to read about such technologies?
Hopefully the site is working the same as it was when you posted the link…
This site is using Flash which seems to be using LocalConnection and ExternalInterface. The Flash object in the popup is the one actually playing the music. The controls on the page are calling a Flash object on the page which just sends commands to the popup.