2011-02-13 12:28:40 +00:00
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
< html xmlns = "http://www.w3.org/1999/xhtml" lang = "en" xml:lang = "en" >
< head >
< title > SoundManager 2 Demo: Basic MP3 Play Button (Simple Demo)< / title >
< style type = "text/css" >
2011-12-19 20:46:06 +00:00
/*
2011-02-13 12:28:40 +00:00
-------------------------------------------------------------
In-page demo CSS - see external CSS for actual relevant stuff.
--------------------------------------------------------------
*/
#soundmanager-debug {
/* SM2 debug container (optional, makes debug more useable) */
position:absolute;position:fixed;*position:absolute;bottom:10px;right:10px;width:50em;height:18em;overflow:auto;background:#fff;margin:1em;padding:1em;border:1px solid #999;font-family:"lucida console",verdana,tahoma,"sans serif";font-size:x-small;line-height:1.5em;opacity:0.9;filter:alpha(opacity=90);
}
body {
font:75% normal verdana,arial,tahoma,"sans serif";
}
< / style >
< link rel = "stylesheet" type = "text/css" href = "css/mp3-player-button.css" / >
< script type = "text/javascript" src = "../../script/soundmanager2.js" > < / script >
< script type = "text/javascript" src = "script/mp3-player-button.js" > < / script >
< / head >
< body >
< h1 > < a href = "http://www.schillmania.com/projects/soundmanager2/" title = "Play MP3s inline with javascript using SoundManager 2" > SoundManager 2< / a > / Basic MP3 Play Button: Template< / h1 >
< p > View the source code of this page for detail. Don't forget to set < b > soundManager.debugMode = false;< / b > to disable debug output.< / p >
< p > Walking < a href = "../_mp3/walking.mp3" class = "sm2_button" > Walking< / a > < / p >
< p > Armstrong Beat < a href = "http://www.freshly-ground.com/misc/music/20060826%20-%20Armstrong.mp3" class = "sm2_button" > Armstrong Beat< / a > < / p >
< p > < a href = "http://www.schillmania.com/projects/soundmanager2/" title = "SoundManager 2 project page" > SoundManager 2 project home< / a > < / p >
< / div >
< / body >
< / html >
