This is the js and file template I created from the instructions here:

http://digitalmedia.oreilly.com/2005/02/23/mp3_embed.html

To install:
Create a File Template named "mp3". Template provided as mp3file.tmplt

Create a snippet with a url of /soundpop.js, type should be text/javascript. Contents of this javascript file is attached as soundpop.txt.

To Use:
Put this on your pagelayout metadata "extra head elements":

<script language="JavaScript" type="text/javascript" src="soundpop.js" mce_src="soundpop.js"></script>

upload file assets to page, and give them the template of "mp3"
then when you click on your mp3 file, a popup window will appear and will play the mp3 file immediately.

NOTE from original developer:
Currently, every window will open at the top of the screen. To stagger new windows downward, remove the first two slashes in the second-to-last line, following the phrase “UniqueID + 1”. I also experimented with setting the UniqueID variable to equal the value of soundfilepath. That prevented subsequent clicks on the same link from opening duplicate versions of the pop-up. However, Internet Explorer was not able to resolve a window ID with the long soundfilepath text string. A workaround would be to send the ID as a third variable.

Comments

koen: "Who posted this?"

elnino: "I believe I did, I've soundpop before, but it's been awhile."