HTML5 Web Audio API Showcase

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

• Web Audio API
• HTML Canvas 2D Context
• Scalable Vector Graphics (SVG 1.1)
• CSS3 Animations, Transforms, Transisitions
• Material Design

License

lastest GPL-license (see LICENSE-file)

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