A responsive audio player utilizing the open source jPlayer library and circle player. This player has a playlist that is defined using either JSON or XML and the ability to add static track durations.
JavaScript CSS HTML
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
grunt-tasks
src
.gitignore
.jshintrc
README.md
gruntfile.js
index.html
package.json

README.md

responsive-jPlayer

A responsive audio player utilizing the open source jPlayer library (https://github.com/happyworm/jPlayer) and circle player (https://github.com/maboa/circleplayer). This player has a static playlist that can be defined using XML or JSON. If you choose to use the XML file, an ajax request will be used to get the data and format the playlist object. I added this option since it was the request from the person that asked me to create the skin.

Set Up

  1. npm install
  2. grunt build
  • Update either the src/js/app/playlist.js or .xml file. If you are going to use the XML file, you will need to set the "useJsonPlaylist" variable to false in the src/js/app/app.js file and then run grunt build.
  • The default grunt task will run development tasks and set a watch, so use Chrome and the Live Reload extension for development.

View the live player at http://www.beyondhyper.com/jplayer/

Many, many thanks to Mark Panaghiston (@thepag) for such a great framework!