zAudio is an easy to use, simple and modern JavaScript audio player based on the HTML5’s audio element. It is made using just pure HTML,CSS3 and JavaScript. no dependencies on third party frameworks or libraries.

Features

  • Compatible with Mobile and Desktop browsers.
  • Mini-Player mode.
  • Responsive Layout.
  • Playlist support.
  • Streaming media support.
  • Option to change the player's primary color.
  • Shuffle option for the playlist mode to randomly play tracks.
  • Autoplay option.

Usage [ Native Js Version ]

Step 1 : Link zaudio.css in your header.
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="dist/zaudio.css">

	</head>
Step 2 : Load the zAudio.js in a script tag.
	<script src="dist/zaudio.min.js" charset="utf-8"></script>
Step 2 : Load the zAudio.js in a script tag.
var player = new zAudio(
{
divId:'player-id',
autoplay:false,
miniplayer:true,
shuffle : false,
color:'#6D185C'
}, 
[{
title:"Song Title",
artist:'Artist',
albumArturl:'http://exmaple.com/albumart.jpg',
url:'http://example.com/audio.mp3'
}]);
    </script>

Message Us