jsAMP: Example SoundManager 2 Application

 ---------------------------------------------------------

  * GENERAL DISCLAIMER: jsAMP is UNSUPPORTED DEMO CODE. *

  jsAMP is provided "as-is" and as an example application
  using the API functionality provided by SoundManager 2.
  (It's also a dev. sanity QA check / API test suite.)

  I don't recommend throwing it on your band/label's site
  expecting it to "just work" - you have been warned. ;)

  You are welcome to use this in your own projects, but
  be aware jsAMP may be buggy, use at your own risk etc.
  
  If you are looking for a JS/DHTML/Flash MP3 player,
  check the related projects section of the SM2 project
  page for other resources.

 ---------------------------------------------------------

jsAMP is a JavaScript MP3 player which uses the SoundManager 2 API to provide JS-driven audio. It's an example of the kind of stuff you could build using SoundManager. All player logic is handled via Javascript, but SoundManager 2 (JS + Flash) provide the actual sound layer. It's also convenient in that no Flash knowledge is needed, it's all handled by SM2.

jsAMP picks up all <a> elements linking to MP3 files in the page, and creates a playlist (view source for details.) It gets ID3 information when loading local/same-domain files or as permissions allow, as well.

To see the playlist, click the "down arrow" Playlist toggle at right on the UI.

Click and drag the title bar to move the player around. When a track is loaded, click to seek or drag and drop the slider to a given position. (Safari seems to have a few minor UI issues in this version, FYI.) IE 6 also receives a somewhat-degraded, GIF-based experience.

SoundManager 2 Project Home

Skin: light | dark || this background sucks

-
%{artist} - %{title} [%{album}], (%{year}) (%{time})
jsAMP Technology Preview v0.99a.20071010 (Seriously alpha - use at own risk! :))
Seek to %{time1} of %{time2} (%{percent}%)
  ---  
0:00

This is a normal list of HTML links to MP3 files, which jsAMP picks up and turns into a playlist.