# Audio Sprite Visual ([Live Demo](https://howlerjs.com/#sprite))

![Audio Sprite Visual](https://s3.amazonaws.com/howler.js/screenshot-sprite.jpg "Sprite Screenshot")

## 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](https://github.com/goldfire/howler.js/archive/master.zip)
2. Open `index.html` in your favorite browser.