https://github.com/73rhodes/bbplayer

A sleek HTML5 audio player with playlists.
https://github.com/73rhodes/bbplayer

audio html5-audio-player javascript

Last synced: 6 months ago
JSON representation

A sleek HTML5 audio player with playlists.

• Host: GitHub
• URL: https://github.com/73rhodes/bbplayer
• Owner: 73rhodes
• License: mit
• Created: 2013-02-27T15:44:32.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2023-07-23T22:23:17.000Z (almost 3 years ago)
• Last Synced: 2024-10-27T21:53:15.210Z (over 1 year ago)
• Topics: audio, html5-audio-player, javascript
• Language: JavaScript
• Homepage: http://73rhodes.github.io/bbplayer
• Size: 4.31 MB
• Stars: 74
• Watchers: 8
• Forks: 16
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

          
[![DeepScan grade](https://deepscan.io/api/projects/3278/branches/27825/badge/grade.svg)](https://deepscan.io/dashboard#view=project&pid=3278&bid=27825)



bbplayer

============

A Modern, Minimalist HTML5 Audio Player

[![bbplayer](https://lh3.ggpht.com/-tC8Zj6Bpg04/UcMquJhtiLI/AAAAAAAABgI/cXg6RtQrgMc/s1600/bbplayer.png)](http://73rhodes.github.io/bbplayer)

About

-----

bbplayer is a minimalist HTML5 Audio player. With bbplayer you can:

  * make a playlist of tracks

  * design your own buttons or use the ones included

  * put several bbplayers on a page that play one at a time

  * support all browsers with MP3 and OGG formats

bbplayer uses CSS classes. Start with a `bbplayer` class containing controls

like `bb-rewind`, `bb-play`, `bb-forward` and `bb-trackTime`. Inlude the 

HTML5 `audio` element; bbplayer takes care of the rest.

Include your choice of stylesheet.

```html

```

Add HTML elements for bbplayer.

```html



  

  

  

  

  

  

  

    

    

    

    

  



```


To automatically start playing on load, use ``.

Then include **bbplayer.js**:

```html

```

See **bbplayer.html** or visit http://73rhodes.github.io/bbplayer for an example.

FAQ

---

_Why is it called bbplayer?_

I made it for my piano teacher's web site, brianbrowne.com.

_Does it have Flash fallback?_

Nope.

_How do I enable continual looping?_

Use ``.

_How do I enable autoplay?_

Use ``.