Closed

EXTERNALLY EMBEDDABLE HTML5 AUDIO PLAYER

I need an html5 embeddable audio player.

This has to be easy to embed in an external page by someone who has no programming skill, I will put in my website the html snippet to copy in order to embed the player in an external page.

It has to be easy to customize using css.

It has to accept a JSON containing a list of one or more audio files(mp3 or m4a) stored on Amazon S3.

When user clicks on the play button the player has to send an AJAX(post) request to an endpoint I will provide, sending a JSON containing the url of the page on which the player is embedded and the id of the played track(the id will be in the source json); this implementation has to be simple and easy to extend in the future.

I will provide a png explaining the expected base layout and an example JSON.

As an example you can look at Spreaker embeddable player, I expect the same behaviour.

EXAMPLE: Go here: [login to view URL] and click “EMBED”

Here is a recap of the specs I require:

Easy to embed HTML5 audio player.

easy to customize and extend using CSS and JS

Including Play, Pause, Stop, Next and Previous buttons.

Accept playlist with a JSON file

Full responsive and adjustable on the mobile website.

Include progress bar, volume bar and mute button.

Layout according to our attached template.

Support for Chrome, Firefox, Safari, and Edge. Working on both iOS and Android.

Playlist JSON example:

[

{

“id”: “g3444”,

“title”: “Etopia - Gente in cammino”,

“artist”: “Alessandro”,

“cover”: “[login to view URL]”,

“url”: “[login to view URL]”

},

{

“id”: “37yh7”,

“title”: “Parole che giocano”,

“artist”: “Gabriele”,

“cover”: “[login to view URL]”,

“url”: “

https://s3.eu-central-1.amazonaws.com/fortuneapp/music/Parole+che+[login to view URL]”

}

]

ENDPOINT FOR STATS JSON:

[login to view URL]

Expected stats json example:

{

“pageUrl”: “url of the page on which the player is embedded”,

“id”: “id of the track played”

}

Skills: CSS, HTML, HTML5, Javascript, jQuery / Prototype

See more: embeddable live audio player, html5 audio player, html5 audio player fallback, javascript, html5, css 3, html5 audio player flash fallback, html5 audio player javascript, mootools html5 audio player, jquery html5 audio player, html5 audio player fallback flash, flash html5 audio player, html5 audio player flash, simple html5 audio player flash fallback, html5 audio player css, html5 audio player android, html5 audio player iphone, easy html5 audio player

About the Employer:
( 0 reviews ) Italy

Project ID: #16083345

10 freelancers are bidding on average €141 for this job

brianconey

Hi there I am good at video js query plugin I can build your audio play jquery sound node bug min js if you are insteresting in my proposal , please ping me I can work for you

€155 EUR in 3 days
(90 Reviews)
6.3
€30 EUR in 3 days
(95 Reviews)
6.0
SohaibRehman17

Hi sir how are you ..Sir i have 7 years experience with your project skills i can provide you quality work on time...Can you please come to the chat box so we can easily discuss about project details.. Thank you More

€140 EUR in 3 days
(43 Reviews)
5.5
theclientisking

Hi! I understand that you want an HTML5 audio player that can be easily embedded in an external website. Drop me a line so we can start discussing one-on-one. Thanks.

€265 EUR in 10 days
(27 Reviews)
5.4
PHPsoldier

Dear Sir, Expert programmer here. I can do it. Please take a look at my reviews. Thanks.....................

€100 EUR in 5 days
(84 Reviews)
6.1
SilentStarMagic

Hi! I am an expert. If you want to fast and good results, you can hire me. Please contact me. Thank you.

€155 EUR in 3 days
(10 Reviews)
5.0
€155 EUR in 3 days
(8 Reviews)
5.0
€155 EUR in 3 days
(11 Reviews)
4.7
€200 EUR in 7 days
(4 Reviews)
2.6
workesey

A proposal has not yet been provided

€55 EUR in 2 days
(0 Reviews)
0.0