A Javascript Sound API supporting MP3 and MPEG4 Audio.

What SoundManager 2 does

Audio features, accessible from javascript.

About SoundManager 2, Features and Live Demos

speaker icon

SoundManager 2 makes it easier to play sounds using Javascript.

By wrapping and extending the Flash sound API, SoundManager 2 brings solid audio functionality to Javascript. How it works »

 
+debug

Inline Javascript Sound API Examples

Basic MP3 ButtonsMore »

Glass break 1  glass0.mp3   |  2  glass1.mp3   |  3  glass2.mp3   |  4  glass3.mp3

Playable MP3 linksMore »

360° Player UIMore »

Muxtape-style UIMore »

More: Video | Muxtape UI | Play MP3 links

 

As Heard On TV The Internets

A few nifty sites that have implemented SoundManager 2 for driving audio:

Muxtape logo SoundCloud / The Cloud Player 8tracks logo

Basic API Features (Flash 8)

  • Load, stop, play, pause, mute, seek, pan and volume control of sounds from Javascript
  • Events: onload, whileloading, whileplaying, onfinish and more
  • ID3V1 and ID3V2 tag support for MP3s (title, artist, genre etc.)

Shiny Flash 9 Features

Beta-ish, somewhat experimental demo
  • MPEG-4 (HE-AAC/H.264) audio and (experimental) full-screen video support
  • "MultiShot" play (layered/chorusing effects)
  • Waveform/frequency spectrum data
  • Peak (L/R channel volume) data
  • Audio buffering state/event handling

General Tech Stuff

Download!

Get SoundManager 2

 

Playing MP3s with Javascript

Play audio in one line, or get fancy with multiple options.

How To Play Audio Using SoundManager 2

Simple ID / URL method:

soundManager.play('mySound','/path/to/an.mp3');

And, setting the volume:

soundManager.setVolume('mySound',50);

More flexible method supporting option parameters as an object literal:

var mySound = soundManager.createSound({
  id: 'someSound',
  url: '/path/to/some.mp3',
  volume: 50,
  onload: soundLoadedFunction
});
mySound.play();

See API Demos

Using SM2 on your site

How to include SoundManager 2 from HTML, and some basic event handlers.

Include the SoundManager 2 core script, tell it where to look for the flash .SWF and provide an onload() handler.

<script type="text/javascript" src="/path/to/soundmanager2.js"></script>
<script type="text/javascript">
soundManager.url = '/path/to/swfs/';
soundManager.onload = function() {
  // SM2 is ready to go! 
  // soundManager.createSound(...) calls can now be made, etc.
}
</script>

See a basic template demo

Licensing

BSD licensed.

SoundManager 2 is provided under a BSD license.

%s1 / %s2