Haxe
Web Audio Library

Web Audio Library with HTML5 audio fallback.

Waud is a simple and powerful web audio library that allows you to go beyond HTML5's <audio> tag and easily take advantage of Web Audio API. It abstracts Web Audio API making it consistent and reliable across multiple platforms and browsers. It also falls back to HTML5 Audio on non-modern browsers where Web Audio API is not supported.

Features

• Base64 Pack
• Audio Sprites
• iOS Audio Unlock¹
• Auto Mute²
• Simple API
• Zero Dependencies

¹ Automatically unlocks audio on iOS devices on first touch.

² Automatically mutes audio when the window is not in focus (switching tab, minimising window, etc).

Installation

For haxe users:

haxelib install waud

API Documentation

Example

Example:

var snd = new WaudSound("assets/loop.mp3", { autoplay: false, loop: true, volume: 0.5, onload: playBgSound });

Base64 Data URI

Waud supports base64 decoding across all browsers including IE 9 and I recommend using this over audio sprites.

Use waudbase64 to generate base64 encoded JSON file.

npm install -g waudbase64

var base64pack = new WaudBase64Pack("assets/sounds.json", _onLoad);

function _onLoad(snds) {
  snds.get("assets/beep.mp3").play();
}

Waud also supports passing data URI string to WaudSound.

//Note that the data URI used below is a sample string and not a valid sound
var base64Snd = new WaudSound("data:audio/mpeg;base64,//uQxAAAAAAAAAAAAASW5mbwAAAA8AAABEAABwpgADBwsLDxISF");

Audio Sprite

Use waudsprite to generate audio sprite.

npm install -g waudsprite

var audSprite = new WaudSound("assets/sprite.json");
audSprite.play("glass");

Browser Support

Tested on all major browsers.

Latest ✓	Latest ✓	Latest ✓	Latest ✓	9-11 ✓	Latest ✓

Browser & Device Testing provided by:

Issues

Found any bug? Please create a new issue.

Demo

• JavaScript
• Haxe
• Base64

Usage

Waud.init();
Waud.enableTouchUnlock(touchUnlock);
Waud.autoMute();

var bgSnd = new WaudSound("assets/loop.mp3", {
    "autoplay": false, "loop":true, "volume": 0.5, "onload": playBgSound
});

var snd2 = new WaudSound("assets/sound1.wav", {
    "autoplay": false,
    "loop":true,
    "onload": function (snd) { snd.play(); },
    "onend": function (snd) { console.log("ended"); },
    "onerror": function (snd) { console.log("error"); }
});

//Touch unlock event for iOS devices
function touchUnlock() {
    if (!bgSnd.isPlaying()) bgSnd.play();
}

function playBgSound(snd) {
    if (!snd.isPlaying()) snd.play();
}

Tips

• It is recommended to use same sample rate for all the audio files. Playing different sample rate files can cause issues on some devices.
• By default, Waud uses 44100 sample rate. If your audio files have a different sample rate then specify it using Waud.preferredSampleRate property.

Licensing Information

This content is released under the MIT License.

Contributor Code of Conduct

Code of Conduct is adapted from Contributor Covenant, version 1.4