<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}audiofield/page-player/css/page-player.css" />
<style type="text/css">
  ul.playlist li a {
    color: #333333;
    display: block;
    font-family: "Lucida Grande","DejaVu Sans","Bitstream Vera Sans","Verdana,Arial,sans-serif";
    font-size: 12px;
    vertical-align: top;
  }
</style>
<!-- soundManager.useFlashBlock: related CSS -->
<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}audiofield/flashblock/flashblock.css" />
<script type="text/javascript" src="{{STATIC_URL}}audiofield/script/soundmanager2.js"></script>

<script>
/* --------
  Config override: This demo uses shiny flash 9 stuff, overwriting Flash 8-based defaults
  Alternate PP_CONFIG object must be defined before soundManager.onready()/onload() fire.
  Alternately, edit the config in page-player.js to simply use the values below by default
-------- */

// demo only, but you can use these settings too..
soundManager.flashVersion = 9;
soundManager.preferFlash = true; // for visualization effects
soundManager.useHighPerformance = true; // keep flash on screen, boost performance
soundManager.wmode = 'transparent'; // transparent SWF, if possible
soundManager.useFastPolling = true; // increased JS callback frequency
soundManager.url = {{STATIC_URL}}+'audiofield/swf/';
soundManager.debugFlash = false;
soundManager.debugMode = true;
// Added
//soundManager.useHTML5Audio = false;

// custom page player configuration

var PP_CONFIG = {
  autoStart: false,      // begin playing first sound when page loads
  playNext: false,        // stop after one sound, or play through list until end
  useThrottling: false,  // try to rate-limit potentially-expensive calls (eg. dragging position around)</span>
  usePeakData: true,     // [Flash 9 only] whether or not to show peak data (left/right channel values) - nor noticable on CPU
  useWaveformData: false,// [Flash 9 only] show raw waveform data - WARNING: LIKELY VERY CPU-HEAVY
  useEQData: false,      // [Flash 9 only] show EQ (frequency spectrum) data
  useFavIcon: false,     // try to apply peakData to address bar (Firefox + Opera) - performance note: appears to make Firefox 3 do some temporary, heavy disk access/swapping/garbage collection at first(?) - may be too heavy on CPU
  useMovieStar: true     // Flash 9.0r115+ only: Support for a subset of MPEG4 formats.
}
</script>

<script type="text/javascript" src="{{STATIC_URL}}audiofield/page-player/script/page-player.js"></script>
<script type="text/javascript">

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