Permalink
Browse files

initial jplayer code

  • Loading branch information...
1 parent 391070d commit 5f895faa14878679275ac7d2bfdedcf5a049a23f @thepug thepug committed Oct 29, 2010
@@ -0,0 +1,259 @@
+/*
+ * Skin for jPlayer Plugin (jQuery JavaScript Library)
+ * http://www.happyworm.com/jquery/jplayer
+ *
+ * Skin Name: Blue Monday
+ *
+ * Copyright (c) 2010 Happyworm Ltd
+ * Dual licensed under the MIT and GPL licenses.
+ * - http://www.opensource.org/licenses/mit-license.php
+ * - http://www.gnu.org/copyleft/gpl.html
+ *
+ * Author: Silvia Benvenuti
+ * Skin Version: 2.1
+ * Date: 13th May 2010
+ */
+#thejplayer {
+ display: none;
+ position: absolute;
+ left: 800px;
+ top: 100px;
+ width: 280px;
+ z-index:50;
+}
+div.jp-single-player,
+div.jp-playlist-player {
+
+ /* Edit the font-size to counteract inherited font sizing.
+ * Eg. 1.25em = 1 / 0.8em
+ */
+
+ font-size:1.25em;
+
+ font-family:Verdana, Arial, sans-serif;
+ line-height:1.6;
+ color: #666;
+}
+div.jp-interface {
+ position: relative;
+ background-color:#eee;
+ width:418px;
+ height:80px;
+ border:1px solid #009be3;
+}
+div.jp-single-player div.jp-interface {
+ border-bottom:none;
+}
+div.jp-playlist-player div.jp-interface {
+}
+
+div.jp-interface ul.jp-controls {
+ list-style-type:none;
+ padding:0;
+ margin: 0;
+}
+div.jp-interface ul.jp-controls li {
+ position: absolute;
+}
+div.jp-interface ul.jp-controls a {
+ position: absolute;
+ overflow:hidden;
+ text-indent:-9999px;
+}
+a.jp-play,
+a.jp-pause {
+ top:20px;
+ width:40px;
+ height:40px;
+}
+div.jp-single-player a.jp-play,
+div.jp-single-player a.jp-pause {
+ left:40px;
+}
+div.jp-playlist-player a.jp-play,
+div.jp-playlist-player a.jp-pause {
+ left:48px;
+}
+a.jp-play {
+ background: url("/images/jplayer.blue.monday.jpg") 0 0 no-repeat;
+}
+a.jp-play:hover {
+ background: url("/images/jplayer.blue.monday.jpg") -41px 0 no-repeat;
+}
+a.jp-pause {
+ background: url("/images/jplayer.blue.monday.jpg") 0 -42px no-repeat;
+ display: none;
+}
+a.jp-pause:hover {
+ background: url("/images/jplayer.blue.monday.jpg") -41px -42px no-repeat;
+}
+a.jp-stop {
+ top:26px;
+ background: url("/images/jplayer.blue.monday.jpg") 0 -83px no-repeat;
+ width:28px;
+ height:28px;
+}
+div.jp-single-player a.jp-stop {
+ left:90px;
+}
+div.jp-playlist-player a.jp-stop {
+ left:126px;
+}
+a.jp-stop:hover {
+ background: url("/images/jplayer.blue.monday.jpg") -29px -83px no-repeat;
+}
+a.jp-previous {
+ left:20px;
+ top:26px;
+ background: url("/images/jplayer.blue.monday.jpg") 0 -112px no-repeat;
+ width:28px;
+ height:28px;
+}
+a.jp-previous:hover {
+ background: url("/images/jplayer.blue.monday.jpg") -29px -112px no-repeat;
+}
+a.jp-next {
+ left:88px;
+ top:26px;
+ background: url("/images/jplayer.blue.monday.jpg") 0 -141px no-repeat;
+ width:28px;
+ height:28px;
+}
+a.jp-next:hover {
+ background: url("/images/jplayer.blue.monday.jpg") -29px -141px no-repeat;
+}
+div.jp-progress {
+ position: absolute;
+ overflow:hidden;
+ top:32px;
+ background-color: #ddd;
+ width:122px;
+ height:15px;
+}
+div.jp-single-player div.jp-progress {
+ left:130px;
+}
+div.jp-playlist-player div.jp-progress {
+ left:164px;
+}
+div.jp-load-bar {
+ background: url("/images/jplayer.blue.monday.jpg") 0 -202px repeat-x;
+ width:0px;
+ height:15px;
+ cursor: pointer;
+}
+div.jp-play-bar {
+ background: url("/images/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
+ width:0px;
+ height:15px;
+}
+a.jp-volume-min {
+ top:32px;
+ background: url("/images/jplayer.blue.monday.jpg") 0 -170px no-repeat;
+ width:18px;
+ height:15px;
+}
+div.jp-single-player a.jp-volume-min {
+ left:274px;
+}
+div.jp-playlist-player a.jp-volume-min {
+ left:296px;
+}
+a.jp-volume-min:hover {
+ background: url("/images/jplayer.blue.monday.jpg") -19px -170px no-repeat;
+}
+a.jp-volume-max {
+ top:32px;
+ background: url("/images/jplayer.blue.monday.jpg") 0 -186px no-repeat;
+ width:18px;
+ height:15px;
+}
+div.jp-single-player a.jp-volume-max {
+ left:346px;
+}
+div.jp-playlist-player a.jp-volume-max {
+ left:368px;
+}
+a.jp-volume-max:hover {
+ background: url("/images/jplayer.blue.monday.jpg") -19px -186px no-repeat;
+}
+
+div.jp-volume-bar {
+ position: absolute;
+ overflow:hidden;
+ top:37px;
+ background: url("/images/jplayer.blue.monday.jpg") 0 -250px repeat-x;
+ width:46px;
+ height:5px;
+ cursor: pointer;
+}
+div.jp-single-player div.jp-volume-bar {
+ left:292px;
+}
+div.jp-playlist-player div.jp-volume-bar {
+ left:314px;
+}
+div.jp-volume-bar-value {
+ background: url("/images/jplayer.blue.monday.jpg") 0 -256px repeat-x;
+ width:0px;
+ height:5px;
+}
+div.jp-play-time,
+div.jp-total-time {
+ position: absolute;
+ top:49px;
+ width:122px;
+ font-size:.64em;
+ font-style:oblique;
+}
+div.jp-total-time {
+ text-align: right;
+}
+div.jp-single-player div.jp-play-time,
+div.jp-single-player div.jp-total-time {
+ left:130px;
+}
+div.jp-playlist-player div.jp-play-time,
+div.jp-playlist-player div.jp-total-time {
+ left:164px;
+}
+div.jp-playlist {
+ width:418px;
+}
+div.jp-playlist ul {
+ list-style-type:none;
+ margin:0;
+ padding:0 20px;
+ background-color:#ccc;
+ border:1px solid #009be3;
+ border-top:none;
+ width:378px;
+ font-size:.72em;
+}
+div.jp-single-player div.jp-playlist li {
+ padding:5px 0 5px 20px;
+ font-weight:bold;
+}
+div.jp-playlist-player div.jp-playlist li {
+ padding:5px 0 4px 20px;
+ border-bottom:1px solid #eee;
+}
+div.jp-playlist-player div.jp-playlist li.jplayer_playlist_item_last {
+ padding:5px 0 5px 20px;
+ border-bottom:none;
+}
+div.jp-playlist-player div.jp-playlist li.jplayer_playlist_current {
+ list-style-type:square;
+ list-style-position:inside;
+ padding-left:8px;
+}
+div.jp-playlist-player div.jp-playlist a {
+ color: #666;
+ text-decoration: none;
+}
+div.jp-playlist-player div.jp-playlist a:hover {
+ color:#0d88c1;
+}
+div.jp-playlist-player div.jp-playlist a.jplayer_playlist_current {
+ color:#0d88c1;
+}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
@@ -237,7 +237,9 @@ var Speeqe = {
$("#show_help_dialog").click(function() {
Speeqe.loadHelpDialog();
});
-
+ $("#jplayer_show").bind('click', function() {
+ $("#thejplayer").show();
+ });
$("#show_joinleave").click(function() {
var chatwindow = $("#chatWindow_chatpane");
@@ -45,6 +45,7 @@ Speeqe.dashBoardInit = function() {
<li id='search_room'>Search Room</span></li> \
<li id='configure_chat'><span>Configure Room</span></li> \
<li id='show_joinleave'><span>Toggle join/leave messages.</span></li> \
+ <li id='jplayer_show'><span>Show Music Player</span></li> \
</ul> \
</li> \
</ul> \
Oops, something went wrong.

0 comments on commit 5f895fa

Please sign in to comment.