Awesome Open Source
Awesome Open Source

HTML5 Web Audio API Showcase

Screenshot of the Project

Demo of the showcase

... can be found at

How to use

  1. Select an audio file
  2. Press "Play song"
  3. Modify the volume by scrolling on the circle canvas
  4. Enjoy!


  • no external libraries, pure Javascript
  • audio visualization with the spectrum of the played sound
  • volume by scrolling on the circle
  • elapsed and remaining time of the playback
  • filename displayed at the top of the circle (animates if it is too long)
  • build with Material Design (not for the circle because shadows are too resource-intense)



lastest GPL-license (see LICENSE-file)

Copyright (C) 2015 NIPE-SYSTEMS,

Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,072,919
Html5 (246,103
Web (37,375
Visualization (15,312
Canvas (10,690
Scrolling (3,667
Fancy (1,746