Epico is a responsive customizable HTML 5 Audio Player that supports multiple layouts (desktop & mobile) made with pure JavaScript & CSS and supported by almost any browser, the player support playlist mode and you can customize almost everything you like from icons, colors and more.
Usage
How to use
1) link the CSS , javascript and the icons (fontawsome) files
<head>
<link rel="stylesheet" href="dist/style/main.min.css">
<link rel="stylesheet" href="dist/style/font-awsome/css/all.min.css">
<script src="dist/index.js"></script>
</head>
2) make your player setup inside a script tag below
<script>
var player = new AudioPlayer({
divId: "player",
layout : "footer",
audios: [
{
title: "Depressed",
artist: "Eminem",
image: 'image.jpg',
album: 'Music To Be murdered',
source: "audio.mp3"
},
{
title: "Beach",
artist: "NCS",
image: 'image2.jpg',
album: 'Unknown',
source: "audio2.mp3"
}
]
});
</script>
<head>
<link rel="stylesheet" href="dist/style/main.min.css">
<link rel="stylesheet" href="dist/style/font-awsome/css/all.min.css">
<script src="dist/index.js"></script>
</head>
<script>
var player = new AudioPlayer({
divId: "player",
layout : "footer",
audios: [
{
title: "Depressed",
artist: "Eminem",
image: 'image.jpg',
album: 'Music To Be murdered',
source: "audio.mp3"
},
{
title: "Beach",
artist: "NCS",
image: 'image2.jpg',
album: 'Unknown',
source: "audio2.mp3"
}
]
});
</script>