https://github.com/dymio/player-56s

Web audio-player with playlist and minimalistic view as option
https://github.com/dymio/player-56s

audio-player jplayer jquery js web

Last synced: 3 days ago
JSON representation

Web audio-player with playlist and minimalistic view as option

• Host: GitHub
• URL: https://github.com/dymio/player-56s
• Owner: dymio
• License: mit
• Created: 2017-03-03T05:39:45.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-03-03T17:04:21.000Z (over 7 years ago)
• Last Synced: 2024-10-18T18:24:12.971Z (27 days ago)
• Topics: audio-player, jplayer, jquery, js, web
• Language: JavaScript
• Size: 38.1 KB
• Stars: 16
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Player 56s

==========

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](http://www.56stuff.com/) and published as open-souce with

the permission of the company.

Player 56s based on [Jouele](https://github.com/ilyabirman/Jouele) web player

by Ilya Birman and Evgeniy Lazarev. I have been inspired by simplicity and style

of their project. Thank you guys.

[Demo page](http://static.dymio.net/player-56s/demo/).

Dependencies and testing

------------------------

Application requires [jQuery](https://jquery.com/)

and [jPlayer](http://jplayer.org/).

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. :)

Installation

------------

### HTML

    

    

    

    

    

    

Do not forget to put player56s_sprite.png file to the same directory

where 'player56s.css' placed.

### via [Bower](https://bower.io/)

    bower install player-56s

### via [npm](https://www.npmjs.com/)

    npm install player-56s

Usage

-----

### Single track

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 (`—`).

### Several tracks

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

tracks.

    Yellowhead - Vests Must Be Used

    Yellowhead - Cabin Pressure



### Minimalistic view

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.

Contributing

------------

1. Fork it

2. Create your feature branch (`git checkout -b my-new-feature`)

3. Commit your changes (`git commit -am 'Add some feature'`)

4. Push to the branch (`git push origin my-new-feature`)

5. Create new Pull Request

Feel free to use code of the project as you want,

[create issues](https://github.com/dymio/player-56s/issues)

or make pull requests.

License

-------

[MIT License](LICENSE).