vLitejs - HTML5 audio

HTML5 provider

by yoriiis

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vlitejs@4/dist/vlite.css">
<script src="https://cdn.jsdelivr.net/npm/vlitejs@4"></script>
<audio id="player" src="https://yoriiis.github.io/cdn/static/vlitejs/demo-audio-html5.mp3"></audio>

JavaScript

new Vlitejs('#player', {
	options: {
		controls: true,
		autoplay: false,
		playPause: true,
		progressBar: true,
		time: true,
		volume: true
  	},
	onReady: function (player) {
 		console.log(player)

		player.on('play', () => console.log('play'))
		player.on('pause', () => console.log('pause'))
		player.on('progress', () => console.log('progress'))
		player.on('timeupdate', () => console.log('timeupdate'))
		player.on('volumechange', () => console.log('volumechange'))
		player.on('ended', () => console.log('ended'))
  	}
});