Vanilla Audio player

Introduction

This audio player is small javascript library used to play tracks and playlists. It's a snap to setup and works on all modern browsers.Supports all major browsers (Google Chrome, Firefox, Safari, IE 11, Edge)

Installation

install package:

npm i vanilla-audio-player

Import package into your JS file as ES6 module:

import AudioPlayer from 'vanilla-audio-player'

Use Audio player:

new AudioPlayer('your-selector', tracks, options);

new AudioPlayer('.player-1',[    
   {    
      name: 'Song 1',    
      src: '/url/to/your/file.mp3'    
   },    
   {    
      name: 'Song 2',    
      src: '/url/to/your/file.mp3'    
   },    
   {    
      name: 'Song 3',    
      src: '/url/to/your/file.mp3'  
 } ], options);

Use Vanilla lightbox styles (scss):

@import "~vanilla-audio-player/src/scss/app.scss";

HTML markup:

'audio-player' class is used for styles from scss file

<div class="audio-player player-1"></div>

Options

| Name | Meaning | |--|--|
| autoplay | Sets autoplay for player (only works if user have already interacted with site) | | trackList | Adds track list to player |

Track Options

| Name | Meaning | |--|--| | name | Your song title that will be shown in player | | src | Url to your audio file |

Functions

| Name | Meaning |
|--|--|
| destroy() | Destroy AudioPlayer instance |