Cool Audio Player In Pure JavaScript

Category: Javascript | August 5, 2016
Views Total:4,243 views
Official Page:Go to website
Last Update:August 5, 2016


Cool Audio Player In Pure JavaScript


A pretty cool and easy-to-use audio player built using pure JavaScript and plain HTML/CSS.

How to use it:

Just add JS and CCS code onto your site:

<link rel="stylesheet" href="css/main.css">
<script src="js/main.js"></script>

Create a placeholder element for the audio player.

<div class="player-one"></div>

Initialize the Audio player and done.

initPlayer('.player-one', {
  audioSrc: 'songs/1.mp3',
  imageSrc: 'img/1.jpg',
  title: 'Tobu – Roots',
  date: '24.07.2016',
  description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
}, {
  on: true,
  lineColor: '#e74c3c',
  bg: '#ecf0f1',
  textColor: '#000',

You Might Be Interested In:

One thought on “Cool Audio Player In Pure JavaScript

Leave a Reply