Awesome Open Source
Awesome Open Source

HTML5 Web Audio API Showcase

Screenshot of the Project

Demo of the showcase

... can be found at https://h3ndrk.github.io/html5-web-audio-showcase/.

How to use

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

Features

  • 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)

Uses

License

lastest GPL-license (see LICENSE-file)

Copyright (C) 2015 NIPE-SYSTEMS, https://nipe-systems.de



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