https://github.com/likev/html5-audio-player

html5 audio player(with playlist) forked from @k-ivan
https://github.com/likev/html5-audio-player

html5-audio html5-audio-player

Last synced: about 1 year ago
JSON representation

html5 audio player(with playlist) forked from @k-ivan

• Host: GitHub
• URL: https://github.com/likev/html5-audio-player
• Owner: likev
• License: other
• Created: 2016-03-26T11:35:52.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2020-12-27T15:12:18.000Z (over 5 years ago)
• Last Synced: 2023-08-11T09:29:52.177Z (almost 3 years ago)
• Topics: html5-audio, html5-audio-player
• Language: JavaScript
• Homepage: https://likev.github.io/html5-audio-player/
• Size: 6.27 MB
• Stars: 72
• Watchers: 6
• Forks: 40
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: license.txt

Awesome Lists containing this project

README

          
# html5-audio-player

## 1. introduce

html5 audio player(with playlist) using flexbox, svg, css animations and  js api.

forked from @k-ivan at http://codepen.io/k-ivan/pen/pJMLmJ

demo: [html5-audio-player](https://likev.github.io/html5-audio-player/ 'html5-audio-player demo')

![html5-audio-player-screenshot](html5-audio-player.png)

## 2. how to use

1. insert Google Material Icons and AudioPlayer.css before ``

2. insert AudioPlayer.js before `

      

     


    

    

    

        // test image for web notifications

        var iconImage = null;

        AP.init({

            container:'#player',//a string containing one CSS selector

            volume   : 0.7,

            autoPlay : true,

            notification: false,

            playList: [

                {'icon': iconImage, 'title': 'Try Everything', 'file': 'mp3/try-everything.mp3'},

                {'icon': iconImage, 'title': 'Let It Go', 'file': 'mp3/let-it-go.mp3'}

          ]

        });