rdoroshenko_mediaelement_rails 0.4.0

data/app/assets/stylesheets/mediaelement_rails/mejs-skins.css.erb

@@ -0,0 +1,283 @@
+/* TED player */
+.mejs-container.mejs-ted {
+
+}
+.mejs-ted .mejs-controls {
+	background: #eee;
+	height: 65px;
+}
+
+.mejs-ted .mejs-button,
+.mejs-ted .mejs-time {
+	position: absolute;
+	background: #ddd;
+}
+.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-total {
+	background-color: none;
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) repeat-x 0 -52px;
+	height: 6px;
+}
+.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-loaded {
+	background-color: none;
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) repeat-x 0 -52px;
+	width: 0;
+	height: 6px;
+}
+.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-current {
+	width: 0;
+	height: 6px;
+	background-color: none;
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) repeat-x 0 -59px;
+}
+.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-handle  {
+	display: block;
+	margin: 0;
+	width: 14px;
+	height: 21px;
+	top: -7px;
+	border: 0;
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) no-repeat 0 0;	
+}
+.mejs-ted .mejs-controls .mejs-time-rail .mejs-time-float {	
+	display: none;
+}
+.mejs-ted .mejs-controls .mejs-playpause-button  {
+	top: 29px;
+	left: 9px;
+	width: 49px;
+	height: 28px;
+}
+.mejs-ted .mejs-controls .mejs-playpause-button  button {
+	width: 49px;
+	height: 28px;
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) no-repeat -50px -23px;
+	margin: 0;
+	padding: 0;
+}
+.mejs-ted .mejs-controls .mejs-pause button  {
+	background-position: 0 -23px;
+}
+
+.mejs-ted .mejs-controls .mejs-fullscreen-button  {
+	top: 34px;
+	right: 9px;
+	width: 17px;
+	height: 15px;
+	background : none;
+}
+.mejs-ted .mejs-controls .mejs-fullscreen-button  button {
+	width: 19px;
+	height: 17px;
+	background: transparent url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) no-repeat 0 -66px;
+	margin: 0;
+	padding: 0;
+}
+.mejs-ted .mejs-controls .mejs-unfullscreen  button {
+	background: transparent url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) no-repeat -21px -66px;
+	margin: 0;
+	padding: 0;
+}
+.mejs-ted .mejs-controls .mejs-volume-button  {
+	top: 30px;
+	right: 35px;
+	width: 24px;
+	height: 22px;
+}
+.mejs-ted .mejs-controls .mejs-mute button {
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) no-repeat -15px 0;
+	width: 24px;
+	height: 22px;
+	margin: 0;
+	padding: 0;
+}
+.mejs-ted .mejs-controls .mejs-unmute button {
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) no-repeat -40px 0;
+	width: 24px;
+	height: 22px;
+	margin: 0;
+	padding: 0;	
+}
+.mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-slider {
+	background: #fff;
+	border: solid 1px #aaa;
+	border-width: 1px 1px 0 1px;
+	width: 22px;
+	height: 65px;
+	top: -65px;
+}
+.mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-total {
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) repeat-y -41px -66px;
+	left: 8px;
+	width: 6px;
+	height: 50px;
+}
+.mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-current {
+	left: 8px;
+	width: 6px;	
+	background: url(<%= asset_path "mediaelement_rails/controls-ted.png" %>) repeat-y -48px -66px;
+	height: 50px;
+}
+
+.mejs-ted  .mejs-controls .mejs-volume-button .mejs-volume-handle {
+	display: none;
+}
+
+.mejs-ted .mejs-controls .mejs-time span {
+	color: #333;
+}
+.mejs-ted .mejs-controls .mejs-currenttime-container  {
+	position: absolute;
+	top: 32px;
+	right: 100px;
+	border: solid 1px #999;
+	background: #fff;
+	color: #333;
+	padding-top: 2px;
+	border-radius: 3px;
+	color: #333;
+}
+.mejs-ted .mejs-controls .mejs-duration-container  {
+
+	position: absolute;
+	top: 32px;
+	right: 65px;
+	border: solid 1px #999;
+	background: #fff;
+	color: #333;
+	padding-top: 2px;
+	border-radius: 3px;
+	color: #333;
+}
+
+.mejs-ted .mejs-controls .mejs-time  button{
+	color: #333;
+}
+.mejs-ted .mejs-controls .mejs-captions-button {
+	display: none;
+}
+/* END: TED player */
+
+
+/* WMP player */
+.mejs-container.mejs-wmp {
+
+}
+.mejs-wmp .mejs-controls {
+	background: transparent url(<%= asset_path "mediaelement_rails/controls-wmp-bg.png" %>) center 16px no-repeat;
+	height: 65px;
+}
+
+.mejs-wmp .mejs-button,
+.mejs-wmp .mejs-time {
+	position: absolute;
+	background: transparent;
+}
+.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-total {
+	background-color: transparent;
+	border: solid 1px #ccc;
+	height: 3px;
+}
+.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-loaded {
+	background-color: rgba(255,255,255,0.3);
+	width: 0;
+	height: 3px;
+}
+.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-current {
+	width: 0;
+	height: 1px;
+	background-color: #014CB6;
+	border: solid 1px #7FC9FA;
+	border-width: 1px 0;
+	border-color: #7FC9FA #fff #619FF2 #fff;
+}
+.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-handle  {
+	display: block;
+	margin: 0;
+	width: 16px;
+	height: 9px;
+	top: -3px;
+	border: 0;
+	background: url(<%= asset_path "mediaelement_rails/controls-wmp.png" %>) no-repeat 0 -80px;	
+}
+.mejs-wmp .mejs-controls .mejs-time-rail .mejs-time-float {	
+	display: none;
+}
+.mejs-wmp .mejs-controls .mejs-playpause-button  {
+	top: 10px;
+	left: 50%;
+	margin: 10px 0 0 -20px;	
+	width: 40px;
+	height: 40px;
+	
+}
+.mejs-wmp .mejs-controls .mejs-playpause-button  button {
+	width: 40px;
+	height: 40px;
+	background: url(<%= asset_path "mediaelement_rails/controls-wmp.png" %>) no-repeat 0 0;	
+	margin: 0;
+	padding: 0;
+}
+.mejs-wmp .mejs-controls .mejs-pause button  {
+	background-position: 0 -40px;
+}
+
+.mejs-wmp .mejs-controls .mejs-currenttime-container  {
+	position: absolute;
+	top: 25px;
+	left: 50%;
+	margin-left: -93px;
+}
+.mejs-wmp .mejs-controls .mejs-duration-container  {
+	position: absolute;
+	top: 25px;
+	left: 50%;
+	margin-left: -58px;
+}
+
+
+.mejs-wmp .mejs-controls .mejs-volume-button  {
+	top: 32px;
+	right: 50%;
+	margin-right: -55px;
+	width: 20px;
+	height: 15px;
+}
+.mejs-wmp .mejs-controls .mejs-volume-button button {
+	margin: 0;
+	padding: 0;
+	background: url(<%= asset_path "mediaelement_rails/controls-wmp.png" %>) no-repeat -42px -17px;
+	width: 20px;
+	height: 15px;
+}
+.mejs-wmp .mejs-controls .mejs-unmute button {
+	margin: 0;
+	padding: 0;
+	background: url(<%= asset_path "mediaelement_rails/controls-wmp.png" %>) no-repeat -42px 0;
+	width: 20px;
+	height: 15px;
+}
+.mejs-wmp .mejs-controls .mejs-volume-button .mejs-volume-slider {
+	background: rgba(102,102,102,0.6);
+}
+
+.mejs-wmp .mejs-controls .mejs-fullscreen-button  {
+	top: 32px;
+	right: 50%;
+	margin-right: -82px;
+	width: 15px;
+	height: 14px;
+}
+.mejs-wmp .mejs-controls .mejs-fullscreen-button  button {
+	margin: 0;
+	padding: 0;
+	background: url(<%= asset_path "mediaelement_rails/controls-wmp.png" %>) no-repeat -63px 0;
+	width: 15px;
+	height: 14px;
+}
+.mejs-wmp .mejs-controls .mejs-captions-button {
+	display: none;
+}
+/* END: WMP player */
+
+
+

data/lib/mediaelement_rails.rb

@@ -0,0 +1,5 @@
+require "mediaelement_rails/version"
+require "mediaelement_rails/engine"
+
+module MediaelementRails
+end

data/lib/mediaelement_rails/engine.rb

@@ -0,0 +1,11 @@
+require "rails/engine"
+require "jquery-rails"
+
+module MediaelementRails
+  class Engine < Rails::Engine
+    initializer 'mediaelement_rails', :after => "sprockets.environment" do |app|
+      next unless app.assets
+      app.assets.register_mime_type "application/x-silverlight-app", ".xap"
+    end
+  end
+end

data/lib/mediaelement_rails/version.rb

@@ -0,0 +1,3 @@
+module MediaelementRails
+  VERSION = '0.4.0'
+end

data/mediaelement_rails.gemspec

@@ -0,0 +1,28 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "mediaelement_rails/version"
+
+Gem::Specification.new do |s|
+  s.name        = "rdoroshenko_mediaelement_rails"
+  s.version     = MediaelementRails::VERSION
+  s.authors     = ["Tobias Schlottke", "Pete Browne"]
+  s.email       = ["tobias.schlottke@gmail.com", "me@petebrowne.com"]
+  s.homepage    = "https://github.com/rdoroshenko/mediaelement_rails"
+  s.summary     = %q{MediaElement.js for Rails}
+  s.description = %q{A MediaElement gem(engine) for Rails. Makes embedding HTML5 video easy.}
+  
+  s.add_dependency "railties",     ">= 3.1"
+  s.add_dependency "jquery-rails", ">= 1.0"
+  
+  s.add_development_dependency "rails", ">= 3.1"
+  s.add_development_dependency "i18n"
+  s.add_development_dependency "turn"
+  s.add_development_dependency "sqlite3"
+  s.add_development_dependency "thor"
+  s.add_development_dependency "rake"
+  
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+end

data/mediaelement_rails.thor

@@ -0,0 +1,83 @@
+# encoding: utf-8
+
+module MediaelementRails
+  class Updater < Thor
+    include Thor::Actions
+    namespace "mediaelement_rails"
+    
+    UPDATE_FILES = {
+      "mediaelement.js"        => "javascripts",
+      "mediaelementplayer.js"  => "javascripts",
+      "mediaelementplayer.css" => "stylesheets",
+      "mejs-skins.css"         => "stylesheets",
+      "*.{png,gif}"            => "images",
+      "*.{swf,xap}"            => "plugins"
+    }
+    
+    TRANSFORMATIONS = {
+      "**/*.css.erb" => :add_asset_path_helper,
+      "**/*.js"      => :remove_weird_characters
+    }
+    
+    def self.source_root
+      File.expand_path("..", __FILE__)
+    end
+    
+    desc "update", "Update the MediaElement.js files"
+    method_option "vendor_path",
+      :desc    => "Path to the the MediaElement.js git repo",
+      :default => "vendor/mediaelement",
+      :aliases => %w(-v)
+    method_option "assets_path",
+      :desc    => "Path to the the mediaelement_rails assets",
+      :default => "app/assets",
+      :aliases => %w(-a)
+    method_option "git",
+      :desc    => "URL of the MediaElement.js git repo to clone",
+      :default => "http://github.com/johndyer/mediaelement.git",
+      :aliases => %w(-g)
+    method_option "tag",
+      :desc    => "The tag to checkout in the MediaElement.js git repo",
+      :default => "master",
+      :aliases => %w(-t)
+    def update
+      assets_path = options[:assets_path]
+      vendor_path = options[:vendor_path]
+      
+      # Update the vendored MediaElement.js
+      run "git clone #{options[:git]} #{vendor_path}",    :capture => true unless File.directory? vendor_path
+      run "cd #{vendor_path} && git pull origin master",  :capture => true
+      run "cd #{vendor_path} && git co #{options[:tag]}", :capture => true
+      
+      # Then copy the files we need to their correct locations
+      UPDATE_FILES.each do |matcher, path|
+        Dir[File.join(vendor_path, "build", matcher)].each do |file|
+          new_name = File.join assets_path, path, "mediaelement_rails", File.basename(file)
+          new_name << ".erb" if file =~ /\.css$/
+          copy_file file, new_name
+        end
+      end
+      
+      # Peform any transformations necessary to the files
+      TRANSFORMATIONS.each do |matcher, transformation|
+        Dir[File.join(assets_path, matcher)].each do |file|
+          content = File.binread file
+          content = send(transformation, content)
+          File.open(file, "wb") { |file| file.write(content) }
+        end
+      end
+    end
+    
+    protected
+    
+    # Replaces `url(...)` with url(<%= asset_path "..." %>) in CSS files.
+    def add_asset_path_helper(content)
+      content.gsub /url\((.*?)\)/, 'url(<%= asset_path "mediaelement_rails/\1" %>)'
+    end
+    
+    # Removes the weird unicode character from the MediaElement source files.
+    def remove_weird_characters(content)
+      content.gsub //, ''
+    end
+  end
+end

data/script/rails

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+ENGINE_PATH = File.expand_path('../..',  __FILE__)
+load File.expand_path('../../test/dummy/script/rails',  __FILE__)

data/test/dummy/Rakefile

@@ -0,0 +1,7 @@
+#!/usr/bin/env rake
+# Add your own tasks in files placed in lib/tasks ending in .rake,
+# for example lib/tasks/capistrano.rake, and they will automatically be available to Rake.
+
+require File.expand_path('../config/application', __FILE__)
+
+Dummy::Application.load_tasks

data/test/dummy/app/assets/javascripts/mediaelement-and-player.js

@@ -0,0 +1 @@
+//= require mediaelement_rails

data/test/dummy/app/assets/javascripts/mediaelement-without-player.js

@@ -0,0 +1 @@
+//= require mediaelement_rails/rails

data/test/dummy/app/assets/stylesheets/player-skins.css

@@ -0,0 +1,3 @@
+/*
+ *= require mediaelement_rails/mejs-skins
+*/

data/test/dummy/app/assets/stylesheets/player.css

@@ -0,0 +1,3 @@
+/*
+ *= require mediaelement_rails
+*/