HTML5 Website Header & MP3 Player

Completed Posted Mar 13, 2013 Paid on delivery
Completed Paid on delivery

Header 1.0

THE COMPLETE PROJECT BRIEF IS ATTACHED

Summary

This project is to implement a new header on [login to view URL], make any minor changes then implement the header on [login to view URL] 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 [login to view URL]

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

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

On [login to view URL] 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 [login to view URL] 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 [login to view URL]

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 [login to view URL] 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 [login to view URL]

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.

HTML5 iPhone JavaScript

Project ID: #4328122

About the project

17 proposals Remote project Active Mar 21, 2013

Awarded to:

khush1984

Hi Anthony, Thank you for the project!!

$900 AUD in 10 days
(45 Reviews)
6.9

17 freelancers are bidding on average $65360177 for this job

best1

Experts are here, kindly check PM,thanks

$2000 AUD in 30 days
(72 Reviews)
8.8
syneotek

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

$750 AUD in 15 days
(37 Reviews)
7.3
sincosten

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

$700 AUD in 10 days
(38 Reviews)
6.2
Valentina1993

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
(20 Reviews)
5.7
harsh170890

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

$300 AUD in 8 days
(8 Reviews)
4.5
alifinteractive

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
(16 Reviews)
5.3
miniric3

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)
3.9
IceCream90

11111111111111

$1111111111 AUD in 111 days
(2 Reviews)
3.0
binari

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
(3 Reviews)
2.7
sajeesh123

Responsive theme developer

$600 AUD in 12 days
(2 Reviews)
2.4
TCNGraphicExpert

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)
0.0
getveltrod

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
(1 Review)
3.7
Clouditechnology

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
(1 Review)
3.4
jeonara

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)
0.0