Permalink
Browse files

Added initial files

  • Loading branch information...
1 parent b943f06 commit 3422e350aff4c882943f9c828dd733addc65d483 @bensmithett committed Dec 2, 2011
Showing with 305 additions and 0 deletions.
  1. +1 −0 .gitignore
  2. +82 −0 demo.html
  3. +4 −0 lib/jquery-1.7.0.min.js
  4. +57 −0 lib/mediaelement.min.js
  5. +161 −0 mediaelement_playlist.js
View
@@ -0,0 +1 @@
+.DS_Store
View
@@ -0,0 +1,82 @@
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
+<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
+<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+ <meta charset="utf-8">
+
+ <title>MediaElement.js Playlist Demo</title>
+
+ <link rel="dns-prefetch" href="//ajax.googleapis.com" />
+
+ <meta name="description" content="">
+ <meta name="author" content="">
+ <meta name="viewport" content="width=device-width,initial-scale=1">
+
+ <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
+</head>
+
+<body>
+ <div id="container">
+ <div role="main">
+
+ <h1>Player 1</h1>
+ <div class="audio-player" id="player1">
+ <a href="#">Play</a>
+ <div class="audio-player-track">
+ <div class="audio-player-pos"></div>
+ </div>
+ </div>
+
+ <ul>
+ <li>
+ <a href="sound1.mp3" class="sound" data-playin="player1">Play</a>
+ </li>
+ <li>
+ <a href="sound2.mp3" class="sound" data-playin="player1">Play</a>
+ </li>
+ <li>
+ <a href="sound3.mp3" class="sound" data-playin="player1">Play</a>
+ </li>
+ </ul>
+
+ <h1>Player 2</h1>
+ <div class="audio-player" id="player2">
+ <a href="#">Play</a>
+ <div class="audio-player-track">
+ <div class="audio-player-pos"></div>
+ </div>
+ </div>
+
+ <ul>
+ <li>
+ <a href="sound4.mp3" class="sound" data-playin="player2">Play</a>
+ </li>
+ <li>
+ <a href="sound5.mp3" class="sound" data-playin="player2">Play</a>
+ </li>
+ <li>
+ <a href="sound6.mp3" class="sound" data-playin="player2">Play</a>
+ </li>
+ </ul>
+
+ </div>
+ </div>
+
+ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
+ <script>window.jQuery || document.write('<script src="/lib/jquery-1.7.0.min.js"><\/script>')</script>
+ <script src="/lib/mediaelement.min.js"></script>
+ <script src="/mediaelement_playlist.js"></script>
+
+ <script>
+ mediaElementPlaylist({
+ soundSelector: ".sound",
+ audioElemID: "playlistAudioElement",
+ usePlayer: true,
+ playerButtonSelector: ".audio-player a"
+ });
+ </script>
+</body>
+</html>
+
View

Large diffs are not rendered by default.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 3422e35

Please sign in to comment.