Team:Dundee/Digi-Poster

From 2013.igem.org

(Difference between revisions)
Line 167: Line 167:
</div>
</div>
 +
<div class="row">
 +
  <div id="jquery_jplayer"></div>
-
<div id="jquery_jplayer"></div>
+
      <!-- Using the cssSelectorAncestor option with the default cssSelector class names to enable control association of standard functions using built in features -->
-
    <!-- Using the cssSelectorAncestor option with the default cssSelector class names to enable control association of standard functions using built in features -->
+
      <div id="jp_container" class="demo-container">
-
 
+
        <ul>
-
    <div id="jp_container" class="demo-container">
+
          <li><span>Select a track : </span></li>
-
      <ul>
+
          <li><a href="http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3" class="track track-default">Cro Magnon Man</a></li>
-
        <li><span>Select a track : </span></li>
+
          <li> | </li>
-
        <li><a href="http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3" class="track track-default">Cro Magnon Man</a></li>
+
          <li><a href="http://www.jplayer.org/audio/mp3/Miaow-05-The-separation.mp3" class="track">The Separation</a></li>
-
        <li> | </li>
+
          <li> | </li>
-
        <li><a href="http://www.jplayer.org/audio/mp3/Miaow-05-The-separation.mp3" class="track">The Separation</a></li>
+
          <li><a href="http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3" class="track">Lismore</a></li>
-
        <li> | </li>
+
          <li> | </li>
-
        <li><a href="http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3" class="track">Lismore</a></li>
+
          <li><a href="http://www.jplayer.org/audio/mp3/Miaow-10-Thin-ice.mp3" class="track">Thin Ice</a></li>
-
        <li> | </li>
+
        </ul>
-
        <li><a href="http://www.jplayer.org/audio/mp3/Miaow-10-Thin-ice.mp3" class="track">Thin Ice</a></li>
+
        <p>
-
      </ul>
+
          <span class="play-state"></span> :
-
      <p>
+
          <span class="track-name">nothing</span>
-
        <span class="play-state"></span> :
+
          at <span class="extra-play-info"></span>
-
        <span class="track-name">nothing</span>
+
          of <span class="jp-duration"></span>, which is
-
        at <span class="extra-play-info"></span>
+
          <span class="jp-current-time"></span>
-
        of <span class="jp-duration"></span>, which is
+
        </p>
-
        <span class="jp-current-time"></span>
+
        <ul>
-
      </p>
+
          <li><a class="jp-play" href="#">Play</a></li>
-
      <ul>
+
          <li><a class="jp-pause" href="#">Pause</a></li>
-
        <li><a class="jp-play" href="#">Play</a></li>
+
          <li><a class="jp-stop" href="#">Stop</a></li>
-
        <li><a class="jp-pause" href="#">Pause</a></li>
+
        </ul>
-
        <li><a class="jp-stop" href="#">Stop</a></li>
+
        <ul>
-
      </ul>
+
          <li>volume :</li>
-
      <ul>
+
          <li><a class="jp-mute" href="#">Mute</a></li>
-
        <li>volume :</li>
+
          <li><a class="jp-unmute" href="#">Unmute</a></li>
-
        <li><a class="jp-mute" href="#">Mute</a></li>
+
          <li> <a class="jp-volume-bar" href="#">|&lt;----------&gt;|</a></li>
-
        <li><a class="jp-unmute" href="#">Unmute</a></li>
+
          <li><a class="jp-volume-max" href="#">Max</a></li>
-
        <li> <a class="jp-volume-bar" href="#">|&lt;----------&gt;|</a></li>
+
        </ul>
-
        <li><a class="jp-volume-max" href="#">Max</a></li>
+
      </div>
-
      </ul>
+
     </div> <!-- End Row -->
-
     </div>
+

Revision as of 15:01, 14 August 2013

iGEM Dundee 2013 · ToxiMop

Dundee 2013

Demo : jPlayer as a text based audio player

Welcome to Digi-Poster

: nothing at of , which is

Retrieved from "http://2013.igem.org/Team:Dundee/Digi-Poster"