projekktor-rails 0.0.1 → 0.0.3

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    ZmNmOWQ0ZTZiNjllMWE4ZDNkNjY1NDcyNGYwYWQ1MDE5MmE1YzBjNQ==
+  data.tar.gz: !binary |-
+    ZTFlZjlmNjUyNmZlNzI3MDg1NGE1YmU3MTZhMjRmMzEyMGQ2MWZlZQ==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    OTlkMDhkZDMwYzViYzhjNGU2NjM3ZDZmYjk0MWY5ZDQwODhmZWRiYzVhMDE0
+    MzE5NTMyNmY2MTUyODM3ZDFlODhhOWM4YzM0YzlmNzMzOGU2N2JjYjIwNmJh
+    MDRhNjhhY2ViM2YxNDVhNDFiYmY1NmZlMDMzNmJmNmM5ZTdhYmI=
+  data.tar.gz: !binary |-
+    NGEwYmZmZmU1MzM5MDQ5YmU4MjBkZTNjMzdlZGNlY2UxNDhkODAwZjk5YmI4
+    YzZmNzZjZjg3ZmVkMDczMTdmZjk4MDdhNjI3ZTIwMzFkMDRkNGQ0OTM4YTQ4
+    NjJhYTAwMDVjNmFkYmQxODExZGUxYTUwMjg1ZjFkNjJmZTA2NjY=

data/Changelog.md

@@ -0,0 +1,10 @@
+0.0.3
+- Projekktor Core Version: V1.2.20 r192
+
+0.0.2
+- use asset helper for background images
+- Projekktor Core Version: V1.2.05 r145
+
+0.0.1
+- initial version
+- Projekktor Core Version: V1.2.01 r130

data/Gemfile

@@ -1,4 +1,6 @@
 source 'https://rubygems.org'
 
+gem 'rake'
+
 # Specify your gem's dependencies in projekktor-rails.gemspec
 gemspec

data/README.md

@@ -42,6 +42,6 @@ Add this to your application.css
 5. Create new Pull Request
 
 
-Update projekktor from upstream:
+Update projekktor to latest version on [http://www.projekktor.com/](www.projekktor.com/):
 
     $ rake update_projekktor

data/Rakefile

@@ -10,5 +10,10 @@ task :update_projekktor do
   mv Dir["/tmp/projekktor/projekktor*.js"].first, "vendor/assets/projekktor/projekktor.js"
   mv "/tmp/projekktor/jarisplayer.swf", "vendor/assets/projekktor/"
   mv Dir["/tmp/projekktor/theme/*.{png,gif}"], "vendor/assets/projekktor/"
-  mv "/tmp/projekktor/theme/style.css", "vendor/assets/projekktor/projekktor.css"
+
+  css_filepath = '/tmp/projekktor/theme/style.css'
+  erb_filepath = 'vendor/assets/projekktor/projekktor.css.erb'
+  puts "Compiling #{css_filepath} -> #{erb_filepath}"
+  text = File.read(css_filepath).gsub(/url\("([^"]*)"\)/, 'url(<%= asset_path "\1" %>)')
+  File.open(erb_filepath, "w") { |file| file.puts text }
 end

data/lib/projekktor-rails/version.rb

@@ -1,5 +1,5 @@
 module Projekktor
   module Rails
-    VERSION = "0.0.1"
+    VERSION = "0.0.3"
   end
 end

data/vendor/assets/projekktor/projekktor.css.erb

@@ -0,0 +1,542 @@
+/*
+Theme Name: MACCACO
+Theme URI: http://www.projekktor.com/downloads
+Description: this theme is a screenr clone
+Version: 1.0
+Author: Michel Maillard
+Author URI: http://www.porkhead.org
+*/
+
+
+/***************************************
+general
+***************************************/
+.projekktor {
+    background-color:#000;
+    font-family: 'Lucida Grande', 'Trebuchet MS', Arial, Sans-Serif;
+    font-size: 12px;
+    font-weight: bold;
+    text-transform:uppercase;
+    text-shadow: 0 1px 1px #0c0c0c;
+    padding:0;
+    display:block;
+    position: relative;
+    overflow: hidden;    
+}
+
+.pptestcard {
+    background: url(<%= asset_path "noise.gif" %>) center center repeat;
+    width: 100%;
+    height: 100%;
+    color: #fff;
+    font-size: 18px;
+    overflow: hidden;
+}
+
+.pptestcard p {
+    background-color: #3b393e;
+    width: 60%;
+    margin: auto;
+    line-height: 25px;
+    position: relative;
+    top: 25%;
+    padding: 10px;
+    border:5px solid #000;
+    text-align: center;
+}
+
+
+/***************************************
+display plugin
+***************************************/
+.ppdisplay {
+    position: relative !important;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+
+}
+
+.ppdisplay .inactive,
+.ppstart.inactive,
+.ppbuffering.inactive {
+    display: none;
+}
+
+.ppstart {
+    position: absolute;
+    left: 50%;
+    bottom: 50%;
+    margin-left:-45px;
+    margin-bottom: -38px;
+    cursor: pointer;
+    height: 84px;
+    width: 84px;
+    display: block;
+
+    padding: 0px;
+    background: url(<%= asset_path "start.png" %>) no-repeat left top transparent;
+}
+.ppstart:hover {
+    background: url(<%= asset_path "start.png" %>) no-repeat left bottom transparent;
+}
+.ppstart:active {
+    background: url(<%= asset_path "start.png" %>) no-repeat left -169px transparent;
+}
+
+.ppbuffering {    
+    position: absolute;
+    left: 50%;
+    bottom: 50%;
+    margin-left:-45px;
+    margin-bottom: -38px;
+    display: block;
+    z-index:9010;
+    padding: 0px;
+    background: url(<%= asset_path "buffering.gif" %>) no-repeat center center #000;
+    height: 84px;
+    width: 84px;
+    -moz-border-radius: 15px;
+    -webkit-border-radius: 15px;
+    border-radius: 15px;    
+}
+
+
+/***************************************
+controlbar plugin
+***************************************/
+.ppcontrols {
+    position: absolute;
+    bottom: 0;
+    right:0;
+    display: block;
+    overflow: hidden;
+    width: 100%;
+    height: 36px;
+    background: url(<%= asset_path "player.png" %>) repeat-x scroll 0 0 #0f0e0e;
+    border-style:solid;
+    border-color:#413e3e;
+    border-width:1px 0;
+    padding: 0;
+    margin:0;
+}
+
+.ppcontrols .active {
+    display: block;
+}
+
+.ppcontrols .inactive {
+    display: none;
+}
+
+.projekktor.notransitions .ppcontrols.active {
+    display: block;
+}
+
+.projekktor.notransitions .ppcontrols.inactive {
+    display: none;
+}
+
+
+.ppcontrols.active {
+    filter: alpha(opacity=100);    
+    -moz-opacity: 1;
+    -khtml-opacity: 1;
+    opacity: 1;
+    -webkit-transition: opacity 0.5s linear;
+    -moz-transition: opacity 0.5s linear;
+    -o-transition: opacity 0.5s linear;
+    transition: opacity 0.5s linear;    
+}
+
+
+.ppcontrols.inactive {
+    filter: alpha(opacity=0);        
+    -moz-opacity: 0;
+    -khtml-opacity: 0;
+    opacity: 0;
+    filter: alpha(opacity=0); 
+    -webkit-transition: opacity 0.5s linear;
+    -moz-transition: opacity 0.5s linear;
+    -o-transition: opacity 0.5s linear;
+    transition: opacity 0.5s linear;
+}
+
+.ppcontrols ul {
+    list-style-type: none;   
+}
+
+.ppcontrols ul.left {
+    position: relative;
+    top: 0;
+    left: 0;
+    padding: 0;
+    margin:0;
+} 
+
+.ppcontrols ul.right {
+    background: url(<%= asset_path "player.png" %>) repeat-x scroll 0 0 #0f0e0e;    
+    position: relative;
+    top: 0;
+    right: 0;
+    padding: 0;
+    margin:0;    
+}
+
+.ppcontrols ul.bottom {
+    position: relative;
+    top: 31px;
+    left: 0;
+    padding: 0;
+    margin:0;
+}
+
+
+.ppcontrols ul.left li {
+    float: left;
+    position: relative;
+}
+
+.ppcontrols ul.right li {
+    float: right;
+    position: relative;    
+}
+
+.pptitle {
+    
+    padding: 0 10px;
+    color: #fff;
+    white-space: nowrap;
+    text-align: left;
+    line-height: 30px;
+    height:30px;
+    border-left:1px solid #413e3e;
+    font-size:11px;
+    width: 100%;
+}
+
+
+/* PLAY / PAUSE - left */
+.ppplay,
+.pppause  {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat left top transparent;
+    width: 30px;
+    height: 30px;
+    cursor: pointer;
+    border-right: 1px solid #000;
+}
+
+.ppplay:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat left -35px transparent;
+}
+.ppplay:active {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat left -36px transparent;
+}
+
+.pppause {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat left -70px transparent;
+}
+
+.pppause:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat left -105px transparent;
+}
+
+.pppause:active {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat left -106px transparent;
+}
+
+
+
+/* Enter / Exit Fullscreen - right */
+.projekktor.audio .ppfsenter,
+.projekktor.audio .ppfsexit {
+    display: none;
+}
+
+.ppfsenter,
+.ppfsexit  {    
+    width: 30px;
+    height: 30px;
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat right top transparent;
+    cursor: pointer;
+    border-left: 1px solid #413e3e;
+}
+.ppfsenter:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat right -35px transparent;
+}
+.ppfsenter:active {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat right -36px transparent;
+}
+.ppfsexit {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat right -70px transparent;
+}
+.ppfsexit:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat right -105px transparent;
+}
+.ppfsexit:active {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat right -106px transparent;
+}
+
+
+
+/* Unmute / Max volume - right */
+.ppvmax {
+    width: 30px;
+    height: 30px;
+    border-right: 1px solid #000;    
+    border-left:none; 
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -842px top transparent;
+}
+
+.ppvmax:hover  {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -842px -35px transparent;
+}
+.ppvmax:active  {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -842px -36px transparent;
+}
+
+
+
+/* Mute / Min volume - right */
+.ppmute  {
+    width: 29px;
+    height: 30px;    
+    border-left:1px solid #413e3e;
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -750px top transparent;
+}
+.ppmute:hover  {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -750px -35px transparent;
+}
+.ppmute:active  {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -750px -36px transparent;
+}
+
+
+
+/* volume slider - right */
+.ppvslider {
+    margin: 13px 5px;
+    height: 16px;
+    width: 60px;
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -781px -13px transparent;
+}
+
+.ppvmarker {
+    position: relative;
+    right:0;
+    left: 0;
+    height: 6px;
+    width: 100%;
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -634px -13px transparent;
+}
+
+.ppvknob  {
+    cursor: pointer;
+    z-index: 201;
+    position: relative;
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -699px -5px transparent;
+    top: -13px;
+    left:0;
+    width: 6px;
+    height: 20px;
+    padding: 0;
+
+}
+
+
+
+/* time / time left */
+.pptimeleft {    
+    color: #fff;
+    width: 130px;
+    line-height: 30px;
+    height: 30px;
+    border-left: 1px solid #413e3e;
+    border-right: 1px solid #000;
+    text-align: center;
+    overflow: hidden;
+}
+
+/* special for single
+.pptimeleft {
+background: url(<%= asset_path "maccaco.png" %>) no-repeat -91px top transparent;
+}
+*/
+
+
+
+/* lo / hi quality toggle */
+.pploquality, .pphiquality {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -60px -72px transparent;
+    width: 30px;
+    height: 30px;
+    cursor: pointer;
+    border-left:1px solid #413e3e;
+    border-right:1px solid #000;    
+}
+
+.pphiquality:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -32px -106px transparent;
+}
+
+.pploquality {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -32px -72px transparent;
+}
+
+.pploquality:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -32px -106px transparent;
+}
+
+.pphiquality:active, .pploquality:active  {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -32px -105px transparent;
+}
+
+
+
+
+/* previous / next item */
+.ppnext,
+.ppprev {
+    display:block;
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -59px top transparent;
+    width: 30px;
+    height: 30px;
+    cursor: pointer;
+    border-left:1px solid #413e3e;
+    border-right:1px solid #000;
+}
+.ppnext { border-right:none;}
+.ppnext:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -59px -35px transparent;
+}
+.ppnext:active {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -59px -36px transparent;
+}
+
+.ppprev {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -32px top transparent;
+}
+
+.ppprev:hover {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -32px -35px transparent;
+}
+.ppprev:active {
+    background: url(<%= asset_path "maccaco.png" %>) no-repeat -32px -36px transparent;
+}
+
+
+
+/* Scrubber, Playhead and fluff */
+.ppscrubber {
+    position: absolute;
+    height: 5px;
+    width: 100%;
+    background: url(<%= asset_path "maccaco-load.gif" %>) repeat-x left top transparent;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    border-bottom: 1px solid #000;
+}
+
+.audio .ppscrubber {
+    background: url(<%= asset_path "maccaco-load-static.png" %>) repeat-x left top transparent;
+}
+
+
+
+.ppscrubberdrag {
+    cursor: pointer;
+    z-index: 302;
+    position: absolute;
+    background-color: transparent;    
+    top:0;
+    left:0;
+    height: 5px;
+    width: 100%; 
+}
+
+.ppplayhead, .pploaded {
+    position: relative;
+    display: block;
+    left: 0;
+    bottom: 0;
+    height: 5px;
+    width: 1px;
+    background-color:#fff;
+    cursor: pointer;
+    z-index: 301;
+}
+
+.ppcuepoint {
+    position: absolute;
+    height: 5px;
+    width: 5px;
+    background-color: yellow;
+    top: 0;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    z-index: 302;
+}
+
+.ppcuepoint:hover {
+    background-color: red;
+    cursor: pointer;
+}
+
+.pploaded {
+    position: relative;    
+    z-index: 10;
+    background: rgb(65, 62, 62) ;
+    opacity: 0.8;
+    /* ie7 */
+    filter: alpha(opacity = 80);
+    /* ie8 */
+    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+}
+
+.ppplayhead {
+    margin-top: -5px;
+}
+
+.ppcontextmenu.active {
+    display: block;
+}
+.ppcontextmenu.inactive {
+    display: none;
+}
+.ppcontextmenu  {
+    background: none repeat scroll 0 0 #FFFFFF;
+    list-style: none outside none;
+    border: 1px solid #CCCCCC;
+    border-radius: 2px 2px 2px 2px;
+    margin: 4px 0;
+    outline: medium none;
+    overflow: auto;
+    padding: 6px 0;
+    position: absolute;
+    z-index: 2147483647;
+    margin: 0;
+    padding: 0;
+    top: 0;
+    left: 0;
+}
+
+.ppcontextmenu li {
+    color: #333;
+    cursor: pointer;
+    display: block;
+    margin: 0;
+    padding: 6px 20px;
+    text-decoration: none;
+    white-space: nowrap;
+    word-wrap: normal;
+}
+
+.ppcontextmenu li:hover {
+    color: #fff;
+    background-color: #333;
+}