HTML5 Website Header & MP3 Player

In Progress

Header 1.0



This project is to implement a new header on [url removed, login to view], make any minor changes then implement the header on [url removed, login to view] and remove the existing player at the bottom of the site.

The header should be html5 and includes a music player. The music player should display properly on mobile devices including iphones and ipads. So all features are available on mobile devices.

All PSD files will be provided.

Basic Links

The Logo, My Pulse, Music, Words, Events, Search, the Cart, Join and Login link to the same existing pages already online. The links are mostly grey and should be white on hover. On click these should have the black background (show in the Player Link below).

Clicking on More will open smoothly the same as clicking More on this site [url removed, login to view]

It’s important the javascript animation is the same as on [url removed, login to view] because it’s very user friendly.

A close link and clicking on More again will close the header.

On [url removed, login to view] when the sub-menu appears, the body content moves down. If possible we would like to keep this feature when the menus are expanded.

Music Player – No Music Playing

The default play button should be grey because no music has been added to the player. Clicking on this should redirect the user to [url removed, login to view] so they can select an mp3.

Music Player – Clicking Play

When a user clicks play on an mp3 anywhere in the site, the music should be added to the player but the player should stay minimized. Additional plays for other mp3 should keep the player minimized.

Music Player – Clicking on ‘Player’

Clicking on Player should expand the player with the same motion as on [url removed, login to view]

The same functions as on the existing player should be the same

Music Player – Controls

The volume controller should be very smooth. Very similar to [url removed, login to view] where the hand appears and the volume controller moves smoothly. Share, Like and Download should work as they do now, and the download link should work properly when mp3 are available for download.

Music Player – Wav Images

The existing wav images will have to be deleted and new images generated. The only change is the colours should be different. Again, there will be a default image and unique wav images displayed when these have been generated.

Music Player – Multiple Mp3 Queued

When an mp3 is playing and another is queued, a second row of music should appear.

This further expansion should be automatic when the player is open – again very smooth like [url removed, login to view]

Or if the player is minimized then these will display when clicking on ‘Player’.

Music Player – Keep Existing Functions

The existing player allows music to be dragged and dropped and this should be the same

The existing player has a play button on mp3 image hover this should be the same

The current playing mp3 should appear brighter as it does with the existing player

Music Player – New Play Function

Dragging the music on top of the existing mp3 that is playing, should replace the current mp3 with the new mp3 and the new mp3 should start playing. The queue should adjust so the queue adjusts to close the space where the music was removed. Again it would be really good if the queue adjusting was smooth and animated to create a nice visual effect.

Music Player – Queue Scroller

This is not shown in the desings, but in the case of many mp3 queued, then the music will be larger than the header width. A grey scroller should appear below the music queue. The style should be the same as the volume slider but in grey. This should display when the queue is large and hide when the queue is small.

Very Top Links

These are straight forward links to pages that are being created now. URLS will be provided.

Skills: HTML5, iPhone, Javascript

See more: top animation website, psd to html automatic, psd desings, on top mp3, online logo animation, online animation logo create, motion logo online, motion animation website, make slider for website, make an animation online, html5 play, html5 link, html5 button, hide my search, desings logo, create small logo online, create psd logo online, create online website header logo, create online logo with my image, create online logo pulse, create online logo animation, create motion logo online, create logo online mobile, create logo online and download, create logo no background online

About the Employer:
( 410 reviews ) Sydney, Australia

Project ID: #4328122

Awarded to:


Hi Anthony, Thank you for the project!!

$900 AUD in 10 days
(12 Reviews)

18 freelancers are bidding on average $61729098 for this job


Experts are here, kindly check PM,thanks

$2000 AUD in 30 days
(36 Reviews)

Hi, Please check private message.

$750 AUD in 20 days
(6 Reviews)

Hello, Greetings!! iPhone/iPad/Android/php expert ready to start immediately, Please check PM for detail information. Thanks

$750 AUD in 15 days
(4 Reviews)

Hi, We have a dedicated team with 7 years of experience on PHP/MySQL, Ajax, Jquery, HTML, CSS, Javascript, Java/J2EE. Also having much experience on framework and CMS like 1) CakePHP 2) CodeIgniter 3) Zendframew More

$750 AUD in 10 days
(5 Reviews)

Hello Respected Client, I have Read your requirements and we are very experience in this concept. Please check Message Board for more details. Thank you !

$500 AUD in 12 days
(3 Reviews)

on2itonline: Hi, KIWI Team here at on2itonline would love to work for you on this project, we do "full service" websites on a clear and fixed budget. We have lots of offer that others don't, like our li More

$650 AUD in 21 days
(1 Review)

Hi, Veltrod Software services is a global software consulting company specialized in providing Mobile applications, Social media frameworks and eCommerce solutions. Leveraging best-in-class people, processes, and te More

$700 AUD in 30 days
(6 Reviews)

Respected Client, Please check PMB for listing and confident to complete the project with quality services.. Best Regards

$700 AUD in 10 days
(3 Reviews)

hi sir/mam,rnwe here at Codomotive are really interested in your project.rnwe have highly trained and motivated developers/designers at our helm who would be more than glad to help you out with your project.rnThank You More

$900 AUD in 25 days
(4 Reviews)


$1111111111 AUD in 111 days
(2 Reviews)

HELLO,I have gone through your project requirements and I would like to discuss more, We are team of professional we can handle your project easily

$750 AUD in 30 days
(1 Review)

Hi, I have expertise in developing Mobile / web apps of similar nature. after investigating the given requirement and on further discussion I can do it smoothly within time frame. Thanks in advance

$700 AUD in 10 days
(0 Reviews)

Hi Greetings, I am excited to work in this project. I read the scope and I am confident to build an app that meets all your mentioned requirements. I assure that you will not regret for selecting me Please ch More

$250 AUD in 10 days
(0 Reviews)

Dear Sir We are very experienced web development company providing high quality and cost effective web development services using latest technologies - and PHP. Specialization in Drupal, Wordpress, Joomla More

$625 AUD in 22 days
(0 Reviews)

Responsive theme developer

$600 AUD in 12 days
(0 Reviews)

Hi. Got your requirements. Interested in the project. Please check PM

$300 AUD in 8 days
(0 Reviews)

It's an easy task for us.We have gone through your requirements and we are ready to start the work immediately on your project. Please see the attached list of company's projects. Also please check the PMB.Thanks.

$750 AUD in 35 days
(0 Reviews)

It's an easy task for us. We have gone through the project requirements and may start working on it immediately. Please check PM for complete details.Thanx.

$700 AUD in 20 days
(0 Reviews)

Tiata Graphics Expert is very professional in this field and you can trust us we are capable to do your job.

$700 AUD in 10 days
(0 Reviews)