iWeb for Musicians

HTML5 Audio Player in a Box with Fallback to Flash

Main Navigation:

 

© Roddy McKay 2011- All Rights Reserved

Next Page

These players are created using HTML that includes CSS styling for the player and text with links to the player assets and song file on the server.


In this case the preload function is turned off so that the webpage will download faster - particularly on iOS devices like the iPhone.


Note how preload - the light blue bar - doesn't happen until the player is turned on.


All the players are in each stack are in one HTML Snippet and share the same setup javascript and other assets to cut down on the amount of code on the page. One player in a stak will turn off as the other is turned on just like a playlist player.

iPhone Compatible Power Stax

Order Your Power Stax Today

* Only $50 plus shipping & handling - batteries included *

A single song version of the player with song title and artist name.

The container is made high enough for the popup volume control to operate correctly.