{"id":19668189,"url":"https://github.com/dymio/player-56s","last_synced_at":"2025-04-29T00:30:29.102Z","repository":{"id":57325808,"uuid":"83761757","full_name":"dymio/player-56s","owner":"dymio","description":"Web audio-player with playlist and minimalistic view as option","archived":false,"fork":false,"pushed_at":"2017-03-03T17:04:21.000Z","size":39,"stargazers_count":16,"open_issues_count":1,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-16T08:39:30.263Z","etag":null,"topics":["audio-player","jplayer","jquery","js","web"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dymio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-03-03T05:39:45.000Z","updated_at":"2024-04-26T18:43:46.000Z","dependencies_parsed_at":"2022-09-21T01:50:56.849Z","dependency_job_id":null,"html_url":"https://github.com/dymio/player-56s","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymio%2Fplayer-56s","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymio%2Fplayer-56s/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymio%2Fplayer-56s/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dymio%2Fplayer-56s/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dymio","download_url":"https://codeload.github.com/dymio/player-56s/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251410151,"owners_count":21584973,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["audio-player","jplayer","jquery","js","web"],"created_at":"2024-11-11T16:34:45.227Z","updated_at":"2025-04-29T00:30:28.863Z","avatar_url":"https://github.com/dymio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Player 56s\n==========\n\nPlayer 56s is simple in use web audio-player with a playlist, responsive design\nand ability to enable minimalistic view mode.\n\nPlayer 56s was made for an international art community and a record label\n[56stuff.com](http://www.56stuff.com/) and published as open-souce with\nthe permission of the company.\n\nPlayer 56s based on [Jouele](https://github.com/ilyabirman/Jouele) web player\nby Ilya Birman and Evgeniy Lazarev. I have been inspired by simplicity and style\nof their project. Thank you guys.\n\n[Demo page](http://static.dymio.net/player-56s/demo/).\n\n\nDependencies and testing\n------------------------\n\nApplication requires [jQuery](https://jquery.com/)\nand [jPlayer](http://jplayer.org/).\n\nHas been tested with jQuery from v1.9.0 to v3.1.1\nand jPlayer from v2.5.0 to 2.9.2.\n\nPlatforms and browsers support the same as jPlayer.. in theory. :)\n\n\nInstallation\n------------\n\n### HTML\n\n    \u003c!-- Add dependencies: jQuery and jPlayer --\u003e\n    \u003cscript src=\"https://code.jquery.com/jquery-2.2.4.min.js\"\u003e\u003c/script\u003e\n    \u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/jplayer/2.9.2/jplayer/jquery.jplayer.min.js\"\u003e\u003c/script\u003e\n\n    \u003c!-- Add player 56s code and style files --\u003e\n    \u003clink href=\"player56s.css\" rel=\"stylesheet\"/\u003e\n    \u003cscript src=\"player56s.min.js\"\u003e\u003c/script\u003e\n\nDo not forget to put player56s_sprite.png file to the same directory\nwhere 'player56s.css' placed.\n\n### via [Bower](https://bower.io/)\n\n    bower install player-56s\n\n\n### via [npm](https://www.npmjs.com/)\n\n    npm install player-56s\n\n\nUsage\n-----\n\n### Single track\n\nJust add anchor tag with class 'player56s' to page html, put audio file url\nto the 'href' attribute and add track title in tag content. It will become\na default player without playlist.\n\n    \u003ca href=\"audios/birman_news.mp3\" class=\"player56s\"\u003eIlya Birman - News\u003c/a\u003e\n\n\u003cimg src=\"http://static.dymio.net/player-56s/screens/player_56s_s_single.png\"\u003e\n\nYou can place author name to the track title with dividing it from track name\nby minus (`-`) or medium dash (`\u0026mdash;`).\n\n\n### Several tracks\n\nYou can add several tracks to one player. Add to two or more anchors atrribute\n'rel' with the same value. It will become one player with ability to switch\ntracks.\n\n    \u003ca href=\"audios/yh_vests.mp3\" class=\"player56s\" rel=\"group1\"\u003eYellowhead - Vests Must Be Used\u003c/a\u003e\n    \u003ca href=\"audios/yh_cabin.mp3\" class=\"player56s\" rel=\"group1\"\u003eYellowhead - Cabin Pressure\u003c/a\u003e\n\n\u003cimg src=\"http://static.dymio.net/player-56s/screens/player_56s_s_playlist.png\"\u003e\n\n\n### Minimalistic view\n\nSwich player to the minimalistic view with adding 'minimal' css class to the\nanchor and attribute 'data-length' with length of track in format 'M:SS'.\n\n    \u003ca href=\"audios/ios_atelier.mp3\" class=\"player56s minimal\" data-length=\"4:33\"\u003e\n      Idiosync - Atelier\n    \u003c/a\u003e\n\n\u003cimg src=\"http://static.dymio.net/player-56s/screens/player_56s_s_minimalistic.png\"\u003e\n\nIt works only for single track.\n\n\nContributing\n------------\n\n1. Fork it\n2. Create your feature branch (`git checkout -b my-new-feature`)\n3. Commit your changes (`git commit -am 'Add some feature'`)\n4. Push to the branch (`git push origin my-new-feature`)\n5. Create new Pull Request\n\nFeel free to use code of the project as you want,\n[create issues](https://github.com/dymio/player-56s/issues)\nor make pull requests.\n\n\nLicense\n-------\n\n[MIT License](LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdymio%2Fplayer-56s","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdymio%2Fplayer-56s","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdymio%2Fplayer-56s/lists"}