{"id":13437629,"url":"https://github.com/73rhodes/bbplayer","last_synced_at":"2025-12-26T13:39:21.942Z","repository":{"id":65850632,"uuid":"8459260","full_name":"73rhodes/bbplayer","owner":"73rhodes","description":"A sleek HTML5 audio player with playlists.","archived":false,"fork":false,"pushed_at":"2023-07-23T22:23:17.000Z","size":4516,"stargazers_count":74,"open_issues_count":9,"forks_count":16,"subscribers_count":8,"default_branch":"master","last_synced_at":"2024-10-27T21:53:15.210Z","etag":null,"topics":["audio","html5-audio-player","javascript"],"latest_commit_sha":null,"homepage":"http://73rhodes.github.io/bbplayer","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/73rhodes.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2013-02-27T15:44:32.000Z","updated_at":"2024-08-13T03:48:57.000Z","dependencies_parsed_at":"2024-03-11T16:36:01.069Z","dependency_job_id":"0ebefee6-162c-4e53-b222-3f14dd384a59","html_url":"https://github.com/73rhodes/bbplayer","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/73rhodes%2Fbbplayer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/73rhodes%2Fbbplayer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/73rhodes%2Fbbplayer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/73rhodes%2Fbbplayer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/73rhodes","download_url":"https://codeload.github.com/73rhodes/bbplayer/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244371335,"owners_count":20442354,"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","html5-audio-player","javascript"],"created_at":"2024-07-31T03:00:58.833Z","updated_at":"2025-12-26T13:39:21.928Z","avatar_url":"https://github.com/73rhodes.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"[![DeepScan grade](https://deepscan.io/api/projects/3278/branches/27825/badge/grade.svg)](https://deepscan.io/dashboard#view=project\u0026pid=3278\u0026bid=27825)\n\u003ca href=\"https://codeclimate.com/github/73rhodes/bbplayer/maintainability\"\u003e\u003cimg src=\"https://api.codeclimate.com/v1/badges/1defc0bcbbf553e0a88b/maintainability\" /\u003e\u003c/a\u003e\n\nbbplayer\n============\n\nA Modern, Minimalist HTML5 Audio Player\n\n[![bbplayer](https://lh3.ggpht.com/-tC8Zj6Bpg04/UcMquJhtiLI/AAAAAAAABgI/cXg6RtQrgMc/s1600/bbplayer.png)](http://73rhodes.github.io/bbplayer)\n\nAbout\n-----\n\nbbplayer is a minimalist HTML5 Audio player. With bbplayer you can:\n  * make a playlist of tracks\n  * design your own buttons or use the ones included\n  * put several bbplayers on a page that play one at a time\n  * support all browsers with MP3 and OGG formats\n\nbbplayer uses CSS classes. Start with a `bbplayer` class containing controls\nlike `bb-rewind`, `bb-play`, `bb-forward` and `bb-trackTime`. Inlude the \nHTML5 `audio` element; bbplayer takes care of the rest.\n\nInclude your choice of stylesheet.\n\n```html\n\u003clink rel=\"stylesheet\" href=\"css/bbplayer.css\"\u003e\n```\n\nAdd HTML elements for bbplayer.\n\n```html\n\u003cdiv class=\"bbplayer\"\u003e\n  \u003cspan class=\"bb-rewind\"\u003e\u003c/span\u003e\n  \u003cspan class=\"bb-play\"\u003e\u003c/span\u003e\n  \u003cspan class=\"bb-forward\"\u003e\u003c/span\u003e\n  \u003cspan class=\"bb-trackTime\"\u003e\u003c/span\u003e\n  \u003cspan class=\"bb-trackLength\"\u003e\u003c/span\u003e\n  \u003cspan class=\"bb-trackTitle\"\u003e\u003c/span\u003e\n  \u003caudio\u003e\n    \u003csource src=\"media/x.mp3\"/\u003e\n    \u003csource src=\"media/x.ogg\"/\u003e\n    \u003csource src=\"media/y.mp3\"/\u003e\n    \u003csource src=\"media/y.ogg\"/\u003e\n  \u003c/audio\u003e\n\u003c/div\u003e\n```\n\nTo automatically start playing on load, use `\u003caudio autoplay\u003e`.\n\nThen include **bbplayer.js**:\n\n```html\n\u003cscript src=\"js/bbplayer.js\"\u003e\u003c/script\u003e\n```\n\nSee **bbplayer.html** or visit http://73rhodes.github.io/bbplayer for an example.\n\nFAQ\n---\n\n_Why is it called bbplayer?_\n\nI made it for my piano teacher's web site, brianbrowne.com.\n\n_Does it have Flash fallback?_\n\nNope.\n\n_How do I enable continual looping?_\n\nUse `\u003caudio loop\u003e`.\n\n_How do I enable autoplay?_\n\nUse `\u003caudio autoplay\u003e`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F73rhodes%2Fbbplayer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F73rhodes%2Fbbplayer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F73rhodes%2Fbbplayer/lists"}