Player 56s is simple in use web audio-player with a playlist, responsive design
and ability to enable minimalistic view mode.
Player 56s was made for an international art community and a record label
56stuff.com and published as open-souce with
the permission of the company.
Player 56s based on Jouele web player
by Ilya Birman and Evgeniy Lazarev. I have been inspired by simplicity and style
of their project. Thank you guys.
Dependencies and testing
Application requires jQuery
Has been tested with jQuery from v1.9.0 to v3.1.1
and jPlayer from v2.5.0 to 2.9.2.
Platforms and browsers support the same as jPlayer.. in theory. 🙂
Do not forget to put player56s_sprite.png file to the same directory
where ‘player56s.css’ placed.
bower install player-56s
npm install player-56s
Just add anchor tag with class ‘player56s’ to page html, put audio file url
to the ‘href’ attribute and add track title in tag content. It will become
a default player without playlist.
Ilya Birman – News
You can place author name to the track title with dividing it from track name
by minus (-) or medium dash (—).
You can add several tracks to one player. Add to two or more anchors atrribute
‘rel’ with the same value. It will become one player with ability to switch
Yellowhead – Vests Must Be Used
Yellowhead – Cabin Pressure
Swich player to the minimalistic view with adding ‘minimal’ css class to the
anchor and attribute ‘data-length’ with length of track in format ‘M:SS’.
Idiosync – Atelier
It works only for single track.
Create your feature branch (git checkout -b my-new-feature)
Commit your changes (git commit -am ‘Add some feature’)
Push to the branch (git push origin my-new-feature)
Create new Pull Request
Feel free to use code of the project as you want,
or make pull requests.