You can comment, vote, pre-order, and suggest your own features... once you sign in!  Learn more.

Gapless Audio Player

Maker: Rego | see Rego's projects

Submitted: Nov 16, 2015 at 5:30am UTC

I made a gapless JavaScript/CSS audio player for HTML5 that you can demo: 

https://ccrma.stanford.edu/~regosen/gapless5

PROBLEM: There are 2 modern API's for playing audio through the web, and both of them have problems:

  • HTML5 Audio: the last chunk of audio gets cut off, making gapless transitions impossible
  • WebAudio: can't play a file until it's fully loaded

SOLUTION: Use both!

  • If WebAudio hasn't fully loaded yet, it begins playback with HTML5 Audio, then seamlessly switches to WebAudio once loaded.
  • NOTE: Most mobile browsers don't fully support HTML5 Audio objects in js, so we're stuck with only WebAudio in that case.


yesdon't
care
no


Submitted by Maker
1.  
player can have multiple tracks
submitted by Rego
Comment On Feature
2.  
page can have multiple players
submitted by Rego
Comment On Feature
3.  
seamless transitions between tracks
submitted by Rego
Comment On Feature
4.  
pre-loading of subsequent tracks
submitted by Rego
Comment On Feature
5.  
files don't need to be fully loaded to start playback
submitted by Rego
Comment On Feature
6.  
no Flash!
submitted by Rego
Comment On Feature
7.  
should work for Internet Explorer
submitted by Rego
Comment On Feature
8.  
Small interface, like this:

submitted by Rego
Comment On Feature

Submitted by Trendsetters

A.  
should be usable (have big buttons) on mobile devices
submitted by Veena
Comment On Feature

Please sign in to comment.
Vote...
 | add message