Location: PHPKode > projects > Tin Can Jukebox > tincanjukebox/lib/xspf_jukebox/skins/xspfdoc.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    
    <meta name="Generator" content="iWeb 2.0.1" />
    <meta name="iWeb-Build" content="local-build-20070911" />
    <title>Xspf Jukebox Documentation</title>
    <link rel="stylesheet" type="text/css" media="screen,print" href="http://www.lacymorrow.com/projects/jukebox/xspfdoc_files/xspfdoc.css" />
    <!--[if IE]><link rel='stylesheet' type='text/css' media='screen,print' href='http://www.lacymorrow.com/projects/jukebox/xspfdoc_files/xspfdocIE.css'/><![endif]-->
    <script type="text/javascript" src="http://www.lacymorrow.com/projects/jukebox/xspfdoc_files/xspfdoc.js"></script>
  </head>
  <body style="background: #f5f4f4; margin: 0pt; " onload="onPageLoad();">
    <div style="text-align: center; ">
      <div style="margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word;  background: #f5f4f4; text-align: left; width: 700px; " id="body_content">
        <div style="float: left; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
        </div>
        <div style="float: left; height: 0px; line-height: 0px; margin-left: 0px; position: relative; width: 700px; z-index: 10; " id="header_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
        </div>
        <div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; " id="body_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
          <div id="id1" style="height: 115px; left: 179px; position: absolute; top: 49px; width: 377px; z-index: 1; " class="style_SkipStroke">
            <div class="text-content graphic_shape_layout_style_default_External_377_115" style="padding: 0px; ">
              <div class="graphic_shape_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style"><span class="style">Flash XSPF Jukebox<br /></span></p>
                <p class="paragraph_style"><span class="style">Created by Lacy Morrow</span><span style="line-height: 16px; " class="style_1"> <br /></span></p>
                <p class="paragraph_style"><span class="style"><br /></span></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_1"><a href="http://blog.lacymorrow.com/projects/xspf-jukebox" title="http://blog.lacymorrow.com/projects/xspf-jukebox">http://blog.lacymorrow.com/projects/xspf-jukebox/</a></p>
              </div>
            </div>
          </div>
          


          <div style="height: 128px; width: 128px;  height: 128px; left: 18px; position: absolute; top: 39px; width: 128px; z-index: 1; " class="tinyText style_SkipStroke_1 stroke_0 shadow_0">
            <img src="http://www.lacymorrow.com/projects/jukebox/http://www.lacymorrow.com/projects/jukebox/xspfdoc_files/GarageBand%20App.png" alt="" style="border: none; height: 128px; width: 128px; " />
          </div>
          


          <div id="id2" style="height: 27px; left: 507px; position: absolute; top: 8px; width: 178px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_178_27" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-bottom: 0pt; padding-top: 0pt; " class="Body">Last Updated: 01.15.2008</p>
              </div>
            </div>
          </div>
          


          <div id="id3" style="height: 159px; left: 18px; position: absolute; top: 181px; width: 663px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_663_159" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_2"><span class="style_2">Description</span><br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_1">The XSPF Jukebox was created as an update to the Flash XSPF Web Media Player, based off of Fabricio Zuardi’s original creation. The Jukebox functions as both an .mp3 audio and .flv video player, capable of loading thousands of tracks. It uses an .xspf or .xml playlist to load tracks, and an .xml file to load skins. Optional is a .txt file to provide additional settings.</p>
              </div>
            </div>
          </div>
          


          <div id="id4" style="height: 344px; left: 18px; position: absolute; top: 352px; width: 663px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_663_344" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_2"><span class="style_2">Contents</span><br /></p>
                <p class="paragraph_style_3">Included in the basic download of the XSPF Jukebox:<br /></p>
                <p class="paragraph_style_3"><br /></p>
                <ol>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>“license.txt” - license for use, redistribution, and additions of/to the Jukebox<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>“crossdomain.xml” - used to allow flash to access server directories<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>“xspf_jukebox.swf” - the Jukebox flash file<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>“playlister” folder - contains php files for Jukebox “Playlister”, used in place of .xspf/.xml to create dynamic playlist files<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>skin folder - contains skin of your choice, with included “skin.xml” file and any needed images<br /></p>
                  </li>
                </ol>
                <p class="paragraph_style_3"><br /></p>
                <p class="paragraph_style_3">Additional files included with “source.zip” download:<br /></p>
                <p class="paragraph_style_3"><br /></p>
                <ol>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>“xspf_jukebox.fla” - source for the Jukebox<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="padding-bottom: 0pt; text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>“xspf_jukebox7.swf - flash 7 version of the Jukebox</p>
                  </li>
                </ol>
              </div>
            </div>
          </div>
          


          <div id="id5" style="height: 855px; left: 18px; position: absolute; top: 712px; width: 663px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_663_855" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_2"><span class="style_2">Playlist</span><br /></p>
                <p class="paragraph_style_1">The XSPF Jukebox loads tracks through either the PHP “Playlister”, or an external .xspf or .xml file, created using the following format:<br /></p>
                <p class="paragraph_style_1">&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;<br /></p>
                <p class="paragraph_style_1">&lt;playlist version=&quot;0&quot; xmlns=&quot;<a href="http://xspf.org/ns/0/" title="http://xspf.org/ns/0/">http://xspf.org/ns/0/</a>&quot;&gt;<br /></p>
                <p class="paragraph_style_1">    &lt;trackList&gt;<br /></p>
                <p class="paragraph_style_1">        &lt;track&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;location&gt;<br /></p>
                <p class="paragraph_style_1"><span class="style_3">                </span><span class="style_4">url of .mp3 audio or .flv video file</span><br /></p>
                <p class="paragraph_style_1">            &lt;/location&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;creator&gt;<br /></p>
                <p class="paragraph_style_1"><span class="style_3">                </span><span class="style_4">artist or creator of track</span><br /></p>
                <p class="paragraph_style_1">            &lt;/creator&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;title&gt;<br /></p>
                <p class="paragraph_style_1"><span class="style_3">                </span><span class="style_4">title of track</span><br /></p>
                <p class="paragraph_style_1">            &lt;/title&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;annotation&gt;<br /></p>
                <p class="paragraph_style_1"><span class="style_4">                used in place of creator/title if both are absent</span><br /></p>
                <p class="paragraph_style_1">            &lt;/annotation&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;duration&gt;<br /></p>
                <p class="paragraph_style_1"><span class="style_4">                number of seconds x 1000, not required</span><br /></p>
                <p class="paragraph_style_1">            &lt;/duration&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;info&gt;<br /></p>
                <p class="paragraph_style_1"><span class="style_4">                url of info link</span><br /></p>
                <p class="paragraph_style_1">            &lt;/info&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;image&gt;<br /></p>
                <p class="paragraph_style_1"><span class="style_4">                url of image, overwrites “main_image” variable, if both are absent, image is chosen automatically through Amazon web search.</span><br /></p>
                <p class="paragraph_style_1">            &lt;/image&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;purchase&gt;<br /></p>
                <p class="paragraph_style_5">                url of purchase link<br /></p>
                <p class="paragraph_style_1">            &lt;/purchase&gt;<br /></p>
                <p class="paragraph_style_1">            &lt;meta rel=&quot;http://geekkid.net/type&quot;&gt;<br /></p>
                <p class="paragraph_style_5">                track type, can be either “audio”, “video”, “playlist”, or “link”. automatically chosen to fit filename if absent<br /></p>
                <p class="paragraph_style_1">            &lt;/meta&gt;<br /></p>
                <p class="paragraph_style_1">        &lt;/track&gt;<br /></p>
                <p class="paragraph_style_1">    &lt;/trackList&gt;<br /></p>
                <p class="paragraph_style_1">&lt;/playlist&gt;<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1"><span style="line-height: 18px; " class="style_5">* only “location” is required<br /></span></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_1"><span style="line-height: 18px; " class="style_5">** if “creator”, “title”, and “annotation” are absent, the Jukebox automatically tries to retrieve track id3 information</span></p>
              </div>
            </div>
          </div>
          


          <div id="id6" style="height: 1446px; left: 18px; position: absolute; top: 1699px; width: 663px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_663_1446" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_2"><span class="style_2">Variables</span><br /></p>
                <p class="paragraph_style_1">The XSPF Jukebox has many optional variables for extended customization. Variables can be used in two different ways, in one long string while embedding the swf file:<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">xspf_jukebox.swf?autoplay=true&amp;shuffle=true&amp;playlist_url=playlist.xml<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">or in an external “variables.txt” file:<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">&amp;autoplay=true&amp;shuffle=true&amp;alphabetize=true&amp;loaded=true<br /></p><p class="paragraph_style_1">(use a normal ampersand, not <xmp>&amp;</xmp>)<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_6">* “&amp;loaded=true” must be included at the end of a “variables.txt” file to be loaded properly.<br /></p>
                <p class="paragraph_style_6"><br /></p>
                <p class="paragraph_style_2"><span class="style_2">parameters<br /></span></p>
                <ol>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>playlist_url : the url of the xspf file to load<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>skin_url : url of the skin folder<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>loadurl : url linking to a text file containing all variables. cuts down on html coding and file sizes, one file can be used by many players<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>activeDownload : boolean value to allow or disallow direct downloads of tracks, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>alphabetize : boolean value to alphabetize playlist, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>autoload : boolean value that makes the playlist load without the initial user click, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>autoplay : boolean value that makes the playlist load and the music start without the initial user click, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>autoresume : boolean value that allows players on multiple pages to seamlessly continue music as a user browses pages, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>buffer : seconds to preload video before playing, exclude for automatic<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>crossFade : either a boolean value, which when true is set to the default time, or the number of seconds to fade (1-12), default is 6 seconds<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>findImage : boolean value to allow retrieval of related images from Amazon when none is present in playlist, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>forceAlphabetize : boolean value, forces full alphabetizing, including preceding 'the' in artist title, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>format : text to format track label, use “-creator”, “-title”, “-location”, and “-annotation” to insert respective values, default is “-creator : -title”<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>gotoany : boolean value that forces travel to unknown URLs, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>image : url for a jpg image that is shown when autoplay is off<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>infourl : global info url for all songs, fills absent playlist info urls<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>load_message : message displayed after autoload<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>main_image : global image url, fills absent playlist images<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>mainurl : right-click &gt;&gt; &quot;about&quot; url<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>midChar : character placed to separate creator and title values for tracks, overwritten by format, default is “:”<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>no_continue : boolean value to turn off automatic song changing, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>player_title : title text, default is “Xspf Jukebox”<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>repeat : boolean value to set repeat, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>repeat_playlist : boolean value to repeat the playlist, default is true<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>shuffle : boolean value to set shuffle, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>start_track : track number for beginning track, default is 1<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>statsurl : url to an external script that can collect POST values. Can collect playSong and annotation<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>timedisplay : numerical value to show time counter; 0:off, 1:all, 2:elapsed, 3:duration, 4:countdown<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>trackNumber : boolean value that adds track numbers to labels, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>useId3 : boolean value that forces id3 tag use, default is false<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>volume_level : starting volume level percent, default is 100<br /></p>
                  </li>
                </ol>
                <p class="paragraph_style_6">* only “playlist_url” and “skin_url” are required<br /></p>
                <p class="paragraph_style_6"><br /></p>
                <p class="paragraph_style_2"><span class="style_2">single tracks<br /></span></p>
                <p class="paragraph_style_1">You can also use the Jukebox to play a single .mp3 or .flv file, using the two following variables in place of “playlist_url” and “creator”, “title”, and “annotation”:<span class="style_2"><br /></span></p>
                <ol>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>track_title : label of track<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>track_url : url of track<span class="style_2"><br /></span></p>
                  </li>
                </ol>
              </div>
            </div>
          </div>
          


          <div id="id7" style="height: 581px; left: 18px; position: absolute; top: 4809px; width: 663px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_663_581" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_2"><span class="style_2">Playlister</span><br /></p>
                <p class="paragraph_style_1">The Jukebox playlister, included, is an alternative to long .xspf or .xml files. It can be used in place of these files on any server that allows PHP. To use, open the “playlist.php” file with a plain text editor and edit the top portions of the code to match your server settings. <br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">If you need individual images for each track (as opposed to one image for all tracks, or an Amazon supplied image), Set “$image” to true. <br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">Set “$useid3” to true if you plan on using id3 tags. <br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">Set the “$id3version” to 1 or 2, depending on your .mp3 files. If you are not sure what to put here, use 1, if it does not work properly, try 2. If it still fails to label your music correctly, reconvert your id3 tags using a capable program (iTunes).<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">Upload the “playlist.php” file to your server, and place it in the directory with your music, place it in the highest needed directory.<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">Upload the entire “id3” folder to your server if you plan to use id3 tags to label your music.<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">If you do not plan on using id3 tags, sort your music into sub-folders based on artist name. Label each .mp3 file with the correct track name (eg. “Everything to Everyone.mp3”).<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">If you need individual images for each track, place the image in the same folder as the corresponding track, with the same file name (eg. “Everything to Everyone.jpg”).<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_1">Finally, change your “playlist_url” in your embed script to “playlist_url=<span class="style_4">playlist.php</span>”</p>
              </div>
            </div>
          </div>
          


          <div id="id8" style="height: 604px; left: 18px; position: absolute; top: 3173px; width: 663px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_663_604" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_1"><span style="line-height: 35px; " class="style_6">Embedding</span><span class="style_2"><br /></span></p>
                <p class="paragraph_style_1">There are a couple of ways to embed the XSPF Jukebox with ease and using top web standards. The first is the included “embed.php” script, and the second is using the “SwfObject” Javascript in conjunction with plain HTML.<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1"><span style="line-height: 35px; " class="style_6">embed.php</span><br /></p>
                <p class="paragraph_style_1">The “embed.php” script allows for simple setup, and one-line embedding on any .php page. It uses a built-in “SwfObject” Javascript, with an HTML backup for ultimate ease and usability. It requires a server that allows PHP, and can only be called from a .php page. To use, open the “embed.php” file, inside the “playlister” folder, in a text editor. Change the first couple of lines to fit your settings, then save, and upload to your server. To embed, add the following line to your .php page:<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">require_once(&quot;embed.php&quot;);<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">Use the div id “flashcontent” to style and place using CSS.<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1"><span style="line-height: 35px; " class="style_6">swfobject + html</span><br /></p>
                <p class="paragraph_style_1">The “SwfObject” Javascript can be downloaded from <a href="http://blog.deconcept.com/swfobject/" title="http://blog.deconcept.com/swfobject/">http://blog.deconcept.com/swfobject/</a> . To use, place the file on your server, and add the following code into the head section of your .html page:<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">&lt;script type=&quot;text/javascript&quot; src=&quot;<span class="style_4">swfobject.js</span>&quot; /&gt;<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">Then add this code into the body section:<br /></p>
              </div>
            </div>
          </div>
          


          
          
          
          <div id="id7" style="height: 581px; left: 18px; position: absolute; top: 4309px; width: 663px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_663_581" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_2"><span class="style_2">Javascript Control</span><br /></p>
                <p class="paragraph_style_1">A javascript interface has been added into the player to allow for extended control over the Jukebox by calling functions through javascript. This feature only applies to the Flash 8 version. Available functions are:<br /></p>
                <p class="paragraph_style_1"><br /></p>
                                <ol>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>playTrack : play/pause the track<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>stopTrack : stop the track<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>nextTrack : advance to the next track<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>prevTrack : go back to the previous track<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>shuffleToggle : turn shuffle on/off<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>repeatToggle : turn repeat on/off<br /></p>
                  </li>
                  <li style="line-height: 22px; padding-left: 0px; text-indent: 0px; " class="full-width">
                    <p style="text-indent: 0px; " class="paragraph_style_4"><span style="font-family: 'ZapfDingbatsITC', 'Zapf Dingbats'; font-size: 15px; " class="Bullet">★</span>gotoTrack(track number) : play a specified track<br /></p>
                  </li>
                  </ol>
                <p class="paragraph_style_1">To control the Jukebox using Javascript, make sure that you have an id set in the object and embed tags for the embed script. To call a function, use the format &quot;window.document.flashObject.playTrack()&quot;<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p class="paragraph_style_1">For example:<br />&lt;a href=&quot;javascript:window.document.flashObjec.playTrack();&quot;&gt;Click to Play
&lt;/a&gt;</p>
              </div>
            </div>
          </div>
          
          
          
          
          
          
          <div id="id9" style="height: 500px; left: 18px; position: absolute; top: 3766px; width: 700px; z-index: 1; " class="style_SkipStroke_2">
            <div class="text-content graphic_textbox_layout_style_default_External_700_500" style="padding: 0px; ">
              <div class="graphic_textbox_layout_style_default">
                <p style="padding-top: 0pt; " class="paragraph_style_1">&lt;div id=&quot;flashcontent&quot;&gt;&lt;object classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot; width=&quot;<span class="style_4">300</span>&quot; height=&quot;<span class="style_4">488</span>&quot; id=&quot;flashObject&quot; align=&quot;middle&quot;&gt;&lt;param name=&quot;movie&quot; value=&quot;<span class="style_4">xspf_jukebox.swf?playlist_url=playlist.xspf&amp;skin_url=skin&amp;loadurl=variables.txt</span>&quot; /&gt;&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;&lt;embed src=&quot;<span class="style_4">xspf_jukebox.swf?playlist_url=playlist.xspf&amp;skin_url=skin&amp;loadurl=variables.txt</span>&quot; wmode=&quot;transparent&quot; width=&quot;<span class="style_4">300</span>&quot; height=&quot;<span class="style_4">488</span>&quot; name=&quot;flashObject&quot; align=&quot;middle&quot; type=&quot;application/x-shockwave-flash&quot; pluginspage=&quot;<a href="http://www.macromedia.com/go/getflashplayer" title="http://www.macromedia.com/go/getflashplayer">http://www.macromedia.com/go/getflashplayer</a>&quot; /&gt;<br /></p>
                <p class="paragraph_style_1">&lt;/object&gt;<br /></p>
                <p class="paragraph_style_1">&lt;/div&gt;<br /></p>
                <p class="paragraph_style_1">&lt;script type=&quot;text/javascript&quot;&gt;<br /></p>
                <p class="paragraph_style_1">&lt;!--<br /></p>
                <p class="paragraph_style_1">var so = new SWFObject(&quot;<span class="style_4">xspf_jukebox.swf?playlist_url=playlist.xspf&amp;skin_url=skin&amp;loadurl=variables.txt</span>&quot;, &quot;flashObject&quot;, &quot;<span class="style_4">300</span>&quot;, &quot;<span class="style_4">488</span>&quot;, &quot;7&quot;, &quot;#ffffff&quot;, true);<br /></p>
                <p class="paragraph_style_1">so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);<br /></p>
                <p class="paragraph_style_1">so.write(&quot;flashcontent&quot;);<br /></p>
                <p class="paragraph_style_1">window.document.flashObject.focus();<br /></p>
                <p class="paragraph_style_1">--&gt;<br /></p>
                <p class="paragraph_style_1">&lt;/script&gt;<br /></p>
                <p class="paragraph_style_1"><br /></p>
                <p style="padding-bottom: 0pt; " class="paragraph_style_6">* “playlist_url” can be used inside “variables.txt” instead of being loaded in this script</p>
              </div>
            </div>
          </div>
          <div style="height: 5390px; line-height: 5390px; " class="spacer"> </div>
        </div>
        <div style="height: 100px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">
          <div style="height: 0px; line-height: 0px; " class="bumper"> </div>
        </div>
      </div>
    </div>
  </body>
</html>


Return current item: Tin Can Jukebox