Audio Sprite Visual (Live Demo)

Description

This example visualizes how audio sprites work and demonstrates how they can be used within howler.js. Click on a sprite on the waveform to play it back and watch the progress (multiple clicks will overlap sounds).

• Audio sprite support with single audio file.
• Displays playback progress of sprites in real-time.
• Allows playback of multiple sprites on top of each other.
• Full-screen and responsive for desktop/mobile.

How-To

1. Clone the git repo or download the source:
   • Clone: git clone https://github.com/goldfire/howler.js.git
   • Download: https://github.com/goldfire/howler.js/archive/master.zip
2. Open index.html in your favorite browser.