wyrian/js/libs/soundmanager/demo/page-player/basic.html

<!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: Play MP3 links on a page, "page as playlist" style</title>
<style type="text/css">

/*

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

 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);z-index:99;
}

body {
 font:75% normal verdana,arial,tahoma,"sans serif";
}
</style>
<link rel="stylesheet" type="text/css" href="css/page-player.css" />
<!-- soundManager.useFlashBlock: related CSS -->
<link rel="stylesheet" type="text/css" href="../flashblock/flashblock.css" />
<script type="text/javascript" src="../../script/soundmanager2.js"></script>
<script type="text/javascript" src="script/page-player.js"></script>
<script type="text/javascript">

soundManager.url = '../../swf/';

// demo only..
function setTheme(sTheme) {
  var o = document.getElementsByTagName('ul')[0];
  o.className = 'playlist'+(sTheme?' '+sTheme:'');
  return false;
}
</script>
</head>

<body>

<div>

 <h1><a href="http://www.schillmania.com/projects/soundmanager2/" title="Play a page of mp3s with javascript via SoundManager 2">SoundManager 2</a> / page as a playlist, basic template (flash 8)</h1>

 <div id="sm2-container">
  <!-- SM2 flash movie goes here -->
 </div>

 <ul class="playlist">

  <li><a href="../_mp3/rain.mp3">Rain</a></li>
  <li><a href="../_mp3/going_outside.mp3">Going Outside</a></li>
  <li><a href="../_mp3/office_lobby.mp3">Office Lobby</a></li>
  <li><a href="../_mp3/walking.mp3">Walking</a></li>
  <li><a href="http://freshly-ground.com/data/audio/mpc/20060812%20-%20Groove.mp3" title="Dr. John Groove">Schill - Dr. John Groove</a></li>
  <!-- files from the web (note that ID3 and waveformData information will *not* load from remote domains without permission, due to Flash security restrictions) -->
  <li><a href="http://www.freshly-ground.com/misc/music/carl-3-barlp.mp3">Barrlping with Carl (featureblend.com)</a></li>
  <li><a href="http://www.freshly-ground.com/data/audio/binaural/Mak.mp3">Angry cow sound?</a></li>
  <li><a href="http://www.freshly-ground.com/data/audio/binaural/Things that open, close and roll.mp3">Things that open, close and roll</a></li>
  <li><a href="http://www.freshly-ground.com/data/audio/binaural/A%20Trip%20to%20the%20Basement%20Garage.mp3">A Trip To The Basement Garage</a></li>

 </ul>

 <p>For alternate themes, add the class to the playlist UL - eg. <a href="#" onclick="return setTheme('dark')">&lt;ul class="playlist dark"&gt;</a> or <a href="#" onclick="return setTheme('bubblegum')">&lt;ul class="playlist bubblegum"&gt;</a>; the base default is <a href="#" onclick="return setTheme()">&lt;ul class="playlist"&gt;</a>.</p>

 <p>A reminder that if loading from the local filesystem, Flash will deny access to remote (network/internet) URLs by default unless whitelisted via the <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">Flash Player Global Security Settings Page</a>. Some URLs in this example are remote to demonstrate this.</p>

 <p>Note that by default, the Flash 8 version is used and therefore Flash 9-only features such as the VU meter, waveform etc. are not available. Refer to the main "page player" demo for configuration examples, or view the source of page-player.js for the configuration object (similar to that used in SoundManager 2 itself.)</p>

 <p><a href="http://www.schillmania.com/projects/soundmanager2/" title="Javascript MP3 sound player API">SoundManager 2 project</a></p>

</body>
</html>
Version 0.2b : - Intro Screen - Share buttons (Twitter/Facebook) - SoundManager - Add audio files - Some CleanUp 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: Play MP3 links on a page, "page as playlist" style</title>`
			`<style type="text/css">`

Remove whitespace [Gun.io WhitespaceBot] 2011-12-19 20:46:06 +00:00			`/*`
Version 0.2b : - Intro Screen - Share buttons (Twitter/Facebook) - SoundManager - Add audio files - Some CleanUp 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);z-index:99;`
			`}`

			`body {`
			`font:75% normal verdana,arial,tahoma,"sans serif";`
			`}`
			`</style>`
			`<link rel="stylesheet" type="text/css" href="css/page-player.css" />`
			`<!-- soundManager.useFlashBlock: related CSS -->`
			`<link rel="stylesheet" type="text/css" href="../flashblock/flashblock.css" />`
			`<script type="text/javascript" src="../../script/soundmanager2.js"></script>`
			`<script type="text/javascript" src="script/page-player.js"></script>`
			`<script type="text/javascript">`

			`soundManager.url = '../../swf/';`

			`// demo only..`
			`function setTheme(sTheme) {`
			`var o = document.getElementsByTagName('ul')[0];`
			`o.className = 'playlist'+(sTheme?' '+sTheme:'');`
			`return false;`
			`}`
			`</script>`
			`</head>`

			`<body>`

			`<div>`

			`<h1><a href="http://www.schillmania.com/projects/soundmanager2/" title="Play a page of mp3s with javascript via SoundManager 2">SoundManager 2</a> / page as a playlist, basic template (flash 8)</h1>`

			`<div id="sm2-container">`
			`<!-- SM2 flash movie goes here -->`
			`</div>`

			`<ul class="playlist">`

			`<li><a href="../_mp3/rain.mp3">Rain</a></li>`
			`<li><a href="../_mp3/going_outside.mp3">Going Outside</a></li>`
			`<li><a href="../_mp3/office_lobby.mp3">Office Lobby</a></li>`
			`<li><a href="../_mp3/walking.mp3">Walking</a></li>`
			`<li><a href="http://freshly-ground.com/data/audio/mpc/20060812%20-%20Groove.mp3" title="Dr. John Groove">Schill - Dr. John Groove</a></li>`
			`<!-- files from the web (note that ID3 and waveformData information will not load from remote domains without permission, due to Flash security restrictions) -->`
			`<li><a href="http://www.freshly-ground.com/misc/music/carl-3-barlp.mp3">Barrlping with Carl (featureblend.com)</a></li>`
			`<li><a href="http://www.freshly-ground.com/data/audio/binaural/Mak.mp3">Angry cow sound?</a></li>`
			`<li><a href="http://www.freshly-ground.com/data/audio/binaural/Things that open, close and roll.mp3">Things that open, close and roll</a></li>`
			`<li><a href="http://www.freshly-ground.com/data/audio/binaural/A%20Trip%20to%20the%20Basement%20Garage.mp3">A Trip To The Basement Garage</a></li>`

			`</ul>`

			`<p>For alternate themes, add the class to the playlist UL - eg. <a href="#" onclick="return setTheme('dark')"><ul class="playlist dark"></a> or <a href="#" onclick="return setTheme('bubblegum')"><ul class="playlist bubblegum"></a>; the base default is <a href="#" onclick="return setTheme()"><ul class="playlist"></a>.</p>`
Remove whitespace [Gun.io WhitespaceBot] 2011-12-19 20:46:06 +00:00
Version 0.2b : - Intro Screen - Share buttons (Twitter/Facebook) - SoundManager - Add audio files - Some CleanUp 2011-02-13 12:28:40 +00:00			`<p>A reminder that if loading from the local filesystem, Flash will deny access to remote (network/internet) URLs by default unless whitelisted via the <a href="http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html">Flash Player Global Security Settings Page</a>. Some URLs in this example are remote to demonstrate this.</p>`

			`<p>Note that by default, the Flash 8 version is used and therefore Flash 9-only features such as the VU meter, waveform etc. are not available. Refer to the main "page player" demo for configuration examples, or view the source of page-player.js for the configuration object (similar to that used in SoundManager 2 itself.)</p>`

			`<p><a href="http://www.schillmania.com/projects/soundmanager2/" title="Javascript MP3 sound player API">SoundManager 2 project</a></p>`

			`</body>`
			`</html>`