Search Tools Data

Thứ Tư, 12 tháng 7, 2017

Total Control HTML5 Audio Player

Total Control HTML5 Audio Player

<html><head>
<meta name="viewport" content="user-scalable=no, width=device-width">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta charset="UTF-8">
<title>Total Control HTML5 Audio Player</title>
<link href="app.css" rel="stylesheet" type="text/css">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css">
<script src="http://www.google-analytics.com/ga.js" async="" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://georgeholmesii.com/total-control/TotalControl/javascripts/soundmanager/script/soundmanager2-nodebug-jsmin.js"></script>
<link type="text/css" href="http://georgeholmesii.com/total-control/TotalControl/javascripts/jscrollpane/style/jquery.jscrollpane.css" rel="stylesheet" media="all">
<!-- the mousewheel plugin -->
<script type="text/javascript" src="http://georgeholmesii.com/total-control/TotalControl/javascripts/jscrollpane/script/jquery.mousewheel.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="http://georgeholmesii.com/total-control/TotalControl/javascripts/jscrollpane/script/jquery.jscrollpane.js"></script>
<script src="http://georgeholmesii.com/total-control/TotalControl/TotalControl.js"></script>
<script>
$(function () {
  $("#total-playlist").totalControl({
  style: "light.css",
  checkboxesEnabled: true,
  playlistSortable: true,
  position: "bottomLeft",
  playlistHeight:150,
  repeatOneEnabled: true,
  repeatAllEnabled: true,
  shuffleEnabled: true,
  playlistVisible: true,
  songTooltipPosition: "top",
  songTooltipEnabled: true,
  miniPlayer:false,
  isDraggable: true,
  autoplayEnabled: true,
  addSongEnabled: true
   });
});
</script>
<link rel="stylesheet" href="http://georgeholmesii.com/total-control/TotalControl/css/light.css" type="text/css"></head>
<body>
<div class="page-title"><h1>Total Control HTML5 Audio Player</h1></div>
<div class="page-title" align="center" style="font-size:25px; font-weight:100; text-shadow: 0 1px #FFF; margin-bottom:30px;">Light theme / "bottomLeft" positioning</div>

<ul id="total-playlist" style="margin-left:auto; margin-right:auto;">
  <li mp3="https://clyp.it/zuvkwrmc.mp3" ogg="https://clyp.it/zuvkwrmc.mp3" title="Take a Bow" artist="Madonna" >
  </li>
  <li mp3="mp3/08 Ribbon in the sky.mp3" ogg="mp3/08-ribbon-in-the-sky.ogg" artwork="images/B00006S041.02.jpeg" artist="Stevie Wonder" title="Ribbon in the Sky" >
  </li>
  <li mp3="mp3/06 My Life (The Neptunes).mp3" ogg="mp3/06-my-life-the-neptunes.ogg" artist="Robin Thicke" title="My Life" artwork="images/despicable-me-soundtrack.jpeg">
  </li>
  <li mp3="mp3/10 Until The End Of Time ft The Benjamin Wright Orchestra.mp3" ogg="mp3/10-until-the-end-of-time-ft-the-benjamin-wright-orchestra.ogg" artist="Justin Timberlake" title="Until the End of Time" artwork="images/Justin-Timberlake-Until-The-End-Of-434545.jpeg">
  </li>
  <li mp3="mp3/Love You.mp3" ogg="mp3/love-you.ogg" artist="Maxwell" title="Love You" artwork="images/maxwell-bsn-cover.jpeg">
  </li>
</ul>
</body>
</html>
By vào lúc

Phương Cần Thơ © 2016.