xinnks / xns-audio-player

A simple customizable web music player powered by vue & HTMLAudioElement

Home Page:https://xap.jamesinkala.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

xns-audio-player

A persistent audio player powered by vue and some visuals from tailwindcss, v-tooltip, v-progress, vue-ionicons & xns-seek-bar

Demo

xns-audio-player

Adding playlists

To add a new playlist call the addPlaylist() method from within a method or the mounted hook

    ...
        this.addPlaylist({
            title: 'Playlist 1',
            songs: this.demoPlaylist
        })
    ...

Where demoPlaylist is an array of song objects in the following format

{ audio: "link_to_audio_file.mp3", artist: "Artist's name", title: "Song title", album: "album name", cover: "link_to_album_or_song_cover_image.jpg"}

Buy Me A Coffee

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

About

A simple customizable web music player powered by vue & HTMLAudioElement

https://xap.jamesinkala.com/

License:MIT License


Languages

Language:JavaScript 54.2%Language:Vue 38.0%Language:HTML 4.0%Language:CSS 3.9%