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”
}
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
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.