├── .bowerrc
├── MIT-LICENSE.txt
├── README.md
├── acornmediaplayer
    ├── acornmediaplayer.base.css
    ├── jquery.acornmediaplayer.js
    └── themes
    │   ├── access
    │       ├── access-captions-dark.png
    │       ├── access-captions.png
    │       ├── access-exit-fullscreen-dark.png
    │       ├── access-exit-fullscreen.png
    │       ├── access-fullscreen-dark.png
    │       ├── access-fullscreen.png
    │       ├── access-pause-dark.png
    │       ├── access-pause.png
    │       ├── access-play-dark.png
    │       ├── access-play.png
    │       ├── access-transcript-dark.png
    │       ├── access-transcript.png
    │       ├── access-volume-dark.png
    │       ├── access-volume-full-dark.png
    │       ├── access-volume-full.png
    │       ├── access-volume.png
    │       ├── acorn.access.css
    │       ├── button-background-dark.png
    │       ├── button-background-light.png
    │       ├── controls-background-dark.png
    │       └── controls-background-light.png
    │   ├── barebones
    │       └── acorn.barebones.css
    │   └── darkglass
    │       ├── acorn.darkglass.css
    │       ├── darkglass-caption.png
    │       ├── darkglass-exit-fullscreen.png
    │       ├── darkglass-fullscreen.png
    │       ├── darkglass-pause.png
    │       ├── darkglass-play.png
    │       ├── darkglass-transcript.png
    │       ├── darkglass-volume-full.png
    │       └── darkglass-volume.png
├── bower.json
├── demos.html
├── index.html
├── lib
    ├── jquery-ui-1.10.0.custom.min.js
    ├── jquery.min.js
    └── modernizr.custom.js
├── subs
    ├── TOS-arabic.srt
    ├── TOS-english.srt
    ├── TOS-japanese.srt
    ├── TOS-turkish.srt
    └── TOS-ukrainian.srt
└── website
    ├── css
        └── amp-website.css
    └── images
        ├── access-icon.png
        ├── caption-icon.png
        ├── fullscreen-icon.png
        ├── tos-poster.jpg
        └── transcript-icon.png


/.bowerrc:
--------------------------------------------------------------------------------
1 | {
2 | 	"directory": "bower_components"
3 | }
4 | 


--------------------------------------------------------------------------------
/MIT-LICENSE.txt:
--------------------------------------------------------------------------------
 1 | Copyright 2012 Cristian-Ioan Colceriu
 2 | http://ghinda.net/
 3 | 
 4 | Permission is hereby granted, free of charge, to any person obtaining
 5 | a copy of this software and associated documentation files (the
 6 | "Software"), to deal in the Software without restriction, including
 7 | without limitation the rights to use, copy, modify, merge, publish,
 8 | distribute, sublicense, and/or sell copies of the Software, and to
 9 | permit persons to whom the Software is furnished to do so, subject to
10 | the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be
13 | included in all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
17 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
19 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
20 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
21 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Acorn Media Player - jQuery HTML5 media player
 2 | ==============================================
 3 | 
 4 | Acorn Media Player is a HTML5 media player with a focus on accessibility and customization.
 5 | 
 6 | Articles describing its development on [Dev.Opera](http://dev.opera.com/):
 7 | 
 8 | + [Building a custom HTML5 video player with CSS3 and jQuery](http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/)
 9 | + [A more accessible HTML5 <video> player](http://dev.opera.com/articles/view/more-accessible-html5-video-player/)
10 | 
11 | 
12 | Features
13 | --------
14 | 
15 | ### Accessibility
16 | Acorn Media Player is built with accessibility in mind.
17 | It provides full keyboard control using standard tab-based navigation, screen-reader (and other AT) support, accessible themes, and other accessibility tweaks.
18 | 
19 | ### Closed-Captions
20 | This is yet no native support for closed captioning on HTML5 <video>, but that shouldn't stop you from providing them.
21 | It supports external SRT files just like desktop media players.
22 | 
23 | ### Transcript
24 | Along with closed captions support, the player provides a dynamic transcript generated from the selected captions.
25 | 
26 | ### Other features
27 | Other notable features include:
28 | * Easy customization and theming
29 | * Fullscreen support
30 | * Buffering indicator
31 | * <audio> support
32 | * Loading indicator
33 | * Remembers volume level using HTML5 LocalStorage
34 | * Easy to use, understand and adapt
35 | * Free and Open Source
36 | 
37 | How to use
38 | ----------
39 | 1. Mark-up your &lt;audio&gt; and &lt;video&gt;
40 | 2. Include jQuery and jQuery UI Slider
41 | 3. Include specific JavaScript and CSS for Acorn Media Player
42 | 4. Include the Theme(s)
43 | 5. Call the plugin
44 | 
45 | More details on the [projects webpage](http://ghinda.net/acornmediaplayer/).
46 | 
47 | Themes
48 | ------
49 | 
50 | These are the themes included with the player:
51 | 
52 | * access(default theme)
53 |   Includes child theme accesslight
54 | 
55 | * darkglass
56 |   Includes child theme darkglasssmall
57 | 
58 | * barebones
59 | 
60 | 
61 | Contributors
62 | ------------
63 | 
64 | * https://github.com/stephenoldham
65 | * https://github.com/leslash
66 | 
67 | License
68 | -------
69 | Acorn Media Player is licensed under the MIT license.
70 | 
71 | Fallback?
72 | ---------
73 | Acorn Media Player does not provide any fallback for old browsers, or those that don't support the provided video format.
74 | 
75 | You can provide your own fallback using [Video for Everybody](http://camendesign.com/code/video_for_everybody).
76 | 
77 | Acorn Media Player is a project by [Ionuț Colceriu](http://www.ghinda.net).
78 | 


--------------------------------------------------------------------------------
/acornmediaplayer/acornmediaplayer.base.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Acorn Media Player - jQuery plugin
  3 |  *
  4 |  * Copyright (C) 2013 Ionut Cristian Colceriu
  5 |  *
  6 |  * Licensed under the MIT:
  7 |  *   http://www.opensource.org/licenses/mit-license.php
  8 |  *
  9 |  * www.ghinda.net
 10 |  * contact@ghinda.net
 11 |  *
 12 |  * Contributors:
 13 |  * https://github.com/stephenoldham
 14 |  * https://github.com/leslash
 15 |  *
 16 |  */
 17 | 
 18 | /* Main elements */
 19 | .acorn-player, .acorn-controls {
 20 | 	position: relative;
 21 | }
 22 | .acorn-timer {
 23 | 	cursor: default;
 24 | }
 25 | .acorn-buffer {
 26 | 	width: 0px;
 27 | }
 28 | /* <video> */
 29 | .acorn-player video {
 30 | 	position: relative;
 31 | 	z-index: 1;
 32 | 	background-color: #000;
 33 | }
 34 | /* <audio> */
 35 | .acorn-player.audio-player {
 36 | 	width: 500px;
 37 | }
 38 | .acorn-player.audio-player audio {
 39 | 	display: none;
 40 | }
 41 | /* Captions and Transcript */
 42 | .acorn-transcript {
 43 | 	clear: both;
 44 | 	display: none;
 45 | 
 46 | 	overflow: auto;
 47 | 	height: 15em;
 48 | }
 49 | .acorn-transcript-button {
 50 | 	display: none;
 51 | }
 52 | /*
 53 |  * Show the timings in square brackets before each "subtitle" in the transcript.
 54 |  * Borrowed and adapted from Bruce Lawson's “Accessible HTML5 Video with JavaScripted captions”
 55 |  * http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
 56 |  */
 57 | .acorn-transcript span {
 58 | 	display: block;
 59 | 	float: left;
 60 | 	width: 100%;
 61 | 	line-height: 1.5em;
 62 | 
 63 | 	-moz-border-radius: 5px;
 64 | 	-webkit-border-radius: 5px;
 65 | 	border-radius: 5px;
 66 | }
 67 | .acorn-transcript span:hover {
 68 | 	background-color: #cadde7 !important;
 69 | 
 70 | 	font-weight: bold;
 71 | }
 72 | .acorn-transcript span:nth-of-type(even) {
 73 | 	background-color: #efefef;
 74 | }
 75 | .acorn-transcript [data-begin]:before {
 76 | 	display: block;
 77 | 	float: left;
 78 | 	content: " [" attr(data-begin) "s-" attr(data-end)"s]   ";
 79 | 	width: 15%;
 80 | 	padding: 0.2em 1.5em 0.2em 0.2em;
 81 | }
 82 | .acorn-caption {
 83 | 	display: none;
 84 | 	position: absolute;
 85 | 	bottom: 75px;
 86 | 	z-index: 12;
 87 | 	width: 100%;
 88 | 
 89 | 	text-align: center;
 90 | }
 91 | .acorn-caption-button {
 92 | 	display: none;
 93 | }
 94 | .acorn-caption-selector {
 95 | 	position: absolute;
 96 | 	display: none;
 97 | 	width: 170px;
 98 | 	padding: 5px;
 99 | 	height: 75px;
100 | 	margin-bottom: 10px;
101 | 	overflow: auto;
102 | 
103 | 	background-color: #000;
104 | 	border: 3px solid #fff;
105 | 
106 | 	z-index: 3;
107 | 
108 | 	-moz-border-radius: 5px;
109 | 	-webkit-border-radius: 5px;
110 | 	border-radius: 5px;
111 | 
112 | 	-moz-box-shadow: 0px 1px 5px #000;
113 | 	-webkit-box-shadow: 0px 1px 5px #000;
114 | 	box-shadow: 0px 1px 5px #000;
115 | }
116 | .acorn-caption-selector label {
117 | 	display: block;
118 | 
119 | 	font-weight: bold;
120 | 	color: #fff;
121 | }
122 | .acorn-caption-selector ul, .acorn-caption-selector li {
123 | 	list-style-type: none;
124 | 	margin: 0px;
125 | 	padding: 0px;
126 | }
127 | /* Fullscreen Mode */
128 | .fullscreen-video,
129 | .has-fullscreen-video .polyfill-mediaelement {
130 | 	position: fixed !important;
131 | 	top: 0px;
132 | 	left: 0px;
133 | 	z-index: 99999 !important;
134 | 	width: 100% !important;
135 | 	height: 100% !important;
136 | 	background-color: #000;
137 | }
138 | .acorn-controls.fullscreen-controls {
139 | 	position: fixed !important;
140 | 	z-index: 100000 !important;
141 | }
142 | /* Loading */
143 | .show-loading .loading-media {
144 | 	visibility: visible;
145 | }
146 | .loading-media {
147 | 	visibility: hidden;
148 | 
149 | 	position: absolute;
150 | 	left: 50%;
151 | 	top: 50%;
152 | 	z-index: 11;
153 | 	width: 20px;
154 | 	height: 20px;
155 | 	margin-top: -10px;
156 | 	margin-left: -10px;
157 | 
158 | 	background-color: #000;
159 | 	border: 5px solid #fff;
160 | 	border-top: 5px solid rgba(0,0,0,0);
161 | 	border-left: 5px solid rgba(0,0,0,0);
162 | 	border-radius: 20px;
163 | 
164 | 	animation: spin 1s infinite linear;
165 | 	-o-animation: spin 1s infinite linear;
166 | 	-moz-animation: spin 1s infinite linear;
167 | 	-webkit-animation: spin 1s infinite linear;
168 | }
169 | 
170 | @-o-keyframes spin {
171 | 	0% { -o-transform:rotate(0deg); }
172 | 	100% { -o-transform:rotate(360deg); }
173 | }
174 | @-ms-keyframes spin {
175 | 	0% { -ms-transform:rotate(0deg); }
176 | 	100% { -ms-transform:rotate(360deg); }
177 | }
178 | @-moz-keyframes spin {
179 | 	0% { -moz-transform:rotate(0deg); }
180 | 	100% { -moz-transform:rotate(360deg); }
181 | }
182 | @-webkit-keyframes spin {
183 | 	0% { -webkit-transform:rotate(0deg); }
184 | 	100% { -webkit-transform:rotate(360deg); }
185 | }
186 | @keyframes spin {
187 | 	0% { transform:rotate(0deg); }
188 | 	100% { transform:rotate(360deg); }
189 | }
190 | 
191 | /* Controls overlay while loading */
192 | .show-loading:after {
193 | 	content: ' ';
194 | 	position: absolute;
195 | 	top: -2px; /* Slider handle goes above */
196 | 	padding-bottom: 2px;
197 | 	left: 0;
198 | 	z-index: 10;
199 | 	width: 100%;
200 | 	height: 100%;
201 | 
202 | 	background: #000;
203 | 	opacity: 0.9;
204 | }
205 | 
206 | /* Styles needed for the jQuery UI slider
207 |  * We're declaring these so we don't have to use jQuery UI's stylesheet
208 |  */
209 | a.ui-slider-handle {
210 | 	position: absolute;
211 | 	display: block;
212 | 	margin-left: -0.6em;
213 | 	z-index: 2;
214 | 	cursor: default;
215 | 	outline: none;
216 | }
217 | .ui-slider {
218 | 	position: relative;
219 | }
220 | .ui-slider-range {
221 | 	position: absolute;
222 | 	display: block;
223 | 	width: 100%;
224 | 	height: 100%;
225 | 	left: 0;
226 | 	bottom: 0;
227 | 	border: none;
228 | 	z-index: 1;
229 | }
230 | 


--------------------------------------------------------------------------------
/acornmediaplayer/jquery.acornmediaplayer.js:
--------------------------------------------------------------------------------
   1 | /*
   2 |  * Acorn Media Player - jQuery plugin
   3 |  *
   4 |  * Copyright (C) 2013 Ionut Cristian Colceriu
   5 |  *
   6 |  * Licensed under the MIT:
   7 |  *   http://www.opensource.org/licenses/mit-license.php
   8 |  *
   9 |  * www.ghinda.net
  10 |  * contact@ghinda.net
  11 |  *
  12 |  * Contributors:
  13 |  * https://github.com/stephenoldham
  14 |  * https://github.com/leslash
  15 |  *
  16 |  */
  17 | 
  18 | (function($) {
  19 | 	$.fn.acornMediaPlayer = function(options) {
  20 | 		/*
  21 | 		 * Define default plugin options
  22 | 		 */
  23 | 		var defaults = {
  24 | 			theme: 'access',
  25 | 			nativeSliders: false,
  26 | 			volumeSlider: 'horizontal',
  27 | 			captionsOn: false,
  28 | 			tooltipsOn: true
  29 | 		};
  30 | 		options = $.extend(defaults, options);
  31 | 
  32 | 		/*
  33 | 		 * Function for generating a unique identifier using the current date and time
  34 | 		 * Used for generating an ID for the media elmenet when none is available
  35 | 		 */
  36 | 		var uniqueID = function() {
  37 | 			var currentDate = new Date();
  38 | 			return currentDate.getTime();
  39 | 		};
  40 | 
  41 | 		/*
  42 | 		 * Detect support for localStorage
  43 | 		 */
  44 | 		function supports_local_storage() {
  45 | 			try {
  46 | 				return 'localStorage' in window && window.localStorage !== null;
  47 | 			} catch(e){
  48 | 				return false;
  49 | 			}
  50 | 		}
  51 | 
  52 | 		/* Detect Touch support
  53 | 		 */
  54 | 		var is_touch_device = 'ontouchstart' in document.documentElement;
  55 | 
  56 | 		/*
  57 | 		 * Get the volume value from localStorage
  58 | 		 * If no value is present, define as maximum
  59 | 		 */
  60 | 		var volume = (supports_local_storage) ? localStorage.getItem('acornvolume') : 1;
  61 | 		if(!volume) {
  62 | 			volume = 1;
  63 | 		}
  64 | 
  65 | 		/*
  66 | 		 * Main plugin function
  67 | 		 * It will be called on each element in the matched set
  68 | 		 */
  69 | 		var acornPlayer = function() {
  70 | 			// set the acorn object, will contain the needed DOM nodes and others
  71 | 			var acorn = {
  72 | 				$self: $(this)
  73 | 			};
  74 | 
  75 | 			var loadedMetadata; // Is the metadata loaded
  76 | 			var seeking; // The user is seeking the media
  77 | 			var wasPlaying; // Media was playing when the seeking started
  78 | 			var fullscreenMode; // The media is in fullscreen mode
  79 | 			var captionsActive; // Captions are active
  80 | 
  81 | 			// check for autoplay attribute, to resolve Firefox/jQuery bug with autoplay video elements
  82 | 			// and disable the native autoplay
  83 | 			// http://bugs.jquery.com/ticket/9174
  84 | 			var autoplay = acorn.$self.prop('autoplay');
  85 | 
  86 | 			// disable native autoplay
  87 | 			acorn.$self.prop('autoplay', false);
  88 | 
  89 | 
  90 | 			/* Define all the texts used
  91 | 			 * This makes it easier to maintain, make translations, etc.
  92 | 			*/
  93 | 			var text = {
  94 | 				play: 'Play',
  95 | 				playTitle: 'Start the playback',
  96 | 				pause: 'Pause',
  97 | 				pauseTitle: 'Pause the playback',
  98 | 				mute: 'Mute',
  99 | 				unmute: 'Unmute',
 100 | 				fullscreen: 'Fullscreen',
 101 | 				fullscreenTitle: 'Toggle fullscreen mode',
 102 | 				volumeTitle: 'Volume control',
 103 | 				seekTitle: 'Video seek control',
 104 | 				captions: 'Captions',
 105 | 				captionsTitle: 'Show captions',
 106 | 				captionsChoose: 'Choose caption',
 107 | 				transcript: 'Transcript',
 108 | 				transcriptTitle: 'Show transcript'
 109 | 			};
 110 | 
 111 | 			// main wrapper element
 112 | 			var $wrapper = $('<div class="acorn-player" role="application"></div>').addClass(options.theme);
 113 | 
 114 | 			/*
 115 | 			 * Define attribute tabindex on the main element to make it readchable by keyboard
 116 | 			 * Useful when "aria-describedby" is present
 117 | 			 *
 118 | 			 * It makes more sense for screen reader users to first reach the actual <video> or <audio> elment and read of description of it,
 119 | 			 * than directly reach the Media Player controls, without knowing what they control.
 120 | 			 */
 121 | 			acorn.$self.attr('tabindex', '0');
 122 | 
 123 | 			/*
 124 | 			 * Check if the main element has an ID attribute
 125 | 			 * If not present, generate one
 126 | 			 */
 127 | 			acorn.id = acorn.$self.attr('id');
 128 | 			if(!acorn.id) {
 129 | 				acorn.id = 'acorn' + uniqueID();
 130 | 				acorn.$self.attr('id', acorn.id);
 131 | 			}
 132 | 
 133 | 			/*
 134 | 			 * Markup for the fullscreen button
 135 | 			 * If the element is not <video> we leave if blank, as the button if useless on <audio> elements
 136 | 			 */
 137 | 			var fullscreenBtnMarkup = (acorn.$self.is('video')) ? '<button class="acorn-fullscreen-button" title="' + text.fullscreenTitle + '" aria-controls="' + acorn.id + '">' + text.fullscreen + '</button>' : '';
 138 | 
 139 | 			/*
 140 | 			 * Markup for player tooltips
 141 | 			 * If tooltips are not required we leave it blank
 142 | 			 */
 143 | 			var tooltipMarkup = (options.tooltipsOn) ? '<div class="acorn-tooltip"><div>' : '';
 144 | 
 145 | 			/*
 146 | 			 * Complete markup
 147 | 			 */
 148 | 			var template = '<div class="acorn-controls">' +
 149 | 								'<button class="acorn-play-button" title="' + text.playTitle + '" aria-controls="' + acorn.id + '">' + text.play + '</button>' +
 150 | 								'<input type="range" class="acorn-seek-slider" title="' + text.seekTitle + '" value="0" min="0" max="150" step="0.1" aria-controls="' + acorn.id + '"/>' +
 151 | 								'<span class="acorn-timer">00:00</span>' +
 152 | 								'<div class="acorn-volume-box">' +
 153 | 									'<button class="acorn-volume-button" title="' + text.mute + '" aria-controls="' + acorn.id + '">' + text.mute + '</button>' +
 154 | 									'<input type="range" class="acorn-volume-slider" title="' + text.volumeTitle + '" value="1" min="0" max="1" step="0.05" aria-controls="' + acorn.id + '"/>' +
 155 | 								'</div>' +
 156 | 								fullscreenBtnMarkup +
 157 | 								'<button class="acorn-caption-button" title="' + text.captionsTitle + '"  aria-controls="' + acorn.id + '">' + text.captions + '</button>' +
 158 | 								'<div class="acorn-caption-selector"></div>' +
 159 | 								'<button class="acorn-transcript-button" title="' + text.transcriptTitle + '">' + text.transcript + '</button>' +
 160 | 							'</div>' +
 161 | 							tooltipMarkup;
 162 | 
 163 | 			var captionMarkup = '<div class="acorn-caption"></div>';
 164 | 			var transcriptMarkup = '<div class="acorn-transcript" role="region" aria-live="assertive"></div>';
 165 | 
 166 | 			/*
 167 | 			 * Append the HTML markup
 168 | 			 */
 169 | 
 170 | 			// append the wrapper
 171 | 			acorn.$self.after($wrapper);
 172 | 
 173 | 			// For iOS support, I have to clone the node, remove the original, and get a reference to the new one.
 174 | 			// This is because iOS doesn't want to play videos that have just been `moved around`.
 175 | 			// More details on the issue: http://bugs.jquery.com/ticket/8015
 176 | 			$wrapper[0].appendChild( acorn.$self[0].cloneNode(true) );
 177 | 
 178 | 			acorn.$self.remove();
 179 | 			acorn.$self = $wrapper.find('video, audio');
 180 | 
 181 | 			// append the controls and loading mask
 182 | 			acorn.$self.after(template).after('<div class="loading-media"></div>');
 183 | 
 184 | 			/*
 185 | 			 * Define the newly created DOM nodes
 186 | 			 */
 187 | 			acorn.$container = acorn.$self.parent('.acorn-player');
 188 | 
 189 | 			acorn.$controls = $('.acorn-controls', acorn.$container);
 190 | 			acorn.$playBtn = $('.acorn-play-button', acorn.$container);
 191 | 			acorn.$seek = $('.acorn-seek-slider', acorn.$container);
 192 | 			acorn.$timer = $('.acorn-timer', acorn.$container);
 193 | 			acorn.$volume = $('.acorn-volume-slider', acorn.$container);
 194 | 			acorn.$volumeBtn = $('.acorn-volume-button', acorn.$container);
 195 | 			acorn.$fullscreenBtn = $('.acorn-fullscreen-button', acorn.$container);
 196 | 			acorn.$tooltip = $('.acorn-tooltip', acorn.$container);
 197 | 
 198 | 			/*
 199 | 			 * Append the markup for the Captions and Transcript
 200 | 			 * and define newly created DOM nodes for these
 201 | 			 */
 202 | 			acorn.$controls.after(captionMarkup);
 203 | 			acorn.$container.after(transcriptMarkup);
 204 | 
 205 | 			acorn.$transcript = acorn.$container.next('.acorn-transcript');
 206 | 			acorn.$transcriptBtn = $('.acorn-transcript-button', acorn.$container);
 207 | 
 208 | 			acorn.$caption = $('.acorn-caption', acorn.$container);
 209 | 			acorn.$captionBtn = $('.acorn-caption-button', acorn.$container);
 210 | 			acorn.$captionSelector = $('.acorn-caption-selector', acorn.$container);
 211 | 
 212 | 			/*
 213 | 			 * Time formatting function
 214 | 			 * Takes the number of seconds as a parameter and return a readable format "minutes:seconds"
 215 | 			 * Used with the number of seconds returned by "currentTime"
 216 | 			 */
 217 | 			var timeFormat = function(sec) {
 218 | 				var m = Math.floor(sec/60)<10?"0" + Math.floor(sec/60):Math.floor(sec/60);
 219 | 				var s = Math.floor(sec-(m*60))<10?"0" + Math.floor(sec-(m*60)):Math.floor(sec-(m*60));
 220 | 				return m + ":" + s;
 221 | 			};
 222 | 
 223 | 			/*
 224 | 			 * PLAY/PAUSE Behaviour
 225 | 			 *
 226 | 			 * Function for the Play button
 227 | 			 * It triggers the native Play or Pause events
 228 | 			 */
 229 | 			var playMedia = function() {
 230 | 				if(!acorn.$self.prop('paused')) {
 231 | 					acorn.$self.trigger('pause');
 232 | 				} else {
 233 | 					acorn.$self.trigger('play');
 234 | 				}
 235 | 				return false;
 236 | 			};
 237 | 
 238 | 			/*
 239 | 			 * Functions for native playback events (Play, Pause, Ended)
 240 | 			 * These are attached to the native media events.
 241 | 			 *
 242 | 			 * Even if the user is still using some form of native playback control (such as using the Context Menu)
 243 | 			 * it will not break the behviour of our player.
 244 | 			 */
 245 | 			var startPlayback = function() {
 246 | 				acorn.$playBtn.text(text.pause).attr('title', text.pauseTitle);
 247 | 				acorn.$playBtn.addClass('acorn-paused-button');
 248 | 
 249 | 				// if the metadata is not loaded yet, add the loading class
 250 | 				if(!loadedMetadata) $wrapper.addClass('show-loading');
 251 | 			};
 252 | 
 253 | 			var stopPlayback = function() {
 254 | 				acorn.$playBtn.text(text.play).attr('title', text.playTitle);
 255 | 				acorn.$playBtn.removeClass('acorn-paused-button');
 256 | 			};
 257 | 
 258 | 			/*
 259 | 			 * SEEK SLIDER Behaviour
 260 | 			 *
 261 | 			 * Updates the Timer and Seek Slider values
 262 | 			 * Is called on each "timeupdate"
 263 | 			 */
 264 | 			var seekUpdate = function() {
 265 | 				var currenttime = acorn.$self.prop('currentTime');
 266 | 				acorn.$timer.text(timeFormat(currenttime));
 267 | 
 268 | 				// If the user is not manualy seeking
 269 | 				if(!seeking) {
 270 | 					// Check type of sliders (Range <input> or jQuery UI)
 271 | 					if(options.nativeSliders) {
 272 | 						acorn.$seek.val(currenttime);
 273 | 					} else {
 274 | 						acorn.$seek.slider('value', currenttime);
 275 | 					}
 276 | 				}
 277 | 
 278 | 				// If captions are active, update them
 279 | 				if(captionsActive) {
 280 | 					updateCaption();
 281 | 				}
 282 | 			};
 283 | 
 284 | 			/*
 285 | 			 * Time formatting function
 286 | 			 * Takes the number of seconds as a paramenter
 287 | 			 *
 288 | 			 * Used with "aria-valuetext" on the Seek Slider to provide a human readable time format to AT
 289 | 			 * Returns "X minutes Y seconds"
 290 | 			 */
 291 | 			var ariaTimeFormat = function(sec) {
 292 | 				var m = Math.floor(sec/60)<10?"" + Math.floor(sec/60):Math.floor(sec/60);
 293 | 				var s = Math.floor(sec-(m*60))<10?"" + Math.floor(sec-(m*60)):Math.floor(sec-(m*60));
 294 | 				var formatedTime, min;
 295 | 
 296 | 				var mins = 'minutes';
 297 | 				var secs = 'seconds';
 298 | 
 299 | 				if(m == 1) {
 300 | 					min = 'minute';
 301 | 				}
 302 | 				if(s == 1) {
 303 | 					sec = 'second';
 304 | 				}
 305 | 
 306 | 				if(m === 0) {
 307 | 					formatedTime = s + ' ' + secs;
 308 | 				} else {
 309 | 					formatedTime = m + ' ' + mins + ' ' + s + ' ' + secs;
 310 | 				}
 311 | 
 312 | 				return formatedTime;
 313 | 			};
 314 | 
 315 | 			/*
 316 | 			 * jQuery UI slider uses preventDefault when clicking any element
 317 | 			 * so it stops the Blur event from being fired.
 318 | 			 * This causes problems with the Caption Selector.
 319 | 			 * We trigger the Blur event manually.
 320 | 			 */
 321 | 			var blurCaptionBtn = function() {
 322 | 				acorn.$captionBtn.trigger('blur');
 323 | 			};
 324 | 
 325 | 			/*
 326 | 			 * Triggered when the user starts to seek manually
 327 | 			 * Pauses the media during seek and changes the "currentTime" to the slider's value
 328 | 			 */
 329 | 			var startSeek = function(e, ui) {
 330 | 				if(!acorn.$self.prop('paused')) {
 331 | 					wasPlaying = true;
 332 | 				}
 333 | 				acorn.$self.trigger('pause');
 334 | 				seeking = true;
 335 | 
 336 | 				var seekLocation;
 337 | 				if(options.nativeSliders) {
 338 | 					seekLocation = acorn.$seek.val();
 339 | 				} else {
 340 | 					seekLocation = ui.value;
 341 | 				}
 342 | 
 343 | 				acorn.$self.prop('currentTime', seekLocation);
 344 | 
 345 | 				// manually blur the Caption Button
 346 | 				blurCaptionBtn();
 347 | 			};
 348 | 
 349 | 			/*
 350 | 			 * Triggered when user stoped manual seek
 351 | 			 * If the media was playing when seek started, it triggeres the playback,
 352 | 			 * and updates ARIA attributes
 353 | 			 */
 354 | 			var endSeek = function(e, ui) {
 355 | 				if(wasPlaying) {
 356 | 					acorn.$self.trigger('play');
 357 | 					wasPlaying = false;
 358 | 				}
 359 | 				seeking = false;
 360 | 				if (!options.nativeSliders) {
 361 | 					$(ui.handle).attr({
 362 | 						'aria-valuenow': parseInt(ui.value, 10),
 363 | 						'aria-valuetext': ariaTimeFormat(ui.value),
 364 | 						'aria-label': 'Video seek control'
 365 | 					});
 366 | 				}
 367 | 			};
 368 | 
 369 | 			/*
 370 | 			 * Transforms element into ARIA Slider adding attributes and "tabindex"
 371 | 			 * Used on jQuery UI sliders
 372 | 			 *
 373 | 			 * Will not needed once the jQuery UI slider gets built-in ARIA
 374 | 			 */
 375 | 			var initSliderAccess = function (elem, opts) {
 376 | 				var accessDefaults = {
 377 | 				 'role': 'slider',
 378 | 				 'aria-valuenow': parseInt(opts.value, 10),
 379 | 				 'aria-valuemin': parseInt(opts.min, 10),
 380 | 				 'aria-valuemax': parseInt(opts.max, 10),
 381 | 				 'aria-valuetext': opts.valuetext,
 382 | 				 'aria-label': opts.label,
 383 | 				 'tabindex': '0'
 384 | 				};
 385 | 				elem.attr(accessDefaults);
 386 | 			};
 387 | 
 388 | 			/*
 389 | 			 * Init jQuery UI slider
 390 | 			 */
 391 | 			var initSeek = function() {
 392 | 
 393 | 				// get existing classes
 394 | 				var seekClass = acorn.$seek.attr('class');
 395 | 
 396 | 				// create the new markup
 397 | 				var	divSeek = '<div class="' + seekClass + '" title="' + text.seekTitle + '"></div>';
 398 | 				acorn.$seek.after(divSeek).remove();
 399 | 
 400 | 				// get the newly created DOM node
 401 | 				acorn.$seek = $('.' + seekClass, acorn.$container);
 402 | 
 403 | 				// create the buffer element
 404 | 				var bufferBar = '<div class="ui-slider-range acorn-buffer"></div>';
 405 | 				acorn.$seek.append(bufferBar);
 406 | 
 407 | 				// get the buffer element DOM node
 408 | 				acorn.$buffer = $('.acorn-buffer', acorn.$container);
 409 | 
 410 | 				// set up the slider options for the jQuery UI slider
 411 | 				var sliderOptions = {
 412 | 					value: 0,
 413 | 					step: 1,
 414 | 					orientation: 'horizontal',
 415 | 					range: 'min',
 416 | 					min: 0,
 417 | 					max: 100
 418 | 				};
 419 | 				// init the jQuery UI slider
 420 | 				acorn.$seek.slider(sliderOptions);
 421 | 
 422 | 			};
 423 | 
 424 | 			/*
 425 | 			 * Seek slider update, after metadata is loaded
 426 | 			 * Attach events, add the "duration" attribute and generate the jQuery UI Seek Slider
 427 | 			 */
 428 | 			var updateSeek = function() {
 429 | 				// Get the duration of the media
 430 | 				var duration = acorn.$self.prop('duration');
 431 | 
 432 | 				// Check for the nativeSliders option
 433 | 				if(options.nativeSliders) {
 434 | 					acorn.$seek.attr('max', duration);
 435 | 					//use input instead of change event (see: https://github.com/aFarkas/webshim/issues/297)
 436 | 					acorn.$seek.bind('change', startSeek);
 437 | 
 438 | 					acorn.$seek.bind('mousedown', startSeek);
 439 | 					acorn.$seek.bind('mouseup', endSeek);
 440 | 
 441 | 				} else {
 442 | 
 443 | 					// set up the slider options for the jQuery UI slider
 444 | 					var sliderOptions = {
 445 | 						value: 0,
 446 | 						step: 1,
 447 | 						orientation: 'horizontal',
 448 | 						range: 'min',
 449 | 						min: 0,
 450 | 						max: duration,
 451 | 						slide: startSeek,
 452 | 						stop: endSeek,
 453 | 						label: 'Video seek control'
 454 | 					};
 455 | 					// init the jQuery UI slider
 456 | 					acorn.$seek.slider('option', sliderOptions);
 457 | 
 458 | 					// add valuetext value to the slider options for better ARIA values
 459 | 					sliderOptions.valuetext = ariaTimeFormat(sliderOptions.value);
 460 | 					// accessify the slider
 461 | 					initSliderAccess(acorn.$seek.find('.ui-slider-handle'), sliderOptions);
 462 | 
 463 | 					// manully blur the Caption Button when clicking the handle
 464 | 					$('.ui-slider-handle', acorn.$seek).click(blurCaptionBtn);
 465 | 
 466 | 					// show buffering progress on progress
 467 | 					acorn.$self.bind('progress', showBuffer);
 468 | 				}
 469 | 
 470 | 				// remove the loading class
 471 | 				$wrapper.removeClass('show-loading');
 472 | 
 473 | 			};
 474 | 
 475 | 			/*
 476 | 			 * Show buffering progress
 477 | 			 */
 478 | 			var showBuffer = function(e) {
 479 | 				var max = parseInt(acorn.$self.prop('duration'), 10);
 480 | 				var tr = acorn.$self.prop('buffered');
 481 | 				if(tr && tr.length) {
 482 | 					var buffer = parseInt(tr.end(0) - tr.start(0), 10);
 483 | 					var bufferWidth = (buffer*100)/max;
 484 | 
 485 | 					acorn.$buffer.css('width', bufferWidth + '%');
 486 | 				}
 487 | 			};
 488 | 
 489 | 			/*
 490 | 			 * VOLUME BUTTON and SLIDER Behaviour
 491 | 			 *
 492 | 			 * Change volume using the Volume Slider
 493 | 			 * Also update ARIA attributes and set the volume value as a localStorage item
 494 | 			 */
 495 | 			var changeVolume = function(e, ui) {
 496 | 				// get the slider value
 497 | 				volume = ui.value;
 498 | 				// set the value as a localStorage item
 499 | 				localStorage.setItem('acornvolume', volume);
 500 | 
 501 | 				// check if the volume was muted before
 502 | 				if(acorn.$self.prop('muted')) {
 503 | 					acorn.$self.prop('muted', false);
 504 | 					acorn.$volumeBtn.removeClass('acorn-volume-mute');
 505 | 					acorn.$volumeBtn.text(text.mute).attr('title', text.mute);
 506 | 				}
 507 | 
 508 | 				// set the new volume on the media
 509 | 				acorn.$self.prop('volume', volume);
 510 | 
 511 | 				// set the ARIA attributes
 512 | 				acorn.$volume.$handle.attr('aria-valuenow', Math.round(volume*100));
 513 | 				acorn.$volume.$handle.attr('aria-valuetext', Math.round(volume*100) + ' percent');
 514 | 				acorn.$volume.$handle.attr('aria-label', 'Volume control');
 515 | 				// manually trigger the Blur event on the Caption Button
 516 | 				blurCaptionBtn();
 517 | 			};
 518 | 
 519 | 			/*
 520 | 			 * Mute and Unmute volume
 521 | 			 * Also add classes and change label on the Volume Button
 522 | 			 */
 523 | 			var muteVolume = function() {
 524 | 				if(acorn.$self.prop('muted') === true) {
 525 | 					acorn.$self.prop('muted', false);
 526 | 					if(options.nativeSliders) {
 527 | 						acorn.$volume.val(volume);
 528 | 					} else {
 529 | 						acorn.$volume.slider('value', volume);
 530 | 					}
 531 | 
 532 | 					acorn.$volumeBtn.removeClass('acorn-volume-mute');
 533 | 					acorn.$volumeBtn.text(text.mute).attr('title', text.mute);
 534 | 				} else {
 535 | 					acorn.$self.prop('muted', true);
 536 | 
 537 | 					if(options.nativeSliders) {
 538 | 						acorn.$volume.val('0');
 539 | 					} else {
 540 | 						acorn.$volume.slider('value', '0');
 541 | 					}
 542 | 
 543 | 					acorn.$volumeBtn.addClass('acorn-volume-mute');
 544 | 					acorn.$volumeBtn.text(text.unmute).attr('title', text.unmute);
 545 | 				}
 546 | 			};
 547 | 
 548 | 			/*
 549 | 			 * Init the Volume Button and Slider
 550 | 			 *
 551 | 			 * Attach events, create the jQuery UI Slider for the Volume Slider and add ARIA support
 552 | 			 */
 553 | 			var initVolume = function() {
 554 | 				if(options.nativeSliders) {
 555 | 					acorn.$volume.bind('change', function() {
 556 | 						acorn.$self.prop('muted',false);
 557 | 						volume = acorn.$volume.val();
 558 | 						acorn.$self.prop('volume', volume);
 559 | 					});
 560 | 				} else {
 561 | 					var volumeClass = acorn.$volume.attr('class');
 562 | 
 563 | 					var	divVolume = '<div class="' + volumeClass + '" title="' + text.volumeTitle + '"></div>';
 564 | 					acorn.$volume.after(divVolume).remove();
 565 | 
 566 | 					acorn.$volume = $('.' + volumeClass, acorn.$container);
 567 | 
 568 | 					var volumeSliderOptions = {
 569 | 						value: volume,
 570 | 						orientation: options.volumeSlider,
 571 | 						range: "min",
 572 | 						max: 1,
 573 | 						min: 0,
 574 | 						step: 0.1,
 575 | 						animate: true,
 576 | 						slide: changeVolume,
 577 | 						label: "Volume control"
 578 | 					};
 579 | 
 580 | 					acorn.$volume.slider(volumeSliderOptions);
 581 | 
 582 | 					acorn.$volume.$handle = acorn.$volume.find('.ui-slider-handle');
 583 | 
 584 | 					// change and add values to volumeSliderOptions for better values in the ARIA attributes
 585 | 					volumeSliderOptions.max = 100;
 586 | 					volumeSliderOptions.value = volumeSliderOptions.value * 100;
 587 | 					volumeSliderOptions.valuetext = volumeSliderOptions.value + ' percent';
 588 | 					initSliderAccess(acorn.$volume.$handle, volumeSliderOptions);
 589 | 
 590 | 					// manully blur the Caption Button when clicking the handle
 591 | 					$('.ui-slider-handle', acorn.$volume).click(blurCaptionBtn);
 592 | 				}
 593 | 
 594 | 				acorn.$volumeBtn.click(muteVolume);
 595 | 			};
 596 | 
 597 | 			/*
 598 | 			 * FULLSCREEN Behviour
 599 | 			 *
 600 | 			 * Resize the video while in Fullscreen Mode
 601 | 			 * Attached to window.resize
 602 | 			 */
 603 | 			var resizeFullscreenVideo = function() {
 604 | 				acorn.$self.attr({
 605 | 					'width': $(window).width(),
 606 | 					'height': $(window).height()
 607 | 				});
 608 | 			};
 609 | 
 610 | 			/*
 611 | 			 * Enter and exit Fullscreen Mode
 612 | 			 *
 613 | 			 * Resizes the Width & Height of the <video> element
 614 | 			 * and add classes to the controls and wrapper
 615 | 			 */
 616 | 			var goFullscreen = function() {
 617 | 				var isPolyfill = acorn.$self.hasClass('nonnative-api-active');
 618 | 				if(fullscreenMode) {
 619 | 					// exit fullscreen
 620 | 					if(!isPolyfill && acorn.$self[0].cancelFullScreen) {
 621 | 						acorn.$self[0].cancelFullScreen();
 622 | 					} else if(!isPolyfill && acorn.$self[0].webkitCancelFullScreen) {
 623 | 						acorn.$self[0].webkitCancelFullScreen();
 624 | 					} else if(!isPolyfill && acorn.$self[0].mozCancelFullScreen) {
 625 | 							acorn.$self[0].mozCancelFullScreen();
 626 | 					} else {
 627 | 						// if no fullscreen api support, use full-page mode
 628 | 						$('body').css('overflow', '');
 629 | 
 630 | 
 631 | 						acorn.$controls.removeClass('fullscreen-controls');
 632 | 						acorn.$self.parent().removeClass('has-fullscreen-video');
 633 | 					}
 634 | 
 635 | 					fullscreenMode = false;
 636 | 
 637 | 				} else {
 638 | 					// enter fullscreen
 639 | 					if(!isPolyfill && acorn.$self[0].requestFullscreen) {
 640 | 						acorn.$self[0].requestFullscreen();
 641 | 					} else if(!isPolyfill && acorn.$self[0].webkitRequestFullscreen) {
 642 | 						acorn.$self[0].webkitRequestFullscreen();
 643 | 					} else if(!isPolyfill && acorn.$self[0].mozRequestFullScreen) {
 644 | 							acorn.$self[0].mozRequestFullScreen();
 645 | 					} else {
 646 | 						$('body').css('overflow', 'hidden');
 647 | 
 648 | 						acorn.$self.addClass('fullscreen-video');
 649 | 
 650 | 						acorn.$self.parent().addClass('has-fullscreen-video');
 651 | 
 652 | 						acorn.$controls.addClass('fullscreen-controls');
 653 | 					}
 654 | 
 655 | 					fullscreenMode = true;
 656 | 
 657 | 				}
 658 | 			};
 659 | 
 660 | 			/*
 661 |              * Tooltip Controls
 662 |              *
 663 |              * Show/Hide tooltip for all buttons with title attribute
 664 |              */
 665 |             var showTooltip = function(e) {
 666 |                 if($(this).attr('title')){
 667 |                     acorn.$tooltip.html($(this).attr('title')).addClass('show-tooltip');
 668 |                 }
 669 |             }
 670 |             var hideTooltip = function(e) {
 671 |                 if($(this).attr('title')){
 672 |                     acorn.$tooltip.removeClass('show-tooltip');
 673 |                 }
 674 |             }
 675 | 
 676 | 			/*
 677 | 			 * CAPTIONS Behaviour
 678 | 			 *
 679 | 			 * Turning off the captions
 680 | 			 * When selecting "None" from the Caption Selector or when the caption fails to load
 681 | 			 */
 682 | 			var captions;
 683 | 			var captionBtnActiveClass = 'acorn-caption-active';
 684 | 			var captionBtnLoadingClass = 'acorn-caption-loading';
 685 | 			var transcriptBtnActiveClass = 'acorn-transcript-active';
 686 | 
 687 | 			var captionRadioName = 'acornCaptions' + uniqueID();
 688 | 
 689 | 			var captionOff = function() {
 690 | 				captions = '';
 691 | 				acorn.$caption.hide();
 692 | 				captionsActive = false;
 693 | 
 694 | 				acorn.$transcriptBtn.removeClass(transcriptBtnActiveClass).hide();
 695 | 				acorn.$transcript.hide();
 696 | 
 697 | 				acorn.$captionBtn.removeClass(captionBtnActiveClass);
 698 | 			};
 699 | 
 700 | 			/*
 701 | 			 * Update caption based on "currentTime"
 702 | 			 * Borrowed and adapted from Bruce Lawson's “Accessible HTML5 Video with JavaScripted captions”
 703 | 			 * http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
 704 | 			 */
 705 | 			var updateCaption = function() {
 706 | 				// how soon is now?
 707 | 				var now = acorn.$self.prop('currentTime'),
 708 | 					text = '',
 709 | 					i,
 710 | 					captionsLength = captions.length;
 711 | 
 712 | 				for (i = 0; i < captionsLength; i++) {
 713 | 					if (now >= captions[i].start && now <= captions[i].end) {
 714 | 						text = captions[i].content; // yes? then load it into a variable called text
 715 | 						break;
 716 | 					}
 717 | 				}
 718 | 
 719 | 				acorn.$caption.html(text); // and put contents of text into caption div
 720 | 			};
 721 | 
 722 | 			/*
 723 | 			 * Initialize the Caption Selector
 724 | 			 * Used when multiple <track>s are present
 725 | 			 */
 726 | 			var initCaptionSelector = function() {
 727 | 				// calculate the position relative to the parent controls element
 728 | 				var setUpCaptionSelector = function() {
 729 | 					var pos = acorn.$captionBtn.offset();
 730 | 					var top = pos.top - acorn.$captionSelector.outerHeight(true);
 731 | 					var left = pos.left - ((acorn.$captionSelector.outerWidth(true) - acorn.$captionBtn.outerWidth(true))/2);
 732 | 
 733 | 					var parentPos = acorn.$controls.offset();
 734 | 
 735 | 					left = left - parentPos.left;
 736 | 					top = top - parentPos.top;
 737 | 
 738 | 					acorn.$captionSelector.css({
 739 | 							'top': top,
 740 | 							'left': left
 741 | 						});
 742 | 				};
 743 | 
 744 | 				acorn.$fullscreenBtn.click(setUpCaptionSelector);
 745 | 				$(window).resize(function() {
 746 | 					setUpCaptionSelector();
 747 | 				});
 748 | 
 749 | 				setUpCaptionSelector();
 750 | 
 751 | 				/*
 752 | 				 * Show and hide the caption selector based on focus rather than hover.
 753 | 				 * This benefits both touchscreen and AT users.
 754 | 				 */
 755 | 				var hideSelector; // timeout for hiding the Caption Selector
 756 | 				var showCaptionSelector = function() {
 757 | 					if(hideSelector) {
 758 | 						clearTimeout(hideSelector);
 759 | 					}
 760 | 					acorn.$captionSelector.show();
 761 | 				};
 762 | 				var hideCaptionSelector = function() {
 763 | 					hideSelector = setTimeout(function() {
 764 | 						acorn.$captionSelector.hide();
 765 | 					}, 200);
 766 | 				};
 767 | 
 768 | 				/* Little TEMPORARY hack to focus the caption button on click
 769 | 				   This is because Webkit does not focus the button on click */
 770 | 				acorn.$captionBtn.click(function() {
 771 | 					$(this).focus();
 772 | 				});
 773 | 
 774 | 				acorn.$captionBtn.bind('focus', showCaptionSelector);
 775 | 				acorn.$captionBtn.bind('blur', hideCaptionSelector);
 776 | 
 777 | 				$('input[name=' + captionRadioName + ']', acorn.$container).bind('focus', showCaptionSelector);
 778 | 				$('input[name=' + captionRadioName + ']', acorn.$container).bind('blur', hideCaptionSelector);
 779 | 
 780 | 				/*
 781 | 				 * Make the Caption Selector focusable and attach events to it
 782 | 				 * If we wouldn't do this, when we'd use the scroll on the Caption Selector, it would dissapear
 783 | 				 */
 784 | 				acorn.$captionSelector.attr('tabindex', '-1');
 785 | 				acorn.$captionSelector.bind('focus', showCaptionSelector);
 786 | 				acorn.$captionSelector.bind('blur', hideCaptionSelector);
 787 | 			};
 788 | 
 789 | 			/*
 790 | 			 * Current caption loader
 791 | 			 * Loads a SRT file and uses it as captions
 792 | 			 * Takes the url as a parameter
 793 | 			 */
 794 | 			var loadCaption = function(url) {
 795 | 				// add a loading class to the Caption Button when starting to load the caption
 796 | 				acorn.$captionBtn.addClass(captionBtnLoadingClass);
 797 | 				// make an AJAX request to load the file
 798 | 				$.ajax({
 799 | 					url: url,
 800 | 					success: function(data) {
 801 | 						/*
 802 | 						 * On success use a SRT parser on the loaded data
 803 | 						 * Using JavaScript SRT parser by Silvia Pfeiffer <silvia@siliva-pfeiffer.de>
 804 | 						 * parseSrt included at the end of this file
 805 | 						 */
 806 | 						captions = parseSrt(data);
 807 | 
 808 | 						// show the Transcript Button
 809 | 						acorn.$transcriptBtn.show();
 810 | 
 811 | 						/*
 812 | 						 * Generate the markup for the transcript
 813 | 						 * Markup based on Bruce Lawson's “Accessible HTML5 Video with JavaScripted captions”
 814 | 						 * http://dev.opera.com/articles/view/accessible-html5-video-with-javascripted-captions/
 815 | 						 */
 816 | 						var transcriptText = '';
 817 | 						$(captions).each(function() {
 818 | 							transcriptText += '<span data-begin="' + parseInt(this.start, 10) + '" data-end=' + parseInt(this.end, 10) + '>' + this.content.replace("'","") + '</span>';
 819 | 						});
 820 | 						// append the generated markup
 821 | 						acorn.$transcript.html(transcriptText);
 822 | 
 823 | 						// show caption
 824 | 						acorn.$caption.show();
 825 | 						captionsActive = true;
 826 | 
 827 | 						// in case the media is paused and timeUpdate is not triggered, trigger it
 828 | 						if(acorn.$self.prop('paused')) {
 829 | 							updateCaption();
 830 | 						}
 831 | 
 832 | 						acorn.$captionBtn.addClass(captionBtnActiveClass).removeClass(captionBtnLoadingClass);
 833 | 					},
 834 | 					error: function() {
 835 | 						// if an error occurs while loading the caption, turn captions off
 836 | 						captionOff();
 837 | 						// if a console is available, log error
 838 | 						if(console) {
 839 | 							console.log('Error loading captions');
 840 | 						}
 841 | 					}
 842 | 				});
 843 | 			};
 844 | 
 845 | 			/*
 846 | 			 * Show or hide the Transcript based on the presence of the active class
 847 | 			 */
 848 | 			var showTranscript = function() {
 849 | 				if($(this).hasClass(transcriptBtnActiveClass)) {
 850 | 					acorn.$transcript.hide();
 851 | 				} else {
 852 | 					acorn.$transcript.show();
 853 | 				}
 854 | 				$(this).toggleClass(transcriptBtnActiveClass);
 855 | 			};
 856 | 
 857 | 			/*
 858 | 			 * Caption loading and initialization
 859 | 			 */
 860 | 			var initCaption = function() {
 861 | 				// get all <track> elements
 862 | 				acorn.$track = $('track', acorn.$self);
 863 | 
 864 | 				// if there is at least one <track> element, show the Caption Button
 865 | 				if(acorn.$track.length) {
 866 | 					acorn.$captionBtn.show();
 867 | 				}
 868 | 
 869 | 				// check if there is more than one <track> element
 870 | 				// if there is more than one track element we'll create the Caption Selector
 871 | 				if(acorn.$track.length>1) {
 872 | 					// set a different "title" attribute
 873 | 					acorn.$captionBtn.attr('title', text.captionsChoose);
 874 | 
 875 | 					// markup for the Caption Selector
 876 | 					var captionList = '<ul><li><label><input type="radio" name="' + captionRadioName + '" checked="true" />None</label></li>';
 877 | 					acorn.$track.each(function() {
 878 | 						var tracksrc = $(this).attr('src');
 879 | 						captionList += '<li><label><input type="radio" name="' + captionRadioName + '" data-url="' + $(this).attr('src') + '" />' + $(this).attr('label') + '</label></li>';
 880 | 					});
 881 | 					captionList += '</ul>';
 882 | 
 883 | 					// append the generated markup
 884 | 					acorn.$captionSelector.html(captionList);
 885 | 
 886 | 					// change selected caption
 887 | 					var changeCaption = function() {
 888 | 						// get the original <track> "src" attribute from the custom "data-url" attribute of the radio input
 889 | 						var tracksrc = $(this).attr('data-url');
 890 | 						if(tracksrc) {
 891 | 							loadCaption(tracksrc);
 892 | 						} else {
 893 | 							// if there's not "data-url" attribute, turn off the caption
 894 | 							captionOff();
 895 | 						}
 896 | 					};
 897 | 
 898 | 					// attach event handler
 899 | 					$('input[name=' + captionRadioName + ']', acorn.$container).change(changeCaption);
 900 | 
 901 | 					// initialize Caption Selector
 902 | 					initCaptionSelector();
 903 | 
 904 | 					// load first caption if captionsOn is true
 905 | 					var firstCaption = acorn.$track.first().attr('src');
 906 | 					if(options.captionsOn) {
 907 | 						loadCaption(firstCaption);
 908 | 						$('input[name=' + captionRadioName + ']', acorn.$container).prop('checked', false);
 909 | 						$('input[name=' + captionRadioName + ']:eq(1)', acorn.$container).prop('checked', true);
 910 | 					};
 911 | 				} else if(acorn.$track.length) {
 912 | 					// if there's only one <track> element
 913 | 					// load the specific caption when activating the Caption Button
 914 | 					var tracksrc = acorn.$track.attr('src');
 915 | 
 916 | 					acorn.$captionBtn.bind('click', function() {
 917 | 						if(acorn.$captionBtn.hasClass(captionBtnActiveClass)) {
 918 | 							captionOff();
 919 | 						} else {
 920 | 							loadCaption(tracksrc);
 921 | 							acorn.$captionBtn.addClass(captionBtnActiveClass);
 922 | 						}
 923 | 					});
 924 | 
 925 | 					// load default caption if captionsOn is true
 926 | 					if(options.captionsOn) loadCaption(tracksrc);
 927 | 				}
 928 | 
 929 | 				// attach event to Transcript Button
 930 | 				acorn.$transcriptBtn.bind('click', showTranscript);
 931 | 			};
 932 | 
 933 | 			/*
 934 | 			 * Initialization self-invoking function
 935 | 			 * Runs other initialization functions, attaches events, removes native controls
 936 | 			 */
 937 | 			var init = function() {
 938 | 				// attach playback handlers
 939 | 				acorn.$playBtn.bind( (is_touch_device) ? 'touchstart' : 'click', playMedia);
 940 | 
 941 | 				if (document.createElement('video').canPlayType) {
 942 | 					acorn.$self.bind((is_touch_device) ? 'touchstart' : 'click', playMedia);
 943 | 				}
 944 | 
 945 | 				acorn.$self.bind('play', startPlayback);
 946 | 				acorn.$self.bind('pause', stopPlayback);
 947 | 				acorn.$self.bind('ended', stopPlayback);
 948 | 
 949 | 				// update the Seek Slider when timeupdate is triggered
 950 | 				acorn.$self.bind('timeupdate', seekUpdate);
 951 | 
 952 | 				// bind Fullscreen Button
 953 | 				acorn.$fullscreenBtn.click(goFullscreen);
 954 | 
 955 | 				// bind Tooltip Events
 956 |                 if(options.tooltipsOn){
 957 |                     acorn.$controls.find('button').mouseover(showTooltip).mouseout(hideTooltip);
 958 |                 }
 959 | 
 960 | 				// initialize volume controls
 961 | 				initVolume();
 962 | 
 963 | 				if(!options.nativeSliders) initSeek();
 964 | 
 965 | 				// once the metadata has loaded
 966 | 				acorn.$self.bind('loadedmetadata', function() {
 967 | 					/* I use an interval to make sure the video has the right readyState
 968 | 					 * to bypass a known webkit bug that causes loadedmetadata to be triggered
 969 | 					 * before the duration is available
 970 | 					 */
 971 | 					var t = window.setInterval(function() {
 972 | 								if (acorn.$self.prop('readyState') > 0) {
 973 | 									loadedMetadata = true;
 974 | 									updateSeek();
 975 | 
 976 | 									clearInterval(t);
 977 | 								}
 978 | 							}, 500);
 979 | 
 980 | 					initCaption();
 981 | 				});
 982 | 
 983 | 				// trigger update seek manualy for the first time, for iOS support
 984 | 				//updateSeek();
 985 | 
 986 | 				// remove the native controls
 987 | 				acorn.$self.prop('controls', false);
 988 | 
 989 | 				if(acorn.$self.is('audio')) {
 990 | 					/*
 991 | 					 * If the media is <audio>, we're adding the 'audio-player' class to the element.
 992 | 					 * This is because Opera 10.62 does not allow the <audio> element to be targeted by CSS
 993 | 					 * and this can cause problems with themeing.
 994 | 					 */
 995 | 					acorn.$container.addClass('audio-player');
 996 | 				}
 997 | 
 998 | 				if($.fn.updatePolyfill){
 999 | 					$wrapper.updatePolyfill();
1000 | 				}
1001 | 
1002 | 				// if an autoplay attribute was set, play the video
1003 | 				if(autoplay) acorn.$self.trigger('play');
1004 | 			}();
1005 | 
1006 | 		};
1007 | 
1008 | 		// iterate and reformat each matched element
1009 | 		return this.each(acornPlayer);
1010 | 	};
1011 | 
1012 | })(jQuery);
1013 | 
1014 | /*
1015 |  * parseSrt function
1016 |  * JavaScript SRT parser by Silvia Pfeiffer <silvia@siliva-pfeiffer.de>
1017 |  * http://silvia-pfeiffer.de/
1018 |  *
1019 |  * Tri-licensed under MPL 1.1/GPL 2.0/LGPL 2.1
1020 |  *  http://www.gnu.org/licenses/gpl.html
1021 |  *  http://www.gnu.org/licenses/lgpl.html
1022 |  *  http://www.mozilla.org/MPL/
1023 |  *
1024 |  * The Initial Developer of the Original Code is Mozilla Corporation.
1025 |  * Portions created by the Initial Developer are Copyright (C) 2009
1026 |  * the Initial Developer. All Rights Reserved.
1027 |  *
1028 |  * Contributor(s):
1029 |  *  Silvia Pfeiffer <silvia@siliva-pfeiffer.de>
1030 |  *
1031 |  *
1032 |  */
1033 | function parseSrt(data) {
1034 | 	var srt = data.replace(/\r+/g, ''); // remove dos newlines
1035 | 	srt = srt.replace(/^\s+|\s+$/g, ''); // trim white space start and end
1036 | 	srt = srt.replace(/<[a-zA-Z\/][^>]*>/g, ''); // remove all html tags for security reasons
1037 | 
1038 | 	// get captions
1039 | 	var captions = [];
1040 | 	var caplist = srt.split('\n\n');
1041 | 	for (var i = 0; i < caplist.length; i=i+1) {
1042 | 		var caption = "";
1043 | 		var content, start, end, s;
1044 | 		caption = caplist[i];
1045 | 		s = caption.split(/\n/);
1046 | 		if (s[0].match(/^\d+$/) && s[1].match(/\d+:\d+:\d+/)) {
1047 | 			// ignore caption number in s[0]
1048 | 			// parse time string
1049 | 			var m = s[1].match(/(\d+):(\d+):(\d+)(?:,(\d+))?\s*--?>\s*(\d+):(\d+):(\d+)(?:,(\d+))?/);
1050 | 			if (m) {
1051 | 				start =
1052 | 				(parseInt(m[1], 10) * 60 * 60) +
1053 | 				(parseInt(m[2], 10) * 60) +
1054 | 				(parseInt(m[3], 10)) +
1055 | 				(parseInt(m[4], 10) / 1000);
1056 | 				end =
1057 | 				(parseInt(m[5], 10) * 60 * 60) +
1058 | 				(parseInt(m[6], 10) * 60) +
1059 | 				(parseInt(m[7], 10)) +
1060 | 				(parseInt(m[8], 10) / 1000);
1061 | 			} else {
1062 | 				// Unrecognized timestring
1063 | 				continue;
1064 | 			}
1065 | 			// concatenate text lines to html text
1066 | 			content = s.slice(2).join("<br>");
1067 | 		} else {
1068 | 			// file format error or comment lines
1069 | 			continue;
1070 | 		}
1071 | 		captions.push({start: start, end: end, content: content});
1072 | 	}
1073 | 
1074 | 	return captions;
1075 | }
1076 | 


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-captions-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-captions-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-captions.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-captions.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-exit-fullscreen-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-exit-fullscreen-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-exit-fullscreen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-exit-fullscreen.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-fullscreen-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-fullscreen-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-fullscreen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-fullscreen.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-pause-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-pause-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-pause.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-pause.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-play-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-play-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-play.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-play.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-transcript-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-transcript-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-transcript.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-transcript.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-volume-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-volume-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-volume-full-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-volume-full-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-volume-full.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-volume-full.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/access-volume.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/access-volume.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/acorn.access.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * acccess - Accessible Theme for Acorn Media Player
  3 |  * accesslight - Child theme of access
  4 |  *
  5 |  * To be used with the horizontal volume slider.
  6 |  *
  7 |  * Copyright (C) 2010 Cristian I. Colceriu
  8 |  *
  9 |  * Dual licensed under the MIT and GPL licenses:
 10 |  *   http://www.opensource.org/licenses/mit-license.php
 11 |  *   http://www.gnu.org/licenses/gpl.html
 12 |  *
 13 |  * www.ghinda.net
 14 |  * contact@ghinda.net
 15 |  *
 16 |  */
 17 |  
 18 | /* Start of access theme */
 19 | .acorn-player.access {
 20 | 	float: left;
 21 | 	position: relative;
 22 | 	overflow: hidden;
 23 | 	
 24 | 	font-family: Arial, Helvetica, sans-serif;
 25 | }
 26 | /* <video> element */
 27 | .acorn-player.access video {
 28 | 	float: left;
 29 | 	clear: both;
 30 | 	background-color: #000;
 31 | }
 32 | /* Player Controls */
 33 | .acorn-player.access .acorn-controls {
 34 | 	position: relative;	
 35 | 	float: left;
 36 | 	clear: both;
 37 | 	width: 100%;
 38 | 	padding-top: 15px;
 39 | 		
 40 | 	background-image: url(controls-background-dark.png);
 41 | 	background-position: bottom left;
 42 | }
 43 | /* <button>s */
 44 | .acorn-player.access button {
 45 | 	position: relative;	
 46 | 	margin: 0;
 47 | 	padding-left: 25px;
 48 | 	height: 35px;
 49 | 	border: 1px solid #333;
 50 | 	background-color: #3F3F3F;
 51 | 	background-position: 5px center, top left;
 52 | 	background-repeat: no-repeat, repeat-x;	
 53 | 	
 54 | 	font-weight: bold;
 55 | 	color: #fff;
 56 | 	text-shadow: 0px -1px 1px #000;
 57 | 	
 58 | 	cursor: pointer;
 59 | }
 60 | .acorn-player.access button:hover, .acorn-player.access button:focus {
 61 | 	background-color: #044293;
 62 | 	background-position: 5px center, left -33px;
 63 | }
 64 | .acorn-player.access button:active {
 65 | 	top: 1px;	
 66 | 	box-shadow: inset 1px 1px 10px #000;
 67 | }
 68 | /* Playback Controls(Play, Pause) */
 69 | .acorn-player.access .acorn-play-button {
 70 | 	float: left;
 71 | 	display: block;
 72 | 	width: 75px;
 73 | 	background-image: url(access-play.png), url(button-background-dark.png);
 74 | }
 75 | .acorn-player.access .acorn-paused-button {
 76 | 	background-image: url(access-pause.png), url(button-background-dark.png);
 77 | }
 78 | /* Seek Slider */
 79 | .acorn-player.access .acorn-seek-slider {
 80 | 	position:absolute;
 81 | 	top: 0px;
 82 | 	display: block;
 83 | 	width: 100%;
 84 | 	height: 15px;
 85 | 		
 86 | 	background: #7289A8;
 87 | 	z-index: 2;
 88 | }
 89 | .acorn-player.access .acorn-seek-slider .ui-slider-handle {
 90 | 	display: block;
 91 | 	position: absolute;
 92 | 	width: 13px;
 93 | 	height: 13px;
 94 | 	border: 3px solid #fff;
 95 | 	top: -2px;
 96 | 
 97 | 	-moz-border-radius: 10px;
 98 | 	-webkit-border-radius: 10px;
 99 | 	border-radius: 10px;
100 | 	
101 | 	-moz-box-shadow: 0px 2px 8px #000;
102 | 	-webkit-box-shadow: 0px 2px 8px #000;
103 | 	box-shadow: 0px 2px 8px #000;
104 | 	
105 | 	background: #888;
106 | }
107 | .acorn-player.access .acorn-seek-slider .ui-slider-range {	
108 | 	background: #0750B2;	
109 | }
110 | .acorn-player.access .acorn-buffer {	
111 | 	background: #8E9DAF !important;	
112 | }
113 | .acorn-player.access .acorn-seek-slider .ui-state-focus, .acorn-player.access .acorn-seek-slider .ui-slider-handle.ui-state-hover {
114 | 	background: #0750B2 !important;
115 | 	
116 | 	-moz-box-shadow: 0px 2px 15px #000;
117 | 	-webkit-box-shadow: 0px 2px 15px #000;
118 | 	box-shadow: 0px 2px 15px #000;
119 | }
120 | /* Timer */
121 | .acorn-player.access .acorn-timer {
122 | 	position: absolute;
123 | 	top: 25px;
124 | 	left: 260px;
125 | 	
126 | 	color: #efefef;
127 | 	font-size: 14px;
128 | 	font-weight: bold;
129 | 	text-shadow: 0px -1px 2px #000;
130 | }
131 | /* Volume Container */
132 | .acorn-player.access .acorn-volume-box {
133 | 	float: left;
134 | 	overflow: hidden;
135 | 	padding-right: 10px;
136 | 	
137 | 	-moz-box-shadow: 2px 0px 5px #111;
138 | 	-webkit-box-shadow: 2px 0px 5px #111;
139 | 	box-shadow: 2px 0px 5px #111;
140 | }
141 | /* Volume Button */
142 | .acorn-player.access .acorn-volume-button {
143 | 	float: left;
144 | 	width: 85px;
145 | 	border-left: none;
146 | 	background-image: url(access-volume-full.png), url(button-background-dark.png);
147 | 	
148 | 	-moz-box-shadow: 2px 0px 5px #111;
149 | 	-webkit-box-shadow: 2px 0px 5px #111;
150 | 	box-shadow: 2px 0px 5px #111;
151 | }
152 | .acorn-player.access .acorn-volume-mute {
153 | 	background-image: url(access-volume.png), url(button-background-dark.png);
154 | }
155 | /* Volume Slider */
156 | .acorn-player.access .acorn-volume-slider {
157 | 	float: left;
158 | 	height: 5px;
159 | 	width: 70px;
160 | 	margin-left: 10px;
161 | 	margin-top: 15px;		
162 | 	border: 1px solid #333;	
163 | 	
164 | 	background: #111;
165 | 	
166 | 	-moz-box-shadow: 0px 1px 1px #777;
167 | 	-webkit-box-shadow: 0px 1px 1px #777;
168 | 	box-shadow: 0px 1px 1px #777;
169 | }
170 | .acorn-player.access .acorn-volume-slider .ui-slider-handle {
171 | 	width: 5px;
172 | 	height: 15px;	
173 | 	margin-top: -5px;
174 | 	margin-left: -5px;
175 | 	
176 | 	border: 1px solid #333;
177 | 	background: #BCBCBC;
178 | 		
179 | 	-moz-box-shadow: 0px 0px 5px #000;
180 | 	-webkit-box-shadow: 0px 0px 5px #000;
181 | 	box-shadow: 0px 0px 5px #000;
182 | }
183 | .acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-hover, .acorn-player.access .acorn-volume-slider .ui-slider-handle.ui-state-focus {
184 | 	background: #fff !important;
185 | }
186 | .acorn-player.access .acorn-volume-slider .ui-slider-range {	
187 | 	background: #636F7C;
188 | }
189 | /* Fullscreen Button */
190 | .acorn-player.access .acorn-fullscreen-button {
191 | 	float: right;
192 | 	background-image: url(access-fullscreen.png), url(button-background-dark.png);
193 | 	
194 | 	-moz-box-shadow: -2px 0px 5px #111;
195 | 	-webkit-box-shadow: -2px 0px 5px #111;
196 | 	box-shadow: -2px 0px 5px #111;
197 | }
198 | /* Fullscreen Mode */
199 | .acorn-player.access .fullscreen-controls {	
200 | 	left: 0px;
201 | 	bottom: 0px;
202 | }
203 | .acorn-player.access .fullscreen-controls .acorn-fullscreen-button {
204 | 	background-image: url(access-exit-fullscreen.png), url(button-background-dark.png);
205 | }
206 | /* Tooltip */
207 | .acorn-player.access .acorn-tooltip {
208 | 	position: absolute;
209 | 	top: 20px;
210 | 	right: 20px;
211 | 	padding: 10px;
212 | 	background: rgba(70, 70, 70, 0.7);
213 | 	
214 | 	font-size: 14px;
215 | 	font-weight: bold;
216 | 	color: #fff;
217 | 	text-shadow: 0px -1px 1px #000;
218 | 
219 | 	-webkit-border-radius: 6px;
220 | 	border-radius: 6px;
221 | 	-moz-background-clip: padding;
222 | 	-webkit-background-clip: padding-box;
223 | 	background-clip: padding-box;
224 | 	z-index: 9999;
225 | 	
226 | 	opacity: 0;
227 | 	visibility: hidden;
228 | 
229 | 	-webkit-transition: all 0.3s ease-out;
230 | 	-moz-transition: all 0.3s ease-out;
231 | 	-o-transition: all 0.3s ease-out;
232 | 	transition: all 0.3s ease-out;
233 | }
234 | .acorn-player.access .acorn-tooltip.show-tooltip{
235 | 	opacity: 1;
236 | 	visibility: visible;
237 | }
238 | /* Caption Button */
239 | .acorn-player.access .acorn-caption-button {
240 | 	float: right;
241 | 	border-right: none;
242 | 	background-image: url(access-captions.png), url(button-background-dark.png);
243 | 	
244 | 	-moz-box-shadow: -2px 0px 5px #111;
245 | 	-webkit-box-shadow: -2px 0px 5px #111;
246 | 	box-shadow: -2px 0px 5px #111;
247 | }
248 | .acorn-player.access .acorn-caption {
249 | 	font-size: 14px;
250 | 	font-weight: bold;
251 | 	color: #fff;
252 | 	
253 | 	text-shadow: 0px 1px 5px #000;
254 | }
255 | /* Transcript */
256 | .acorn-player.access .acorn-transcript-button {
257 | 	float: right;
258 | 	border-right: none;
259 | 	background-image: url(access-transcript.png), url(button-background-dark.png);
260 | 	
261 | 	-moz-box-shadow: -2px 0px 5px #111;
262 | 	-webkit-box-shadow: -2px 0px 5px #111;
263 | 	box-shadow: -2px 0px 5px #111;
264 | }
265 | .acorn-player.access .acorn-caption-active, .acorn-player.access .acorn-transcript-active {
266 | 	background-position: 5px center, left bottom;
267 | }
268 | /* 
269 |  * acesslight Child Theme
270 |  */
271 | .acorn-player.access.accesslight .acorn-controls {
272 | 	background-image: url(controls-background-light.png);
273 | }
274 | /* <button>s */
275 | .acorn-player.access.accesslight button {
276 | 	border: 1px solid #bdbdbd;
277 | 		
278 | 	color: #333;
279 | 	text-shadow: 0px 1px 0px #fff;
280 | }
281 | /* Playback Controls(Play, Pause) */
282 | .acorn-player.access.accesslight .acorn-play-button {
283 | 	background-image: url(access-play-dark.png), url(button-background-light.png);
284 | }
285 | .acorn-player.access.accesslight .acorn-paused-button {
286 | 	background-image: url(access-pause-dark.png), url(button-background-light.png);
287 | }
288 | /* Volume Button */
289 | .acorn-player.access.accesslight .acorn-volume-button {
290 | 	background-image: url(access-volume-full-dark.png), url(button-background-light.png);
291 | 	
292 | 	-moz-box-shadow: 2px 0px 5px #8c8c8c;
293 | 	-webkit-box-shadow: 2px 0px 5px #8c8c8c;
294 | 	box-shadow: 2px 0px 5px #8c8c8c;
295 | }
296 | .acorn-player.access.accesslight .acorn-volume-mute {
297 | 	background-image: url(access-volume-dark.png), url(button-background-light.png);
298 | }
299 | /* Caption Buttton */
300 | .acorn-player.access.accesslight .acorn-caption-button {
301 | 	background-image: url(access-captions-dark.png), url(button-background-light.png);
302 | 	
303 | 	-moz-box-shadow: -2px 0px 5px #8c8c8c;
304 | 	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
305 | 	box-shadow: -2px 0px 5px #8c8c8c;
306 | }
307 | /* Transcript */
308 | .acorn-player.access.accesslight .acorn-transcript-button {
309 | 	background-image: url(access-transcript-dark.png), url(button-background-light.png);
310 | 	
311 | 	-moz-box-shadow: -2px 0px 5px #8c8c8c;
312 | 	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
313 | 	box-shadow: -2px 0px 5px #8c8c8c;
314 | }
315 | .acorn-player.access.accesslight .acorn-caption-active, .acorn-player.access.accesslight .acorn-transcript-active {
316 | 	color: #000;
317 | 	text-shadow: none;
318 | }
319 | /* Fullscreen Button */
320 | .acorn-player.access.accesslight .acorn-fullscreen-button {	
321 | 	background-image: url(access-fullscreen-dark.png), url(button-background-light.png);
322 | 	
323 | 	-moz-box-shadow: -2px 0px 5px #8c8c8c;
324 | 	-webkit-box-shadow: -2px 0px 5px #8c8c8c;
325 | 	box-shadow: -2px 0px 5px #8c8c8c;
326 | }
327 | /* Volume Container */
328 | .acorn-player.access.accesslight .acorn-volume-box {
329 | 	-moz-box-shadow: 2px 0px 5px #8c8c8c;
330 | 	-webkit-box-shadow: 2px 0px 5px #8c8c8c;
331 | 	box-shadow: 2px 0px 5px #8c8c8c;
332 | }
333 | /* Timer */
334 | .acorn-player.access.accesslight .acorn-timer {	
335 | 	color: #333;
336 | 	text-shadow: 0px 1px 2px #fff;
337 | }
338 | /* Volume Slider */
339 | .acorn-player.access.accesslight .acorn-volume-slider {
340 | 	border: 1px solid #333;	
341 | 	background: #c1c1c1;
342 | 	
343 | 	-moz-box-shadow: 0px 1px 1px #fff;
344 | 	-webkit-box-shadow: 0px 1px 1px #fff;
345 | 	box-shadow: 0px 1px 1px #fff;
346 | }


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/button-background-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/button-background-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/button-background-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/button-background-light.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/controls-background-dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/controls-background-dark.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/access/controls-background-light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/access/controls-background-light.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/barebones/acorn.barebones.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * barebones - Theme for Acorn Media Player 
  3 |  * 
  4 |  * To be used with the horizontal volume slider.
  5 |  *
  6 |  * Copyright (C) 2010 Cristian I. Colceriu
  7 |  *
  8 |  * Dual licensed under the MIT and GPL licenses:
  9 |  *   http://www.opensource.org/licenses/mit-license.php
 10 |  *   http://www.gnu.org/licenses/gpl.html
 11 |  *
 12 |  * www.ghinda.net
 13 |  * contact@ghinda.net
 14 |  *
 15 |  */
 16 |  
 17 | /* Start of barebones theme */
 18 | .acorn-player.barebones {
 19 | 	float: left;
 20 | 	position: relative;
 21 | 	
 22 | 	font-family: Arial, Helvetica, sans-serif;
 23 | }
 24 | /* <video> element */
 25 | .acorn-player.barebones video {
 26 | 	float: left;
 27 | 	clear: both;
 28 | 	
 29 | 	margin-bottom: 5px;
 30 | }
 31 | /* Player Controls */
 32 | .acorn-player.barebones .acorn-controls {
 33 | 	position: relative;
 34 | 	float: left;
 35 | 	clear: both;
 36 | 	
 37 | 	width: 100%;	
 38 | }
 39 | /* <button>s */
 40 | .acorn-player.barebones button {	
 41 | }
 42 | /* Playback controls(Play, Pause) */
 43 | .acorn-player.barebones .acorn-play-button {
 44 | 	float: left;
 45 | }
 46 | .acorn-player.barebones .acorn-paused-button {	
 47 | }
 48 | /* Seek Slider */
 49 | .acorn-player.barebones .acorn-seek-slider {
 50 | 	position: relative;
 51 | 	display: block;
 52 | 	float: left;
 53 | 	width: 40%;
 54 | 	height: 10px;
 55 | 	margin: 6px 0px 0px 10px;
 56 | 	background: #ADADAD;
 57 | }
 58 | .acorn-player.barebones .acorn-seek-slider .ui-slider-handle {
 59 | 	display: block;
 60 | 	position: absolute;	
 61 | 	width: 15px;
 62 | 	height: 15px;	
 63 | 	top: -3px;
 64 | 	background: #e6e6e6;
 65 | 	border: 1px solid #000;
 66 | }
 67 | .acorn-player.barebones .acorn-seek-slider .ui-slider-range {		
 68 | 	background: #4cbae8;
 69 | }
 70 | .acorn-player.barebones .acorn-buffer {
 71 | 	background: #939393 !important;
 72 | }
 73 | .acorn-player.barebones .acorn-seek-slider .ui-state-focus, .acorn-player.barebones .acorn-seek-slider .ui-slider-handle.ui-state-hover {
 74 | 	background: #fff !important;
 75 | }
 76 | /* Timer */
 77 | .acorn-player.barebones .acorn-timer {
 78 | 	float: left;
 79 | 	margin: 2px 0px 0px 5px;
 80 | }
 81 | /* Volume Box */
 82 | .acorn-player.barebones .acorn-volume-box {	
 83 | 	float: left;
 84 | 	margin-left: 10px;
 85 | }
 86 | /* Volume Slider */
 87 | .acorn-player.barebones .acorn-volume-slider {
 88 | 	float: left;
 89 | 	height: 10px;
 90 | 	width: 50px;
 91 | 	left: 4px;
 92 | 	margin: 6px 0px 0px 10px;
 93 | 	
 94 | 	background: #535353;
 95 | }
 96 | .acorn-player.barebones .acorn-volume-slider .ui-slider-handle {
 97 | 	width: 12px;
 98 | 	height: 12px;
 99 | 	left: -4px;
100 | 	top: -2px;	
101 | 	border: 1px solid #000;
102 | 	background: #e6e6e6;
103 | }
104 | .acorn-player.barebones .acorn-volume-slider .ui-slider-handle.ui-state-hover {
105 | 	background: #fff;
106 | }
107 | .acorn-player.barebones .acorn-volume-slider .ui-slider-range {	
108 | 	background: #e6e6e6;
109 | }
110 | /* Volume Button */
111 | .acorn-player.barebones .acorn-volume-button {
112 | 	float: left;
113 | }
114 | .acorn-player.barebones .acorn-volume-mute {
115 | }
116 | /* Fullscreen Button */
117 | .acorn-player.barebones .acorn-fullscreen-button {
118 | 	float: right;
119 | }
120 | /* Fullscreen Mode */
121 | .acorn-player.barebones .fullscreen-controls {	
122 | 	left: 0px;
123 | 	bottom: 0px;
124 | }
125 | /* Tooltip */
126 | .acorn-player.barebones .acorn-tooltip {
127 | 	position: absolute;
128 | 	top: 20px;
129 | 	right: 20px;
130 | 	padding:5px;
131 | 	background: #fff;
132 | 	
133 | 	font-size: 12px;
134 | 	color: #000;
135 | 	z-index: 9999;
136 | 
137 | 	opacity: 0;
138 | 	visibility: hidden;
139 | 
140 | 	-webkit-transition: all 0.3s ease-out;
141 | 	-moz-transition: all 0.3s ease-out;
142 | 	-o-transition: all 0.3s ease-out;
143 | }
144 | .acorn-player.barebones .acorn-tooltip.show-tooltip{
145 | 	opacity: 1;
146 | 	visibility: visible;
147 | }
148 | /* Caption Button */
149 | .acorn-player.barebones .acorn-caption-button {
150 | 	float: right;
151 | }
152 | .acorn-player.barebones .acorn-caption {
153 | 	font-size: 14px;
154 | 	font-weight: bold;
155 | 	color: #fff;
156 | }
157 | .acorn-player.barebones .acorn-caption-active {
158 | 	border: 2px solid #8F0000 !important;
159 | }
160 | .acorn-player.barebones .acorn-transcript-active {
161 | 	border: 2px solid #8F0000 !important;
162 | }
163 | /* Transcript Button */
164 | .acorn-player.barebones .acorn-transcript-button {
165 | 	float: right;
166 | }


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/acorn.darkglass.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * darkglass - Theme for Acorn Media Player
  3 |  * darkglasssmall - Child theme of darkglass
  4 |  *
  5 |  * To be used with the vertical volume slider.
  6 |  *
  7 |  * Copyright (C) 2010 Cristian I. Colceriu
  8 |  *
  9 |  * Dual licensed under the MIT and GPL licenses:
 10 |  *   http://www.opensource.org/licenses/mit-license.php
 11 |  *   http://www.gnu.org/licenses/gpl.html
 12 |  *
 13 |  * www.ghinda.net
 14 |  * contact@ghinda.net
 15 |  *
 16 |  */
 17 |  
 18 | /* Start of darkglass theme */
 19 | .acorn-player.darkglass {
 20 | 	float: left;
 21 | 	position: relative;	
 22 | 	
 23 | 	padding: 2px;
 24 | 	border: 2px solid #61625d;
 25 | 
 26 | 	font-family: Arial, Helvetica, sans-serif;
 27 | 		
 28 | 	-moz-border-radius: 5px;
 29 | 	-webkit-border-radius: 5px;
 30 | 	border-radius: 5px;
 31 | 	
 32 | 	background: #000000;
 33 | 	background-image: -moz-linear-gradient(top, #313131, #000000);
 34 | 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000));	
 35 | }
 36 | /* <video> element */
 37 | .acorn-player.darkglass video {
 38 | 	float: left;
 39 | 	clear: both;
 40 | 	margin-bottom: 5px;	
 41 | }
 42 | /* Audio player */
 43 | /* 
 44 |  * If you're playing <audio>, we're assigning a Width larger by 10%, because we're missing two buttons(Captions and Transcript)
 45 |  * each with a 5% Width
 46 |  */
 47 | .acorn-player.darkglass.audio-player .acorn-seek-slider {
 48 | 	width: 82%;
 49 | }
 50 | /* Player Controls */
 51 | .acorn-player.darkglass .acorn-controls {
 52 | 	position: relative;
 53 | 	float: left;
 54 | 	clear: both;
 55 | 	width: 95%;
 56 | 	padding-right: 5%;	
 57 | }
 58 | /* <button>s */
 59 | .acorn-player.darkglass button {
 60 | 	position: relative;
 61 | 	height: 22px;	
 62 | 	width: 4%;
 63 | 	margin-right: 1%;
 64 | 	padding: 0px;
 65 | 	border: none;
 66 | 	background-color: transparent;
 67 | 	background-repeat: no-repeat;
 68 | 	background-position: center center;
 69 | 	background-size: auto 100%;
 70 | 	
 71 | 	opacity: 0.7;
 72 | 	-moz-transition: all 0.2s ease-in-out;
 73 | 	-webkit-transition: all 0.2s ease-in-out;
 74 | 	-o-transition: all 0.2s ease-in-out;
 75 | 	transition: all 0.2s ease-in-out;
 76 | 	
 77 | 	-moz-border-radius: 2px;
 78 | 	-webkit-border-radius: 2px;
 79 | 	border-radius: 2px;
 80 | 	
 81 | 	cursor: pointer;
 82 | 	text-indent: -9999px;
 83 | }
 84 | .acorn-player.darkglass button:hover, .acorn-player.darkglass button:focus {
 85 | 	opacity: 1;
 86 | }
 87 | .acorn-player.darkglass button:active {
 88 | 	top: 1px;	
 89 | }
 90 | /* Playback controls(Play, Pause) */
 91 | .acorn-player.darkglass .acorn-play-button {
 92 | 	float: left;
 93 | 	display: block;
 94 | 	background-image: url(darkglass-play.png);
 95 | }
 96 | .acorn-player.darkglass .acorn-paused-button {
 97 | 	background-image: url(darkglass-pause.png);
 98 | }
 99 | /* Seek Slider */
100 | .acorn-player.darkglass .acorn-seek-slider {
101 | 	position: relative;
102 | 	display: block;
103 | 	float: left;
104 | 	width: 72%;
105 | 	height: 10px;
106 | 	margin: 5px 1% 0px 1%;
107 | 	background: #535353;
108 | 
109 | 	-moz-border-radius: 15px;
110 | 	-webkit-border-radius: 15px;
111 | 	border-radius: 15px;	
112 | }
113 | .acorn-player.darkglass .acorn-seek-slider .ui-slider-handle {
114 | 	display: block;
115 | 	position: absolute;	
116 | 	width: 15px;
117 | 	height: 15px;
118 | 	border: 1px solid #333;
119 | 	top: -4px;
120 | 	background: #e6e6e6;	
121 | 
122 | 	-moz-border-radius: 10px;
123 | 	-webkit-border-radius: 10px;
124 | 	border-radius: 10px;
125 | }
126 | .acorn-player.darkglass .acorn-seek-slider .ui-slider-range {		
127 | 	background: #4cbae8;
128 | 	
129 | 	-moz-border-radius:10px;
130 | 	-webkit-border-radius:10px;
131 | 	border-radius:10px;
132 | }
133 | .acorn-player.darkglass .acorn-buffer {
134 | 	background: #40338e !important;
135 | }
136 | .acorn-player.darkglass .acorn-seek-slider .ui-state-focus, .acorn-player.darkglass .acorn-seek-slider .ui-slider-handle.ui-state-hover {
137 | 	background: #fff !important;
138 | 	
139 | 	-moz-box-shadow: 0px 2px 15px #ff0000;
140 | 	-webkit-box-shadow: 0px 2px 15px #ff0000;
141 | 	box-shadow: 0px 2px 15px #ff0000;
142 | }
143 | /* Timer */
144 | .acorn-player.darkglass .acorn-timer {
145 | 	float: left;
146 | 	width: 6%;
147 | 	overflow: hidden;
148 | 	margin-top: 5px;	
149 | 	
150 | 	color: #999;
151 | 	font-size: 0.7em;
152 | 	font-weight: bold;
153 | }
154 | /* Volume Box */
155 | .acorn-player.darkglass .acorn-volume-box {
156 | 	position: absolute;
157 | 	float: left;
158 | 	bottom: 0px;
159 | 	right: 0px;
160 | 	overflow: visible;
161 | 	width: 5%;
162 | 	height: 35px;
163 | 	color: #fff;	
164 | 	
165 | 	-moz-transition: all 0.1s ease-in-out;
166 | 	-webkit-transition: all 0.1s ease-in-out;
167 | 	-o-transition: all 0.2s ease-in-out;
168 | 	transition: all 0.1s ease-in-out;
169 | }
170 | .acorn-player.darkglass .acorn-volume-box:hover {
171 | 	height: 135px;
172 | }
173 | .acorn-player.darkglass .acorn-volume-box:hover .acorn-volume-slider {
174 | 	position: relative;
175 | 	visibility: visible;
176 | 	opacity: 1;
177 | }
178 | /* Volume Slider */
179 | .acorn-player.darkglass .acorn-volume-slider {
180 | 	position: relative;
181 | 	height: 100px;
182 | 	width: 7px;
183 | 	left: 4px;
184 | 	
185 | 	visibility: hidden;
186 | 	opacity: 0;
187 | 	
188 | 	border: 1px solid #444;
189 | 
190 | 	-moz-border-radius: 15px;
191 | 	-webkit-border-radius: 15px;
192 | 	border-radius: 15px;
193 | 	
194 | 	background: #535353;
195 | 	background-image: -moz-linear-gradient(top, #535353, #333333);
196 | 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #535353),color-stop(1, #333333));
197 | 	
198 | 	box-shadow: inset 0 3px 3px #333333;
199 | 	
200 | 	-moz-transition: all 0.1s ease-in-out;
201 | 	-webkit-transition: all 0.1s ease-in-out;
202 | 	-o-transition: all 0.1s ease-in-out;
203 | 	transition: all 0.1s ease-in-out; 
204 | }
205 | .acorn-player.darkglass .acorn-volume-slider .ui-slider-handle {
206 | 	width: 12px;
207 | 	height: 12px;
208 | 	left: -4px;
209 | 	margin-bottom:-0.6em;
210 | 	margin-left:0;
211 | 	border: 1px solid #333;	
212 | 
213 | 	-moz-border-radius:10px;
214 | 	-webkit-border-radius:10px;
215 | 	border-radius:10px;	
216 | 	
217 | 	background: #e6e6e6;
218 | 	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
219 | 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
220 | 	
221 | 	box-shadow: inset 0 3px 3px #d5d5d5;	
222 | }
223 | .acorn-player.darkglass .acorn-volume-slider .ui-slider-handle.ui-state-hover {
224 | 	background: #fff;
225 | }
226 | .acorn-player.darkglass .acorn-volume-slider .ui-slider-range {
227 | 	-moz-border-radius: 15px;
228 | 	-webkit-border-radius: 15px;
229 | 	border-radius: 15px;
230 | 	
231 | 	background: #e6e6e6;
232 | 	background-image: -moz-linear-gradient(top, #e6e6e6, #d5d5d5);
233 | 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e6e6),color-stop(1, #d5d5d5));
234 | 	
235 | 	box-shadow: inset 0 3px 3px #d5d5d5;
236 | }
237 | /* Volume Button */
238 | .acorn-player.darkglass .acorn-volume-button {
239 | 	position: absolute;	
240 | 	bottom: 0px;
241 | 	width: 100%;
242 | 	display: block;	
243 | 	background: url(darkglass-volume-full.png) no-repeat;
244 | 	text-indent: -9999px;
245 | 	
246 | 	opacity: 0.8;
247 | }
248 | .acorn-player.darkglass .acorn-volume-button:active {
249 | 	top: auto;
250 | }
251 | .acorn-player.darkglass .acorn-volume-mute {
252 | 	background-image: url(darkglass-volume.png);
253 | }
254 | /* Fullscreen Button */
255 | .acorn-player.darkglass .acorn-fullscreen-button {
256 | 	float: right;
257 | 	background-image: url(darkglass-fullscreen.png);
258 | }
259 | /* Fullscreen Mode */
260 | .acorn-player.darkglass .fullscreen-controls {	
261 | 	left: 0px;
262 | 	bottom: 0px;
263 | }
264 | .acorn-player.darkglass .fullscreen-controls button {
265 | 	height: 35px;
266 | }
267 | .acorn-player.darkglass .fullscreen-controls .acorn-fullscreen-button {
268 | 	background-image: url(darkglass-exit-fullscreen.png);
269 | }
270 | .acorn-player.darkglass .fullscreen-controls .acorn-seek-slider {
271 | 	margin-top: 10px;
272 | }
273 | /* Tooltip */
274 | .acorn-player.darkglass .acorn-tooltip {
275 | 	position: absolute;
276 | 	top: 20px;
277 | 	right: 20px;
278 | 	padding: 10px;
279 | 	background: #000;
280 | 	
281 | 	font-size: 12px;
282 | 	font-weight: bold;
283 | 	text-transform: uppercase;
284 | 	color: #fff;
285 | 
286 | 	-webkit-border-radius: 3px;
287 | 	border-radius: 3px;
288 | 	-moz-background-clip: padding;
289 | 	-webkit-background-clip: padding-box;
290 | 	background-clip: padding-box;
291 | 	z-index: 9999;
292 | 
293 | 	opacity: 0;
294 | 	visibility: hidden;
295 | 
296 | 	-webkit-transition: all 0.3s ease-out;
297 | 	-moz-transition: all 0.3s ease-out;
298 | 	-o-transition: all 0.3s ease-out;
299 | }
300 | .acorn-player.darkglass .acorn-tooltip.show-tooltip{
301 | 	opacity: 1;
302 | 	visibility: visible;
303 | }
304 | /* Caption Button */
305 | .acorn-player.darkglass .acorn-caption-button {
306 | 	float: right;
307 | 	background-image: url(darkglass-caption.png);
308 | }
309 | .acorn-player.darkglass .acorn-caption {
310 | 	font-size: 14px;
311 | 	font-weight: bold;
312 | 	color: #fff;
313 | 	
314 | 	text-shadow: 0px 1px 5px #000;
315 | }
316 | .acorn-player.darkglass .acorn-caption-active {
317 | 	background-color: #8F0000 !important;
318 | }
319 | .acorn-player.darkglass .acorn-transcript-active {
320 | 	background-color: #8F0000 !important;
321 | }
322 | /* Transcript Button */
323 | .acorn-player.darkglass .acorn-transcript-button {
324 | 	float: right;
325 | 	background-image: url(darkglass-transcript.png);
326 | }
327 | /* 
328 |  * darkglasssmall Child Theme
329 |  */
330 | .acorn-player.darkglasssmall {
331 | 	padding: 0px;
332 | }
333 | .acorn-player.darkglasssmall video:hover + .acorn-controls {
334 | 	visibility: visible;
335 | 	opacity: 0.7;
336 | }
337 | .acorn-player.darkglasssmall .acorn-controls:hover {
338 | 	visibility: visible;
339 | 	opacity: 0.7;
340 | }
341 | .acorn-player.darkglasssmall .acorn-controls {
342 | 	position: absolute;	
343 | 	bottom: 5%;
344 | 	width: 87%;
345 | 	margin-left: 2%;
346 | 	padding: 2% 7% 2% 2%;
347 | 	
348 | 	border: 1px solid #2E2E2E;
349 | 	
350 | 	-moz-border-radius: 5px;
351 | 	-webkit-border-radius: 5px;
352 | 	border-radius: 5px;
353 | 	
354 | 	background: #000000;
355 | 	background-image: -moz-linear-gradient(top, #313131, #000000);
356 | 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #313131),color-stop(1, #000000));
357 | 	
358 | 	opacity: 0;
359 | 	visibility: hidden;	
360 | 	
361 | 	-moz-transition: all 0.1s ease-in-out;
362 | 	-webkit-transition: all 0.1s ease-in-out;
363 | 	-o-transition: all 0.1s ease-in-out;
364 | 	transition: all 0.1s ease-in-out;
365 | }
366 | .acorn-player.darkglasssmall .acorn-volume-box {
367 | 	margin-right: 2%;
368 | 	margin-bottom: 2%;
369 | }
370 | /* Audio player */
371 | .acorn-player.darkglasssmall.audio-player .acorn-controls {
372 | 	display: block;
373 | 	position: relative;
374 | 	visibility: visible;
375 | 	opacity: 1;
376 | 	margin-left: 0px;
377 | 	width: 91%;
378 | 	
379 | 	border: none;
380 | }


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-caption.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-caption.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-exit-fullscreen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-exit-fullscreen.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-fullscreen.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-fullscreen.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-pause.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-pause.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-play.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-play.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-transcript.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-transcript.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-volume-full.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-volume-full.png


--------------------------------------------------------------------------------
/acornmediaplayer/themes/darkglass/darkglass-volume.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/acornmediaplayer/themes/darkglass/darkglass-volume.png


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name": "acornmediaplayer",
 3 | 	"version": "1.8.1",
 4 | 	"dependencies": {
 5 | 		"jquery": "~2.0"
 6 | 	},
 7 | 	"devDependencies": {
 8 | 	}
 9 | }
10 | 


--------------------------------------------------------------------------------
/demos.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 | 	<meta charset="utf-8" />
  5 | 	<title>Demos for Acorn Media Player, Accessible and customizable HTML5 media player</title>
  6 | 	<link href="website/css/amp-website.css" rel="stylesheet" type="text/css" />
  7 | 
  8 | 	<!-- Acorn Media Player specific -->
  9 | 	<link href="acornmediaplayer/acornmediaplayer.base.css" rel="stylesheet" type="text/css">
 10 | 	<!-- Themes -->
 11 | 	<link href="acornmediaplayer/themes/access/acorn.access.css" rel="stylesheet" type="text/css">
 12 | 	<link href="acornmediaplayer/themes/darkglass/acorn.darkglass.css" rel="stylesheet" type="text/css">
 13 | 	<link href="acornmediaplayer/themes/barebones/acorn.barebones.css" rel="stylesheet" type="text/css">
 14 | </head>
 15 | <body>
 16 | 
 17 | 
 18 | 	<h1>
 19 | 		Acorn Media Player
 20 | 		<p>jQuery HTML5 media player</p>
 21 | 	</h1>
 22 | 
 23 | 	<section>
 24 | 		<h2>Demos</h2>
 25 | 
 26 | 		<h3>Defaults</h3>
 27 | 
 28 | 		<figure>
 29 | 			<video id="demo1" controls="controls" width="826" height="360" poster="website/images/tos-poster.jpg" preload="metadata" aria-describedby="full-descript">
 30 | 				<source type="video/webm" src="https://user-images.githubusercontent.com/325171/200515741-eb779885-d074-4ba2-9782-32a2add7dd79.webm" />
 31 | 
 32 | 				<track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" />
 33 | 				<track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" />
 34 | 				<track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" />
 35 | 				<track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" />
 36 | 				<track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" />
 37 | 
 38 | 				You can download Tears of Steel at <a href="http://mango.blender.org/">mango.blender.org</a>.
 39 | 			</video>
 40 | 			<figcaption id="full-descript">
 41 | 				<p><em>"Tears of Steel"</em> was realized with crowd-funding by users of the open source 3D creation tool <a href="http://www.blender.org">Blender</a>. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. </p>
 42 | 				<p>(CC) Blender Foundation - <a href="http://www.tearsofsteel.org">http://www.tearsofsteel.org</a></p>
 43 | 			</figcaption>
 44 | 		</figure>
 45 | 
 46 | 		<figure>
 47 | 			<audio id="demo1-audio" aria-describedby="demo1-audio-descript">
 48 | 				<source type="audio/webm" src="https://user-images.githubusercontent.com/325171/200516063-ca55ea20-6234-4f13-b006-f18ab9416779.webm" />
 49 | 			</audio>
 50 | 			<figcaption id="demo1-audiodescript">
 51 | 				P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album.
 52 | 			</figcaption>
 53 | 		</figure>
 54 | 
 55 | 		<p>This uses the default options, with the default 'access' theme. </p>
 56 | 		<p>Just include the theme CSS and call the plugin. </p>
 57 | <pre><code>&lt;link href=&quot;/path/to/themes/access/acorn.access.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code></pre>
 58 | 
 59 | <pre><code>jQuery('video').acornMediaPlayer();</code></pre>
 60 | 	</section>
 61 | 
 62 | 	<section>
 63 | 		<h3><code>accesslight </code> Child Theme</h3>
 64 | 
 65 | 		<figure>
 66 | 			<video id="demo2" controls="controls" width="826" height="360" poster="website/images/tos-poster.jpg" preload="metadata" aria-describedby="full-descript">
 67 | 				<source type="video/webm" src="https://user-images.githubusercontent.com/325171/200515741-eb779885-d074-4ba2-9782-32a2add7dd79.webm" />
 68 | 
 69 | 				<track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" />
 70 | 				<track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" />
 71 | 				<track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" />
 72 | 				<track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" />
 73 | 				<track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" />
 74 | 
 75 | 				You can download Tears of Steel at <a href="http://mango.blender.org/">mango.blender.org</a>.
 76 | 			</video>
 77 | 			<figcaption id="full-descript">
 78 | 				<p><em>"Tears of Steel"</em> was realized with crowd-funding by users of the open source 3D creation tool <a href="http://www.blender.org">Blender</a>. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. </p>
 79 | 				<p>(CC) Blender Foundation - <a href="http://www.tearsofsteel.org">http://www.tearsofsteel.org</a></p>
 80 | 			</figcaption>
 81 | 		</figure>
 82 | 
 83 | 		<figure>
 84 | 			<audio id="demo2-audio" aria-describedby="demo2-audio-descript">
 85 | 				<source type="audio/webm" src="https://user-images.githubusercontent.com/325171/200516063-ca55ea20-6234-4f13-b006-f18ab9416779.webm" />
 86 | 			</audio>
 87 | 			<figcaption id="demo2-audio-descript">
 88 | 				P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album.
 89 | 			</figcaption>
 90 | 		</figure>
 91 | 
 92 | 		<p>Being a child theme of <code>access</code>, the styles for <code>accesslight</code> are included in the main theme's CSS. </p>
 93 | <pre><code>&lt;link href=&quot;/path/to/themes/access/acorn.access.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code></pre>
 94 | 		<p>Now call the plugin with the <code>themes</code> option. </p>
 95 | <pre><code>jQuery('video').acornMediaPlayer({
 96 | 	themes: 'access accesslight'
 97 | });</code></pre>
 98 | 
 99 | 	</section>
100 | 
101 | 	<section>
102 | 		<h3><code>Darkglass</code> theme and vertical volume slider</h3>
103 | 
104 | 		<figure>
105 | 			<video id="demo3" controls="controls" width="826" height="360" poster="website/images/tos-poster.jpg" preload="metadata" aria-describedby="full-descript">
106 | 				<source type="video/webm" src="https://user-images.githubusercontent.com/325171/200515741-eb779885-d074-4ba2-9782-32a2add7dd79.webm" />
107 | 
108 | 				<track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" />
109 | 				<track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" />
110 | 				<track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" />
111 | 				<track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" />
112 | 				<track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" />
113 | 
114 | 				You can download Tears of Steel at <a href="http://mango.blender.org/">mango.blender.org</a>.
115 | 			</video>
116 | 			<figcaption id="full-descript">
117 | 				<p><em>"Tears of Steel"</em> was realized with crowd-funding by users of the open source 3D creation tool <a href="http://www.blender.org">Blender</a>. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. </p>
118 | 				<p>(CC) Blender Foundation - <a href="http://www.tearsofsteel.org">http://www.tearsofsteel.org</a></p>
119 | 			</figcaption>
120 | 		</figure>
121 | 
122 | 		<figure>
123 | 			<audio id="demo3-audio" aria-describedby="demo3-audio-descript">
124 | 				<source type="audio/webm" src="https://user-images.githubusercontent.com/325171/200516063-ca55ea20-6234-4f13-b006-f18ab9416779.webm" />
125 | 			</audio>
126 | 			<figcaption id="demo3-audio-descript">
127 | 				P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album.
128 | 			</figcaption>
129 | 		</figure>
130 | 
131 | 		<p><code>darkglass</code> only works properly with vertical volume sliders. </p>
132 | <pre><code>&lt;link href=&quot;/path/to/themes/darkglass/acorn.darkglass.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code></pre>
133 | <pre><code>jQuery('video').acornMediaPlayer({
134 | 	theme: 'darkglass',
135 | 	volumeSlider: 'vertical'
136 | });</code></pre>
137 | 	</section>
138 | 
139 | 	<section>
140 | 		<h3><code>darkglasssmall</code> Child Theme</h3>
141 | 
142 | 		<figure>
143 | 			<video id="demo4" controls="controls" width="826" height="360" poster="website/images/tos-poster.jpg" preload="metadata" aria-describedby="full-descript">
144 | 				<source type="video/webm" src="https://user-images.githubusercontent.com/325171/200515741-eb779885-d074-4ba2-9782-32a2add7dd79.webm" />
145 | 
146 | 				<track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" />
147 | 				<track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" />
148 | 				<track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" />
149 | 				<track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" />
150 | 				<track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" />
151 | 
152 | 				You can download Tears of Steel at <a href="http://mango.blender.org/">mango.blender.org</a>.
153 | 			</video>
154 | 			<figcaption id="full-descript">
155 | 				<p><em>"Tears of Steel"</em> was realized with crowd-funding by users of the open source 3D creation tool <a href="http://www.blender.org">Blender</a>. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. </p>
156 | 				<p>(CC) Blender Foundation - <a href="http://www.tearsofsteel.org">http://www.tearsofsteel.org</a></p>
157 | 			</figcaption>
158 | 		</figure>
159 | 
160 | 		<figure>
161 | 			<audio id="demo4-audio" aria-describedby="demo4-audio-descript">
162 | 				<source type="audio/webm" src="https://user-images.githubusercontent.com/325171/200516063-ca55ea20-6234-4f13-b006-f18ab9416779.webm" />
163 | 			</audio>
164 | 			<figcaption id="demo4-audio-descript">
165 | 				P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album.
166 | 			</figcaption>
167 | 		</figure>
168 | 
169 | <pre><code>&lt;link href=&quot;/path/to/themes/darkglass/acorn.darkglass.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code></pre>
170 | <pre><code>jQuery('video').acornMediaPlayer({
171 | 	theme: 'darkglass darkglasssmall',
172 | 	volumeSlider: 'vertical'
173 | });</code></pre>
174 | 	</section>
175 | 
176 | 	<section>
177 | 		<h3><code>barebones</code> Theme</h3>
178 | 
179 | 		<figure>
180 | 			<video id="demo5" controls="controls" width="826" height="360" poster="website/images/tos-poster.jpg" preload="metadata" aria-describedby="full-descript">
181 | 				<source type="video/webm" src="https://user-images.githubusercontent.com/325171/200515741-eb779885-d074-4ba2-9782-32a2add7dd79.webm" />
182 | 
183 | 				<track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" />
184 | 				<track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" />
185 | 				<track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" />
186 | 				<track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" />
187 | 				<track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" />
188 | 
189 | 				You can download Tears of Steel at <a href="http://mango.blender.org/">mango.blender.org</a>.
190 | 			</video>
191 | 			<figcaption id="full-descript">
192 | 				<p><em>"Tears of Steel"</em> was realized with crowd-funding by users of the open source 3D creation tool <a href="http://www.blender.org">Blender</a>. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. </p>
193 | 				<p>(CC) Blender Foundation - <a href="http://www.tearsofsteel.org">http://www.tearsofsteel.org</a></p>
194 | 			</figcaption>
195 | 		</figure>
196 | 
197 | 		<figure>
198 | 			<audio id="demo5-audio" aria-describedby="demo5-audio-descript">
199 | 				<source type="audio/webm" src="https://user-images.githubusercontent.com/325171/200516063-ca55ea20-6234-4f13-b006-f18ab9416779.webm" />
200 | 			</audio>
201 | 			<figcaption id="demo5-audio-descript">
202 | 				P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album.
203 | 			</figcaption>
204 | 		</figure>
205 | 
206 | <pre><code>&lt;link href=&quot;/path/to/themes/barebones/acorn.barebones.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code></pre>
207 | <pre><code>jQuery('video').acornMediaPlayer({
208 | 	theme: 'barebones'
209 | });</code></pre>
210 | 	</section>
211 | 
212 | 	<section>
213 | 		<h3><code>barebones</code> Theme with native sliders</h3>
214 | 
215 | 		<figure>
216 | 			<video id="demo6" controls="controls" width="826" height="360" poster="website/images/tos-poster.jpg" preload="metadata" aria-describedby="full-descript">
217 | 				<source type="video/webm" src="https://user-images.githubusercontent.com/325171/200515741-eb779885-d074-4ba2-9782-32a2add7dd79.webm" />
218 | 
219 | 
220 | 				<track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" />
221 | 				<track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" />
222 | 				<track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" />
223 | 				<track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" />
224 | 				<track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" />
225 | 
226 | 				You can download Tears of Steel at <a href="http://mango.blender.org/">mango.blender.org</a>.
227 | 			</video>
228 | 			<figcaption id="full-descript">
229 | 				<p><em>"Tears of Steel"</em> was realized with crowd-funding by users of the open source 3D creation tool <a href="http://www.blender.org">Blender</a>. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. </p>
230 | 				<p>(CC) Blender Foundation - <a href="http://www.tearsofsteel.org">http://www.tearsofsteel.org</a></p>
231 | 			</figcaption>
232 | 		</figure>
233 | 
234 | 		<figure>
235 | 			<audio id="demo6-audio" aria-describedby="demo6-audio-descript">
236 | 				<source type="audio/webm" src="https://user-images.githubusercontent.com/325171/200516063-ca55ea20-6234-4f13-b006-f18ab9416779.webm" />
237 | 			</audio>
238 | 			<figcaption id="demo6-audio-descript">
239 | 				P.T.Burnem's track "Gypsy Heart Rock" from the "Paper Cranes" album.
240 | 			</figcaption>
241 | 		</figure>
242 | 
243 | <pre><code>&lt;link href=&quot;/path/to/themes/barebones/acorn.barebones.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;</code></pre>
244 | <pre><code>jQuery('video').acornMediaPlayer({
245 | 	theme: 'barebones',
246 | 	nativeSliders: true
247 | });</code></pre>
248 | 	</section>
249 | 
250 | 	<section>
251 | 		<h3>A word about the markup</h3>
252 | 		<p>If you take a look at the source of these demos, you can see I'm using a Wikipedia-like style of marking-up both &lt;video&gt; and &lt;audio&gt;, using the HTML 5 elements &lt;figure&gt; and &lt;figcaption&gt;. </p>
253 | <pre><code>&lt;figure&gt;
254 | 	&lt;video controls=&quot;controls&quot; width=&quot;826&quot; height=&quot;330&quot; poster=&quot;website/images/tos-poster.jpg&quot; preload=&quot;metadata&quot; aria-describedby=&quot;full-descript&quot;&gt;
255 | 		&lt;source type=&quot;video/webm&quot; src=&quot;/tears_of_steel_240.webm&quot; /&gt;
256 | 
257 | 		&lt;track src=&quot;subs/TOS-arabic.srt&quot; kind=&quot;subtitles&quot; srclang=&quot;ar&quot; label=&quot;Arabic&quot; /&gt;
258 | 		...
259 | 
260 | 		You can download Tears of Steel at &lt;a href=&quot;http://mango.blender.org/&quot;&gt;mango.blender.org&lt;/a&gt;.
261 | 	&lt;/video&gt;
262 | 	&lt;figcaption id=&quot;full-descript&quot;&gt;
263 | 		&lt;p&gt;&lt;em&gt;&quot;Tears of Steel&quot;&lt;/em&gt; was realized with crowd-funding by users of the open source 3D creation tool &lt;a href=&quot;http://www.blender.org&quot;&gt;Blender&lt;/a&gt;. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. &lt;/p&gt;
264 | 		&lt;p&gt;(CC) Blender Foundation - &lt;a href=&quot;http://www.tearsofsteel.org&quot;&gt;http://www.tearsofsteel.org&lt;/a&gt;&lt;/p&gt;
265 | 	&lt;/figcaption&gt;
266 | &lt;/figure&gt;
267 | </code></pre>
268 | 		<p>You can also notice I'm linking the &lt;figure&gt; and &lt;figcaption&gt; using <code>aria-describedby</code>. </p>
269 | 		<p>Using the <code>aria-describedby</code> attribute makes screen readers and other <abbr title="Assistive technology">AT</abbr> read the media element description <strong>first</strong>, before reaching the controls. </p>
270 | 		<p>This goes for both the &lt;audio&gt; and &lt;video&gt;, and is done for accessibility and semantic markup. </p>
271 | 		<p>You don't <strong>have</strong> to use this markup. A simple video or audio element will do. </p>
272 | 	</section>
273 | 
274 | 	<footer>
275 | 		<p>Acorn Media Player is a project by <a href="http://www.ghinda.net">Ionuț Colceriu</a>. </p>
276 | 		<p>Tears of Steel is &copy; copyright the Blender Foundation | <a href="http://www.tearsofsteel.org">www.tearsofsteel.org</a>, licensed under a <a href="http://mango.blender.org/sharing/">Creative Commons</a> license. </p>
277 | 	</footer>
278 | 
279 | 	<script src="lib/jquery.min.js"></script>
280 | 	<script src="lib/jquery-ui-1.10.0.custom.min.js"></script>
281 | 	<script src="lib/modernizr.custom.js"></script>
282 | 	<script src="//afarkas.github.io/webshim/js-webshim/minified/polyfiller.js"></script>
283 | 	<script>
284 | 		if(window.webshims) {
285 | 			webshims.polyfill('mediaelement');
286 | 		}
287 | 	</script>
288 | 
289 | 	<script src="acornmediaplayer/jquery.acornmediaplayer.js"></script>
290 | 
291 | 	<!-- Call the plugin -->
292 | 	<script>
293 | 		jQuery(function() {
294 | 			// demo1
295 | 			jQuery('#demo1, #demo1-audio').acornMediaPlayer();
296 | 			// demo2
297 | 			jQuery('#demo2, #demo2-audio').acornMediaPlayer({
298 | 				theme: 'access accesslight'
299 | 			});
300 | 			// demo3
301 | 			jQuery('#demo3, #demo3-audio').acornMediaPlayer({
302 | 				theme: 'darkglass',
303 | 				volumeSlider: 'vertical'
304 | 			});
305 | 			// demo4
306 | 			jQuery('#demo4, #demo4-audio').acornMediaPlayer({
307 | 				theme: 'darkglass darkglasssmall',
308 | 				volumeSlider: 'vertical'
309 | 			});
310 | 			// demo5
311 | 			jQuery('#demo5, #demo5-audio').acornMediaPlayer({
312 | 				theme: 'barebones'
313 | 			});
314 | 			// demo6
315 | 			jQuery('#demo6, #demo6-audio').acornMediaPlayer({
316 | 				theme: 'barebones',
317 | 				nativeSliders: true
318 | 			});
319 | 		});
320 | 	</script>
321 | 
322 | </body>
323 | </html>
324 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 | 	<meta charset="utf-8" />
  5 | 	<title>Acorn Media Player, Accessible and customizable HTML5 media player</title>
  6 | 	<link href="website/css/amp-website.css" rel="stylesheet" type="text/css" />
  7 | 
  8 | 	<!-- Acorn Media Player specific -->
  9 | 	<link href="acornmediaplayer/acornmediaplayer.base.css" rel="stylesheet" type="text/css">
 10 | 
 11 | 	<!-- Theme -->
 12 | 	<link href="acornmediaplayer/themes/access/acorn.access.css" rel="stylesheet" type="text/css">
 13 | </head>
 14 | <body>
 15 | 
 16 | 	<h1>
 17 | 		Acorn Media Player
 18 | 		<p>jQuery HTML5 media player</p>
 19 | 	</h1>
 20 | 
 21 | 	<nav>
 22 | 		<ul>
 23 | 			<li><a href="demos.html">Demos</a></li>
 24 | 		</ul>
 25 | 	</nav>
 26 | 
 27 | 	<section>
 28 | 		<figure>
 29 | 			<video controls="controls" width="826" height="360" poster="website/images/tos-poster.jpg" preload="metadata" aria-describedby="full-descript">
 30 | 				<source type="video/webm" src="https://user-images.githubusercontent.com/325171/200515741-eb779885-d074-4ba2-9782-32a2add7dd79.webm" />
 31 | 
 32 | 				<track src="subs/TOS-arabic.srt" kind="subtitles" srclang="ar" label="Arabic" />
 33 | 				<track src="subs/TOS-japanese.srt" kind="subtitles" srclang="jp" label="Japanese" />
 34 | 				<track src="subs/TOS-english.srt" kind="subtitles" srclang="en" label="English" />
 35 | 				<track src="subs/TOS-turkish.srt" kind="subtitles" srclang="tr" label="Turkish" />
 36 | 				<track src="subs/TOS-ukrainian.srt" kind="subtitles" srclang="uk" label="Ukrainian" />
 37 | 
 38 | 				You can download Tears of Steel at <a href="http://mango.blender.org/">mango.blender.org</a>.
 39 | 			</video>
 40 | 			<figcaption id="full-descript">
 41 | 				<p><em>"Tears of Steel"</em> was realized with crowd-funding by users of the open source 3D creation tool <a href="http://www.blender.org">Blender</a>. Target was to improve and test a complete open and free pipeline for visual effects in film - and to make a compelling sci-fi film in Amsterdam, the Netherlands. </p>
 42 | 				<p>(CC) Blender Foundation - <a href="http://www.tearsofsteel.org">http://www.tearsofsteel.org</a></p>
 43 | 			</figcaption>
 44 | 		</figure>
 45 | 	</section>
 46 | 
 47 | 	<section id="demos">
 48 | 		<a href="demos.html" id="demo-button">See more demos</a>
 49 | 		<h2>Demos</h2>
 50 | 	</section>
 51 | 
 52 | 	<section id="download">
 53 | 		<a href="https://github.com/ghinda/acornmediaplayer/zipball/gh-pages" id="download-button">Download</a>
 54 | 		<h2>Download</h2>
 55 | 		<p>You can download the latest version from <a href="https://github.com/ghinda/acornmediaplayer">GitHub</a>. </p>
 56 | 	</section>
 57 | 
 58 | 	<section id="about">
 59 | 		<h2>About</h2>
 60 | 		<p>Acorn Media Player is a HTML5 media player with a focus on accessibility and customization. </p>
 61 | 
 62 | 		<p>Articles describing it's development: </p>
 63 | 
 64 | 		<ul>
 65 | 			<li>
 66 | 				<a href="http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/">Building a custom HTML5 video player with CSS3 and jQuery</a>
 67 | 			</li>
 68 | 			<li>
 69 | 				<a href="http://dev.opera.com/articles/view/more-accessible-html5-video-player/">A more accessible HTML5 &lt;video&gt; player</a>
 70 | 			</li>
 71 | 		</ul>
 72 | 
 73 | 	</section>
 74 | 
 75 | 	<section id="features">
 76 | 		<h2>Features</h2>
 77 | 		<ul>
 78 | 			<li>
 79 | 				<h3 class="access-icon">Accessibility</h3>
 80 | 				<p>Acorn Media Player is built with accessibility in mind. </p>
 81 | 				<p>It provides full keyboard access using standard tab-based navigation, screen-reader (and other <abbr title="Assistive Technologies">AT</abbr>) support, accessible themes, and other accessibility tweaks. </p>
 82 | 			</li>
 83 | 			<li>
 84 | 				<h3 class="caption-icon">Closed-Captions</h3>
 85 | 				<p>This is no native support for closed captioning on HTML5 &lt;video&gt; yet, but that shouldn't stop you from providing them. </p>
 86 | 				<p>It supports external SRT files just like desktop media players. </p>
 87 | 			</li>
 88 | 			<li>
 89 | 				<h3 class="transcript-icon">Transcript</h3>
 90 | 				<p>Along with closed captions support, the player provides a dynamic transcript generated from the selected captions. </p>
 91 | 			</li>
 92 | 			<li>
 93 | 				<h3 class="fullscreen-icon">Other features</h3>
 94 | 				<p>Other notable features include:</p>
 95 | 				<ul>
 96 | 					<li>Easy customization and theming</li>
 97 | 					<li>Fullscreen support</li>
 98 | 					<li>Buffering indicator</li>
 99 | 					<li>&lt;audio&gt; support</li>
100 | 					<li>Loading indicator</li>
101 | 					<li>Remembers volume level using HTML5 LocalStorage</li>
102 | 					<li>Easy to use, understand and adapt</li>
103 | 					<li>Free and Open Source</li>
104 | 				</ul>
105 | 			</li>
106 | 		</ul>
107 | 	</section>
108 | 
109 | 	<section id="how">
110 | 		<h2>How to use</h2>
111 | 
112 | 		<h3>1. Mark-up your &lt;audio&gt; and &lt;video&gt;</h3>
113 | 		<p>Properly mark-up your videos, <em>and make sure they work, without the player. </em> It's also a good time to consider <a href="#fallback">fallbacks</a>. </p>
114 | 
115 | 		<h3>2. Include jQuery and jQuery UI Slider</h3>
116 | 		<p>Since this is a jQuery plugin, you'll need to include jQuery. You can include it from Google's CDN. </p>
117 | <pre><code>&lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js&quot;&gt;&lt;/script&gt;
118 | </code></pre>
119 | 		<p>You don't have to include the whole jQuery UI, you'll only have to include the jQuery UI Slider component. You can <a href="#">create your own custom jQuery UI build</a> on the jQuery UI website.</p>
120 | <pre><code>&lt;script src=&quot;/path/to/jquery-ui-custom.js&quot;&gt;&lt;/script&gt;
121 | </code></pre>
122 | 
123 | 		<h3>3. Include specific JavaScript and CSS for Acorn Media Player</h3>
124 | 		<p>You'll need to include one JavaScript file</p>
125 | <pre><code>&lt;script src=&quot;/path/to/jquery.acornmediaplayer.js&quot;&gt;&lt;/script&gt;
126 | </code></pre>
127 | 		<p>and one CSS file</p>
128 | <pre><code>&lt;link href=&quot;/path/to/acornmediaplayer.base.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
129 | </code></pre>
130 | 
131 | 		<h3>4. Include the Theme(s)</h3>
132 | 		<p>The <code>base</code> CSS file you just included does not provide any themes. Themes are located in other external CSS files. </p>
133 | <pre><code>&lt;link href=&quot;/path/to/themes/acorn.theme.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;&gt;
134 | </code></pre>
135 | 		<p>See the themes included by default in the <a href="#themes">Themes</a> section. </p>
136 | 
137 | 		<h3>5. Call the plugin</h3>
138 | 		<p>When you're done including everything, call the plugin on the elements you want using a jQuery selector. </p>
139 | <pre><code>&lt;script&gt;
140 | 	$(document).ready(function() {
141 | 		$('video, audio').acornMediaPlayer();
142 | 	});
143 | &lt;/script&gt;
144 | </code></pre>
145 | 		<p>This will initialize the player using the default options. See the available options bellow. </p>
146 | 	</section>
147 | 
148 | 	<section id="options">
149 | 		<h2>Options</h2>
150 | 		<p>These are the themes included with the player: </p>
151 | 		<table>
152 | 				<thead>
153 | 					<tr>
154 | 						<th class="small-column">Key</td>
155 | 						<th class="small-column">Default value</td>
156 | 						<th>Description</td>
157 | 					</tr>
158 | 				</thead>
159 | 				<tbody>
160 | 					<tr>
161 | 						<td>theme</td>
162 | 						<td>'access'</td>
163 | 						<td>
164 | 							<p>Theme to be used by media player. The value is added as an extra class to the gallery wrapper.  </p>
165 | 							<p>You can also provide multiple values (just like adding multiple classes to an element). Some themes provide child themes, which build on, or modify the main theme. So, if you want to use 'accesslight', a child theme of 'access' you'll have to use 'access accesslight'. </p>
166 | 							<p><strong>Remember to include the theme. </strong></p>
167 | 						</td>
168 | 					</tr>
169 | 					<tr>
170 | 						<td>nativeSliders</td>
171 | 						<td>false</td>
172 | 						<td>
173 | 							<p>More of an experimental feature. Whether or not to use &lt;input type=&quot;range&quot;&gt; controls instead of jQuery UI sliders, for the seek and volume slider. </p>
174 | 							<p>Can be <code>true</code> or <code>false</code>.</p>
175 | 						</td>
176 | 					</tr>
177 | 					<tr>
178 | 						<td>volumeSlider</td>
179 | 						<td>'horizontal'</td>
180 | 						<td>
181 | 							<p>The direction of the volume slider, to be used with the jQuery UI Slider. </p>
182 | 							<p>Can be <code>horizontal</code> or <code>vertical</code>. </p>
183 | 						</td>
184 | 					</tr>
185 | 					<tr>
186 | 						<td>captionsOn</td>
187 | 						<td>false</td>
188 | 						<td>
189 | 							<p>If true, the first caption will be selected by default. </p>
190 | 							<p>Can be <code>true</code> or <code>false</code>. </p>
191 | 						</td>
192 | 					</tr>
193 | 					<tr>
194 | 						<td>tooltipsOn</td>
195 | 						<td>true</td>
196 | 						<td>
197 | 							<p>Show a tooltip for the hovered player control. </p>
198 | 							<p>Can be <code>true</code> or <code>false</code>. </p>
199 | 						</td>
200 | 					</tr>
201 | 				</tbody>
202 | 			</table>
203 | 	</section>
204 | 
205 | 	<section id="themes">
206 | 		<h2>Themes</h2>
207 | 		<p>These are the themes included with the player: </p>
208 | 		<ul>
209 | 			<li>
210 | 				<strong>access(default theme)</strong>
211 | 				<p>Includes child theme <code>accesslight</code></p>
212 | 			</li>
213 | 			<li>
214 | 				<strong>darkglass</strong>
215 | 				<p>Includes child theme <code>darkglasssmall</code></p>
216 | 			</li>
217 | 			<li>
218 | 				<strong>barebones</strong>
219 | 			</li>
220 | 		</ul>
221 | 	</section>
222 | 
223 | 	<section id="contributors" class="column-33">
224 | 		<h2>Contributors</h2>
225 | 		<a href="https://github.com/ghinda/acornmediaplayer/graphs/contributors" target="_blank">See on Github</a>
226 | 	</section>
227 | 
228 | 	<section id="participate" class="column-33">
229 | 		<h2>Participate</h2>
230 | 		<p>Please report any issues on <a href="https://github.com/ghinda/acornmediaplayer/issues?state=open">GitHub</a>. I'm very open to pull-requests. </p>
231 | 	</section>
232 | 
233 | 	<section id="license" class="column-33">
234 | 		<h2>License</h2>
235 | 		<p>Acorn Media Player is licensed under the <a href="http://www.opensource.org/licenses/mit-license.html">MIT</a> license. </p>
236 | 	</section>
237 | 
238 | 	<section id="fallback">
239 | 		<h2>Fallback</h2>
240 | 		<p>You can use the <a href="http://afarkas.github.io/webshim/demos/index.html">Webshim Polyfill</a> for supporting older browsers, and other cross-browser goodies. Thanks to <a href="https://github.com/aFarkas">aFarkas</a>!</p>
241 | 
242 | 		<p>Check the source, it's used on these pages. </p>
243 | 
244 | 	</section>
245 | 
246 | 	<footer>
247 | 		<p>Acorn Media Player is a project by <a href="http://www.ghinda.net">Ionuț Colceriu</a>. </p>
248 | 		<p>Tears of Steel is &copy; copyright the Blender Foundation | <a href="http://www.tearsofsteel.org">www.tearsofsteel.org</a>, licensed under a <a href="http://mango.blender.org/sharing/">Creative Commons</a> license. </p>
249 | 	</footer>
250 | 
251 | 	<!-- Required by Acorn Media Player -->
252 | 	<script src="lib/jquery.min.js"></script>
253 | 	<script src="lib/jquery-ui-1.10.0.custom.min.js"></script>
254 | 
255 | 	<!-- Optional - for older browser support - Webshim Polyfill -->
256 | 	<script src="lib/modernizr.custom.js"></script>
257 | 	<script src="//afarkas.github.io/webshim/js-webshim/minified/polyfiller.js"></script>
258 | 	<script>
259 | 		if(window.webshims) {
260 | 			webshims.polyfill('mediaelement');
261 | 		}
262 | 	</script>
263 | 
264 | 	<script src="acornmediaplayer/jquery.acornmediaplayer.js"></script>
265 | 
266 | 	<!-- Call the plugin -->
267 | 	<script>
268 | 		jQuery(function() {
269 | 			jQuery('video, audio').acornMediaPlayer();
270 | 		});
271 | 	</script>
272 | 
273 | </body>
274 | </html>
275 | 


--------------------------------------------------------------------------------
/lib/jquery-ui-1.10.0.custom.min.js:
--------------------------------------------------------------------------------
1 | /*! jQuery UI - v1.10.0 - 2013-01-27
2 | * http://jqueryui.com
3 | * Includes: jquery.ui.core.js, jquery.ui.widget.js, jquery.ui.mouse.js, jquery.ui.slider.js
4 | * Copyright (c) 2013 jQuery Foundation and other contributors Licensed MIT */
5 | 
6 | (function(e,t){function i(t,n){var r,i,o,u=t.nodeName.toLowerCase();return"area"===u?(r=t.parentNode,i=r.name,!t.href||!i||r.nodeName.toLowerCase()!=="map"?!1:(o=e("img[usemap=#"+i+"]")[0],!!o&&s(o))):(/input|select|textarea|button|object/.test(u)?!t.disabled:"a"===u?t.href||n:n)&&s(t)}function s(t){return e.expr.filters.visible(t)&&!e(t).parents().addBack().filter(function(){return e.css(this,"visibility")==="hidden"}).length}var n=0,r=/^ui-id-\d+$/;e.ui=e.ui||{};if(e.ui.version)return;e.extend(e.ui,{version:"1.10.0",keyCode:{BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38}}),e.fn.extend({_focus:e.fn.focus,focus:function(t,n){return typeof t=="number"?this.each(function(){var r=this;setTimeout(function(){e(r).focus(),n&&n.call(r)},t)}):this._focus.apply(this,arguments)},scrollParent:function(){var t;return e.ui.ie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?t=this.parents().filter(function(){return/(relative|absolute|fixed)/.test(e.css(this,"position"))&&/(auto|scroll)/.test(e.css(this,"overflow")+e.css(this,"overflow-y")+e.css(this,"overflow-x"))}).eq(0):t=this.parents().filter(function(){return/(auto|scroll)/.test(e.css(this,"overflow")+e.css(this,"overflow-y")+e.css(this,"overflow-x"))}).eq(0),/fixed/.test(this.css("position"))||!t.length?e(document):t},zIndex:function(n){if(n!==t)return this.css("zIndex",n);if(this.length){var r=e(this[0]),i,s;while(r.length&&r[0]!==document){i=r.css("position");if(i==="absolute"||i==="relative"||i==="fixed"){s=parseInt(r.css("zIndex"),10);if(!isNaN(s)&&s!==0)return s}r=r.parent()}}return 0},uniqueId:function(){return this.each(function(){this.id||(this.id="ui-id-"+ ++n)})},removeUniqueId:function(){return this.each(function(){r.test(this.id)&&e(this).removeAttr("id")})}}),e.extend(e.expr[":"],{data:e.expr.createPseudo?e.expr.createPseudo(function(t){return function(n){return!!e.data(n,t)}}):function(t,n,r){return!!e.data(t,r[3])},focusable:function(t){return i(t,!isNaN(e.attr(t,"tabindex")))},tabbable:function(t){var n=e.attr(t,"tabindex"),r=isNaN(n);return(r||n>=0)&&i(t,!r)}}),e("<a>").outerWidth(1).jquery||e.each(["Width","Height"],function(n,r){function u(t,n,r,s){return e.each(i,function(){n-=parseFloat(e.css(t,"padding"+this))||0,r&&(n-=parseFloat(e.css(t,"border"+this+"Width"))||0),s&&(n-=parseFloat(e.css(t,"margin"+this))||0)}),n}var i=r==="Width"?["Left","Right"]:["Top","Bottom"],s=r.toLowerCase(),o={innerWidth:e.fn.innerWidth,innerHeight:e.fn.innerHeight,outerWidth:e.fn.outerWidth,outerHeight:e.fn.outerHeight};e.fn["inner"+r]=function(n){return n===t?o["inner"+r].call(this):this.each(function(){e(this).css(s,u(this,n)+"px")})},e.fn["outer"+r]=function(t,n){return typeof t!="number"?o["outer"+r].call(this,t):this.each(function(){e(this).css(s,u(this,t,!0,n)+"px")})}}),e.fn.addBack||(e.fn.addBack=function(e){return this.add(e==null?this.prevObject:this.prevObject.filter(e))}),e("<a>").data("a-b","a").removeData("a-b").data("a-b")&&(e.fn.removeData=function(t){return function(n){return arguments.length?t.call(this,e.camelCase(n)):t.call(this)}}(e.fn.removeData)),e.ui.ie=!!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase()),e.support.selectstart="onselectstart"in document.createElement("div"),e.fn.extend({disableSelection:function(){return this.bind((e.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(e){e.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}}),e.extend(e.ui,{plugin:{add:function(t,n,r){var i,s=e.ui[t].prototype;for(i in r)s.plugins[i]=s.plugins[i]||[],s.plugins[i].push([n,r[i]])},call:function(e,t,n){var r,i=e.plugins[t];if(!i||!e.element[0].parentNode||e.element[0].parentNode.nodeType===11)return;for(r=0;r<i.length;r++)e.options[i[r][0]]&&i[r][1].apply(e.element,n)}},hasScroll:function(t,n){if(e(t).css("overflow")==="hidden")return!1;var r=n&&n==="left"?"scrollLeft":"scrollTop",i=!1;return t[r]>0?!0:(t[r]=1,i=t[r]>0,t[r]=0,i)}})})(jQuery);(function(e,t){var n=0,r=Array.prototype.slice,i=e.cleanData;e.cleanData=function(t){for(var n=0,r;(r=t[n])!=null;n++)try{e(r).triggerHandler("remove")}catch(s){}i(t)},e.widget=function(t,n,r){var i,s,o,u,a={},f=t.split(".")[0];t=t.split(".")[1],i=f+"-"+t,r||(r=n,n=e.Widget),e.expr[":"][i.toLowerCase()]=function(t){return!!e.data(t,i)},e[f]=e[f]||{},s=e[f][t],o=e[f][t]=function(e,t){if(!this._createWidget)return new o(e,t);arguments.length&&this._createWidget(e,t)},e.extend(o,s,{version:r.version,_proto:e.extend({},r),_childConstructors:[]}),u=new n,u.options=e.widget.extend({},u.options),e.each(r,function(t,r){if(!e.isFunction(r)){a[t]=r;return}a[t]=function(){var e=function(){return n.prototype[t].apply(this,arguments)},i=function(e){return n.prototype[t].apply(this,e)};return function(){var t=this._super,n=this._superApply,s;return this._super=e,this._superApply=i,s=r.apply(this,arguments),this._super=t,this._superApply=n,s}}()}),o.prototype=e.widget.extend(u,{widgetEventPrefix:s?u.widgetEventPrefix:t},a,{constructor:o,namespace:f,widgetName:t,widgetFullName:i}),s?(e.each(s._childConstructors,function(t,n){var r=n.prototype;e.widget(r.namespace+"."+r.widgetName,o,n._proto)}),delete s._childConstructors):n._childConstructors.push(o),e.widget.bridge(t,o)},e.widget.extend=function(n){var i=r.call(arguments,1),s=0,o=i.length,u,a;for(;s<o;s++)for(u in i[s])a=i[s][u],i[s].hasOwnProperty(u)&&a!==t&&(e.isPlainObject(a)?n[u]=e.isPlainObject(n[u])?e.widget.extend({},n[u],a):e.widget.extend({},a):n[u]=a);return n},e.widget.bridge=function(n,i){var s=i.prototype.widgetFullName||n;e.fn[n]=function(o){var u=typeof o=="string",a=r.call(arguments,1),f=this;return o=!u&&a.length?e.widget.extend.apply(null,[o].concat(a)):o,u?this.each(function(){var r,i=e.data(this,s);if(!i)return e.error("cannot call methods on "+n+" prior to initialization; "+"attempted to call method '"+o+"'");if(!e.isFunction(i[o])||o.charAt(0)==="_")return e.error("no such method '"+o+"' for "+n+" widget instance");r=i[o].apply(i,a);if(r!==i&&r!==t)return f=r&&r.jquery?f.pushStack(r.get()):r,!1}):this.each(function(){var t=e.data(this,s);t?t.option(o||{})._init():e.data(this,s,new i(o,this))}),f}},e.Widget=function(){},e.Widget._childConstructors=[],e.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",defaultElement:"<div>",options:{disabled:!1,create:null},_createWidget:function(t,r){r=e(r||this.defaultElement||this)[0],this.element=e(r),this.uuid=n++,this.eventNamespace="."+this.widgetName+this.uuid,this.options=e.widget.extend({},this.options,this._getCreateOptions(),t),this.bindings=e(),this.hoverable=e(),this.focusable=e(),r!==this&&(e.data(r,this.widgetFullName,this),this._on(!0,this.element,{remove:function(e){e.target===r&&this.destroy()}}),this.document=e(r.style?r.ownerDocument:r.document||r),this.window=e(this.document[0].defaultView||this.document[0].parentWindow)),this._create(),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:e.noop,_getCreateEventData:e.noop,_create:e.noop,_init:e.noop,destroy:function(){this._destroy(),this.element.unbind(this.eventNamespace).removeData(this.widgetName).removeData(this.widgetFullName).removeData(e.camelCase(this.widgetFullName)),this.widget().unbind(this.eventNamespace).removeAttr("aria-disabled").removeClass(this.widgetFullName+"-disabled "+"ui-state-disabled"),this.bindings.unbind(this.eventNamespace),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")},_destroy:e.noop,widget:function(){return this.element},option:function(n,r){var i=n,s,o,u;if(arguments.length===0)return e.widget.extend({},this.options);if(typeof n=="string"){i={},s=n.split("."),n=s.shift();if(s.length){o=i[n]=e.widget.extend({},this.options[n]);for(u=0;u<s.length-1;u++)o[s[u]]=o[s[u]]||{},o=o[s[u]];n=s.pop();if(r===t)return o[n]===t?null:o[n];o[n]=r}else{if(r===t)return this.options[n]===t?null:this.options[n];i[n]=r}}return this._setOptions(i),this},_setOptions:function(e){var t;for(t in e)this._setOption(t,e[t]);return this},_setOption:function(e,t){return this.options[e]=t,e==="disabled"&&(this.widget().toggleClass(this.widgetFullName+"-disabled ui-state-disabled",!!t).attr("aria-disabled",t),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")),this},enable:function(){return this._setOption("disabled",!1)},disable:function(){return this._setOption("disabled",!0)},_on:function(t,n,r){var i,s=this;typeof t!="boolean"&&(r=n,n=t,t=!1),r?(n=i=e(n),this.bindings=this.bindings.add(n)):(r=n,n=this.element,i=this.widget()),e.each(r,function(r,o){function u(){if(!t&&(s.options.disabled===!0||e(this).hasClass("ui-state-disabled")))return;return(typeof o=="string"?s[o]:o).apply(s,arguments)}typeof o!="string"&&(u.guid=o.guid=o.guid||u.guid||e.guid++);var a=r.match(/^(\w+)\s*(.*)$/),f=a[1]+s.eventNamespace,l=a[2];l?i.delegate(l,f,u):n.bind(f,u)})},_off:function(e,t){t=(t||"").split(" ").join(this.eventNamespace+" ")+this.eventNamespace,e.unbind(t).undelegate(t)},_delay:function(e,t){function n(){return(typeof e=="string"?r[e]:e).apply(r,arguments)}var r=this;return setTimeout(n,t||0)},_hoverable:function(t){this.hoverable=this.hoverable.add(t),this._on(t,{mouseenter:function(t){e(t.currentTarget).addClass("ui-state-hover")},mouseleave:function(t){e(t.currentTarget).removeClass("ui-state-hover")}})},_focusable:function(t){this.focusable=this.focusable.add(t),this._on(t,{focusin:function(t){e(t.currentTarget).addClass("ui-state-focus")},focusout:function(t){e(t.currentTarget).removeClass("ui-state-focus")}})},_trigger:function(t,n,r){var i,s,o=this.options[t];r=r||{},n=e.Event(n),n.type=(t===this.widgetEventPrefix?t:this.widgetEventPrefix+t).toLowerCase(),n.target=this.element[0],s=n.originalEvent;if(s)for(i in s)i in n||(n[i]=s[i]);return this.element.trigger(n,r),!(e.isFunction(o)&&o.apply(this.element[0],[n].concat(r))===!1||n.isDefaultPrevented())}},e.each({show:"fadeIn",hide:"fadeOut"},function(t,n){e.Widget.prototype["_"+t]=function(r,i,s){typeof i=="string"&&(i={effect:i});var o,u=i?i===!0||typeof i=="number"?n:i.effect||n:t;i=i||{},typeof i=="number"&&(i={duration:i}),o=!e.isEmptyObject(i),i.complete=s,i.delay&&r.delay(i.delay),o&&e.effects&&e.effects.effect[u]?r[t](i):u!==t&&r[u]?r[u](i.duration,i.easing,s):r.queue(function(n){e(this)[t](),s&&s.call(r[0]),n()})}})})(jQuery);(function(e,t){var n=!1;e(document).mouseup(function(){n=!1}),e.widget("ui.mouse",{version:"1.10.0",options:{cancel:"input,textarea,button,select,option",distance:1,delay:0},_mouseInit:function(){var t=this;this.element.bind("mousedown."+this.widgetName,function(e){return t._mouseDown(e)}).bind("click."+this.widgetName,function(n){if(!0===e.data(n.target,t.widgetName+".preventClickEvent"))return e.removeData(n.target,t.widgetName+".preventClickEvent"),n.stopImmediatePropagation(),!1}),this.started=!1},_mouseDestroy:function(){this.element.unbind("."+this.widgetName),this._mouseMoveDelegate&&e(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate)},_mouseDown:function(t){if(n)return;this._mouseStarted&&this._mouseUp(t),this._mouseDownEvent=t;var r=this,i=t.which===1,s=typeof this.options.cancel=="string"&&t.target.nodeName?e(t.target).closest(this.options.cancel).length:!1;if(!i||s||!this._mouseCapture(t))return!0;this.mouseDelayMet=!this.options.delay,this.mouseDelayMet||(this._mouseDelayTimer=setTimeout(function(){r.mouseDelayMet=!0},this.options.delay));if(this._mouseDistanceMet(t)&&this._mouseDelayMet(t)){this._mouseStarted=this._mouseStart(t)!==!1;if(!this._mouseStarted)return t.preventDefault(),!0}return!0===e.data(t.target,this.widgetName+".preventClickEvent")&&e.removeData(t.target,this.widgetName+".preventClickEvent"),this._mouseMoveDelegate=function(e){return r._mouseMove(e)},this._mouseUpDelegate=function(e){return r._mouseUp(e)},e(document).bind("mousemove."+this.widgetName,this._mouseMoveDelegate).bind("mouseup."+this.widgetName,this._mouseUpDelegate),t.preventDefault(),n=!0,!0},_mouseMove:function(t){return e.ui.ie&&(!document.documentMode||document.documentMode<9)&&!t.button?this._mouseUp(t):this._mouseStarted?(this._mouseDrag(t),t.preventDefault()):(this._mouseDistanceMet(t)&&this._mouseDelayMet(t)&&(this._mouseStarted=this._mouseStart(this._mouseDownEvent,t)!==!1,this._mouseStarted?this._mouseDrag(t):this._mouseUp(t)),!this._mouseStarted)},_mouseUp:function(t){return e(document).unbind("mousemove."+this.widgetName,this._mouseMoveDelegate).unbind("mouseup."+this.widgetName,this._mouseUpDelegate),this._mouseStarted&&(this._mouseStarted=!1,t.target===this._mouseDownEvent.target&&e.data(t.target,this.widgetName+".preventClickEvent",!0),this._mouseStop(t)),!1},_mouseDistanceMet:function(e){return Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return!0}})})(jQuery);(function(e,t){var n=5;e.widget("ui.slider",e.ui.mouse,{version:"1.10.0",widgetEventPrefix:"slide",options:{animate:!1,distance:0,max:100,min:0,orientation:"horizontal",range:!1,step:1,value:0,values:null,change:null,slide:null,start:null,stop:null},_create:function(){var t,n,r=this.options,i=this.element.find(".ui-slider-handle").addClass("ui-state-default ui-corner-all"),s="<a class='ui-slider-handle ui-state-default ui-corner-all' href='#'></a>",o=[];this._keySliding=!1,this._mouseSliding=!1,this._animateOff=!0,this._handleIndex=null,this._detectOrientation(),this._mouseInit(),this.element.addClass("ui-slider ui-slider-"+this.orientation+" ui-widget"+" ui-widget-content"+" ui-corner-all"),this.range=e([]),r.range&&(r.range===!0&&(r.values?r.values.length&&r.values.length!==2?r.values=[r.values[0],r.values[0]]:e.isArray(r.values)&&(r.values=r.values.slice(0)):r.values=[this._valueMin(),this._valueMin()]),this.range=e("<div></div>").appendTo(this.element).addClass("ui-slider-range ui-widget-header"+(r.range==="min"||r.range==="max"?" ui-slider-range-"+r.range:""))),n=r.values&&r.values.length||1;for(t=i.length;t<n;t++)o.push(s);this.handles=i.add(e(o.join("")).appendTo(this.element)),this.handle=this.handles.eq(0),this.handles.add(this.range).filter("a").click(function(e){e.preventDefault()}).mouseenter(function(){r.disabled||e(this).addClass("ui-state-hover")}).mouseleave(function(){e(this).removeClass("ui-state-hover")}).focus(function(){r.disabled?e(this).blur():(e(".ui-slider .ui-state-focus").removeClass("ui-state-focus"),e(this).addClass("ui-state-focus"))}).blur(function(){e(this).removeClass("ui-state-focus")}),this.handles.each(function(t){e(this).data("ui-slider-handle-index",t)}),this._setOption("disabled",r.disabled),this._on(this.handles,this._handleEvents),this._refreshValue(),this._animateOff=!1},_destroy:function(){this.handles.remove(),this.range.remove(),this.element.removeClass("ui-slider ui-slider-horizontal ui-slider-vertical ui-widget ui-widget-content ui-corner-all"),this._mouseDestroy()},_mouseCapture:function(t){var n,r,i,s,o,u,a,f,l=this,c=this.options;return c.disabled?!1:(this.elementSize={width:this.element.outerWidth(),height:this.element.outerHeight()},this.elementOffset=this.element.offset(),n={x:t.pageX,y:t.pageY},r=this._normValueFromMouse(n),i=this._valueMax()-this._valueMin()+1,this.handles.each(function(t){var n=Math.abs(r-l.values(t));if(i>n||i===n&&(t===l._lastChangedValue||l.values(t)===c.min))i=n,s=e(this),o=t}),u=this._start(t,o),u===!1?!1:(this._mouseSliding=!0,this._handleIndex=o,s.addClass("ui-state-active").focus(),a=s.offset(),f=!e(t.target).parents().addBack().is(".ui-slider-handle"),this._clickOffset=f?{left:0,top:0}:{left:t.pageX-a.left-s.width()/2,top:t.pageY-a.top-s.height()/2-(parseInt(s.css("borderTopWidth"),10)||0)-(parseInt(s.css("borderBottomWidth"),10)||0)+(parseInt(s.css("marginTop"),10)||0)},this.handles.hasClass("ui-state-hover")||this._slide(t,o,r),this._animateOff=!0,!0))},_mouseStart:function(){return!0},_mouseDrag:function(e){var t={x:e.pageX,y:e.pageY},n=this._normValueFromMouse(t);return this._slide(e,this._handleIndex,n),!1},_mouseStop:function(e){return this.handles.removeClass("ui-state-active"),this._mouseSliding=!1,this._stop(e,this._handleIndex),this._change(e,this._handleIndex),this._handleIndex=null,this._clickOffset=null,this._animateOff=!1,!1},_detectOrientation:function(){this.orientation=this.options.orientation==="vertical"?"vertical":"horizontal"},_normValueFromMouse:function(e){var t,n,r,i,s;return this.orientation==="horizontal"?(t=this.elementSize.width,n=e.x-this.elementOffset.left-(this._clickOffset?this._clickOffset.left:0)):(t=this.elementSize.height,n=e.y-this.elementOffset.top-(this._clickOffset?this._clickOffset.top:0)),r=n/t,r>1&&(r=1),r<0&&(r=0),this.orientation==="vertical"&&(r=1-r),i=this._valueMax()-this._valueMin(),s=this._valueMin()+r*i,this._trimAlignValue(s)},_start:function(e,t){var n={handle:this.handles[t],value:this.value()};return this.options.values&&this.options.values.length&&(n.value=this.values(t),n.values=this.values()),this._trigger("start",e,n)},_slide:function(e,t,n){var r,i,s;this.options.values&&this.options.values.length?(r=this.values(t?0:1),this.options.values.length===2&&this.options.range===!0&&(t===0&&n>r||t===1&&n<r)&&(n=r),n!==this.values(t)&&(i=this.values(),i[t]=n,s=this._trigger("slide",e,{handle:this.handles[t],value:n,values:i}),r=this.values(t?0:1),s!==!1&&this.values(t,n,!0))):n!==this.value()&&(s=this._trigger("slide",e,{handle:this.handles[t],value:n}),s!==!1&&this.value(n))},_stop:function(e,t){var n={handle:this.handles[t],value:this.value()};this.options.values&&this.options.values.length&&(n.value=this.values(t),n.values=this.values()),this._trigger("stop",e,n)},_change:function(e,t){if(!this._keySliding&&!this._mouseSliding){var n={handle:this.handles[t],value:this.value()};this.options.values&&this.options.values.length&&(n.value=this.values(t),n.values=this.values()),this._lastChangedValue=t,this._trigger("change",e,n)}},value:function(e){if(arguments.length){this.options.value=this._trimAlignValue(e),this._refreshValue(),this._change(null,0);return}return this._value()},values:function(t,n){var r,i,s;if(arguments.length>1){this.options.values[t]=this._trimAlignValue(n),this._refreshValue(),this._change(null,t);return}if(!arguments.length)return this._values();if(!e.isArray(arguments[0]))return this.options.values&&this.options.values.length?this._values(t):this.value();r=this.options.values,i=arguments[0];for(s=0;s<r.length;s+=1)r[s]=this._trimAlignValue(i[s]),this._change(null,s);this._refreshValue()},_setOption:function(t,n){var r,i=0;e.isArray(this.options.values)&&(i=this.options.values.length),e.Widget.prototype._setOption.apply(this,arguments);switch(t){case"disabled":n?(this.handles.filter(".ui-state-focus").blur(),this.handles.removeClass("ui-state-hover"),this.handles.prop("disabled",!0)):this.handles.prop("disabled",!1);break;case"orientation":this._detectOrientation(),this.element.removeClass("ui-slider-horizontal ui-slider-vertical").addClass("ui-slider-"+this.orientation),this._refreshValue();break;case"value":this._animateOff=!0,this._refreshValue(),this._change(null,0),this._animateOff=!1;break;case"values":this._animateOff=!0,this._refreshValue();for(r=0;r<i;r+=1)this._change(null,r);this._animateOff=!1;break;case"min":case"max":this._animateOff=!0,this._refreshValue(),this._animateOff=!1}},_value:function(){var e=this.options.value;return e=this._trimAlignValue(e),e},_values:function(e){var t,n,r;if(arguments.length)return t=this.options.values[e],t=this._trimAlignValue(t),t;n=this.options.values.slice();for(r=0;r<n.length;r+=1)n[r]=this._trimAlignValue(n[r]);return n},_trimAlignValue:function(e){if(e<=this._valueMin())return this._valueMin();if(e>=this._valueMax())return this._valueMax();var t=this.options.step>0?this.options.step:1,n=(e-this._valueMin())%t,r=e-n;return Math.abs(n)*2>=t&&(r+=n>0?t:-t),parseFloat(r.toFixed(5))},_valueMin:function(){return this.options.min},_valueMax:function(){return this.options.max},_refreshValue:function(){var t,n,r,i,s,o=this.options.range,u=this.options,a=this,f=this._animateOff?!1:u.animate,l={};this.options.values&&this.options.values.length?this.handles.each(function(r){n=(a.values(r)-a._valueMin())/(a._valueMax()-a._valueMin())*100,l[a.orientation==="horizontal"?"left":"bottom"]=n+"%",e(this).stop(1,1)[f?"animate":"css"](l,u.animate),a.options.range===!0&&(a.orientation==="horizontal"?(r===0&&a.range.stop(1,1)[f?"animate":"css"]({left:n+"%"},u.animate),r===1&&a.range[f?"animate":"css"]({width:n-t+"%"},{queue:!1,duration:u.animate})):(r===0&&a.range.stop(1,1)[f?"animate":"css"]({bottom:n+"%"},u.animate),r===1&&a.range[f?"animate":"css"]({height:n-t+"%"},{queue:!1,duration:u.animate}))),t=n}):(r=this.value(),i=this._valueMin(),s=this._valueMax(),n=s!==i?(r-i)/(s-i)*100:0,l[this.orientation==="horizontal"?"left":"bottom"]=n+"%",this.handle.stop(1,1)[f?"animate":"css"](l,u.animate),o==="min"&&this.orientation==="horizontal"&&this.range.stop(1,1)[f?"animate":"css"]({width:n+"%"},u.animate),o==="max"&&this.orientation==="horizontal"&&this.range[f?"animate":"css"]({width:100-n+"%"},{queue:!1,duration:u.animate}),o==="min"&&this.orientation==="vertical"&&this.range.stop(1,1)[f?"animate":"css"]({height:n+"%"},u.animate),o==="max"&&this.orientation==="vertical"&&this.range[f?"animate":"css"]({height:100-n+"%"},{queue:!1,duration:u.animate}))},_handleEvents:{keydown:function(t){var r,i,s,o,u=e(t.target).data("ui-slider-handle-index");switch(t.keyCode){case e.ui.keyCode.HOME:case e.ui.keyCode.END:case e.ui.keyCode.PAGE_UP:case e.ui.keyCode.PAGE_DOWN:case e.ui.keyCode.UP:case e.ui.keyCode.RIGHT:case e.ui.keyCode.DOWN:case e.ui.keyCode.LEFT:t.preventDefault();if(!this._keySliding){this._keySliding=!0,e(t.target).addClass("ui-state-active"),r=this._start(t,u);if(r===!1)return}}o=this.options.step,this.options.values&&this.options.values.length?i=s=this.values(u):i=s=this.value();switch(t.keyCode){case e.ui.keyCode.HOME:s=this._valueMin();break;case e.ui.keyCode.END:s=this._valueMax();break;case e.ui.keyCode.PAGE_UP:s=this._trimAlignValue(i+(this._valueMax()-this._valueMin())/n);break;case e.ui.keyCode.PAGE_DOWN:s=this._trimAlignValue(i-(this._valueMax()-this._valueMin())/n);break;case e.ui.keyCode.UP:case e.ui.keyCode.RIGHT:if(i===this._valueMax())return;s=this._trimAlignValue(i+o);break;case e.ui.keyCode.DOWN:case e.ui.keyCode.LEFT:if(i===this._valueMin())return;s=this._trimAlignValue(i-o)}this._slide(t,u,s)},keyup:function(t){var n=e(t.target).data("ui-slider-handle-index");this._keySliding&&(this._keySliding=!1,this._stop(t,n),this._change(t,n),e(t.target).removeClass("ui-state-active"))}}})})(jQuery);


--------------------------------------------------------------------------------
/lib/modernizr.custom.js:
--------------------------------------------------------------------------------
1 | /* Modernizr 2.7.1 (Custom Build) | MIT & BSD
2 |  * Build: http://modernizr.com/download/#-shiv-cssclasses-load
3 |  */
4 | ;window.Modernizr=function(a,b,c){function u(a){j.cssText=a}function v(a,b){return u(prefixes.join(a+";")+(b||""))}function w(a,b){return typeof a===b}function x(a,b){return!!~(""+a).indexOf(b)}function y(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:w(f,"function")?f.bind(d||b):f}return!1}var d="2.7.1",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m={},n={},o={},p=[],q=p.slice,r,s={}.hasOwnProperty,t;!w(s,"undefined")&&!w(s.call,"undefined")?t=function(a,b){return s.call(a,b)}:t=function(a,b){return b in a&&w(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=q.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(q.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(q.call(arguments)))};return e});for(var z in m)t(m,z)&&(r=z.toLowerCase(),e[r]=m[z](),p.push((e[r]?"":"no-")+r));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)t(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},u(""),i=k=null,function(a,b){function l(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x<style>"+b+"</style>",d.insertBefore(c.lastChild,d.firstChild)}function m(){var a=s.elements;return typeof a=="string"?a.split(" "):a}function n(a){var b=j[a[h]];return b||(b={},i++,a[h]=i,j[i]=b),b}function o(a,c,d){c||(c=b);if(k)return c.createElement(a);d||(d=n(c));var g;return d.cache[a]?g=d.cache[a].cloneNode():f.test(a)?g=(d.cache[a]=d.createElem(a)).cloneNode():g=d.createElem(a),g.canHaveChildren&&!e.test(a)&&!g.tagUrn?d.frag.appendChild(g):g}function p(a,c){a||(a=b);if(k)return a.createDocumentFragment();c=c||n(a);var d=c.frag.cloneNode(),e=0,f=m(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function q(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return s.shivMethods?o(c,a,b):b.createElem(c)},a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){return b.createElem(a),b.frag.createElement(a),'c("'+a+'")'})+");return n}")(s,b.frag)}function r(a){a||(a=b);var c=n(a);return s.shivCSS&&!g&&!c.hasCSS&&(c.hasCSS=!!l(a,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")),k||q(a,c),a}var c="3.7.0",d=a.html5||{},e=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,f=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,g,h="_html5shiv",i=0,j={},k;(function(){try{var a=b.createElement("a");a.innerHTML="<xyz></xyz>",g="hidden"in a,k=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){g=!0,k=!0}})();var s={elements:d.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:c,shivCSS:d.shivCSS!==!1,supportsUnknownElements:k,shivMethods:d.shivMethods!==!1,type:"default",shivDocument:r,createElement:o,createDocumentFragment:p};a.html5=s,r(b)}(this,b),e._version=d,g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+p.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split("="),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(".").pop().split("?").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split("/").pop().split("?")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&"css"==i.url.split(".").pop().split("?").shift()?"c":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState="loading",b.addEventListener("DOMContentLoaded",A=function(){b.removeEventListener("DOMContentLoaded",A,0),b.readyState="complete"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement("script"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement("link"),j,c=i?h:c||f;e.href=a,e.rel="stylesheet",e.type="text/css";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};


--------------------------------------------------------------------------------
/subs/TOS-arabic.srt:
--------------------------------------------------------------------------------
  1 | 1
  2 | 00:00:23,000 --> 00:00:24,500
  3 | أنت أحمق، توم.
  4 | 
  5 | 2
  6 | 00:00:25,000 --> 00:00:27,000
  7 | انظري سيليا، يجب علينا إتباع شغفنا،
  8 | 
  9 | 3
 10 | 00:00:27,000 --> 00:00:30,500
 11 | ...أنتِ تمتلكين رجالك الآليين، وأنا
 12 | فقط أريد أن أصبح رائعا في الفضاء.
 13 | 
 14 | 4
 15 | 00:00:30,800 --> 00:00:34,000
 16 | لماذا لا تعترف فقط بأنك
 17 | فقدت صوابك بِيَدي الآلية؟
 18 | 
 19 | 5
 20 | 00:00:34,500 --> 00:00:36,000
 21 | أنا لم أفقد صوابي بـ .. إنه...
 22 | 
 23 | 6
 24 | 00:00:37,000 --> 00:00:38,000
 25 | ...حسنًا! جميل
 26 | 
 27 | 7
 28 | 00:00:38,000 --> 00:00:41,000
 29 | فقدتُ صوابي! راودتني كوابيس
 30 | أنني قد طُردْت...
 31 | 
 32 | 8
 33 | 00:00:41,000 --> 00:00:42,000
 34 | بواسطة مخالب الرجال الآليين الضخمة القاتلة هذه...
 35 | 
 36 | 9
 37 | 00:00:43,000 --> 00:00:45,000
 38 | أيًّا يكن، توم، لقد إنتهينا.
 39 | 
 40 | 10
 41 | 00:00:50,000 --> 00:00:53,500
 42 | ذاكرة الروبوت زومنت وقُفلت!
 43 | 
 44 | 11
 45 | 00:01:01,000 --> 00:01:03,000
 46 | هذا عجيب جدًُا.
 47 | 
 48 | 12
 49 | 00:01:57,000 --> 00:01:59,000
 50 | ألا يجب أن تكون هناك بالأسفل؟
 51 | 
 52 | 13
 53 | 00:02:11,000 --> 00:02:13,000
 54 | سمعتكم رفاق تتكلمون الليلة الماضية.
 55 | 
 56 | 14
 57 | 00:02:16,000 --> 00:02:18,000
 58 | أنت تعرف أنه ليس خطئي.
 59 | 
 60 | 15
 61 | 00:03:11,000 --> 00:03:12,000
 62 | هل أنت جاهز؟
 63 | 
 64 | 16
 65 | 00:03:13,000 --> 00:03:15,000
 66 | بالطبع أنت جاهز، أنت نجم روك.
 67 | 
 68 | 17
 69 | 00:03:17,000 --> 00:03:18,000
 70 | كيف يبدو الوضع؟ شعير؟
 71 | 
 72 | 18
 73 | 00:03:19,000 --> 00:03:21,000
 74 | لدينا حوالي عشر دقائق...
 75 | 
 76 | 19
 77 | 00:03:21,500 --> 00:03:23,000
 78 | حسنا هذا ممتاز.
 79 | 
 80 | 20
 81 | 00:03:23,500 --> 00:03:26,500
 82 | كلّنا معًا! فلتنطلق فلتنطلق كل الأنظمة!
 83 | أجل أنت، انطلق!
 84 | 
 85 | 21
 86 | 00:03:28,000 --> 00:03:32,000
 87 | انطلقوا! حرّكوا أجسامك! انطلقوا انطلقوا انطلقوا!
 88 | 
 89 | 22
 90 | 00:03:33,000 --> 00:03:37,000
 91 | أحبه! هيّا، انطلق!
 92 | 
 93 | 23
 94 | 00:03:43,000 --> 00:03:44,000
 95 | هذا لطيف.
 96 | 
 97 | 24
 98 | 00:03:44,500 --> 00:03:45,700
 99 | لا داعي للقلق.
100 | 
101 | 25
102 | 00:03:46,000 --> 00:03:47,000
103 | توم.
104 | 
105 | 26
106 | 00:03:51,000 --> 00:03:53,000
107 | إنها هناك.
108 | 
109 | 27
110 | 00:03:53,500 --> 00:03:54,500
111 | الآن.
112 | 
113 | 28
114 | 00:03:55,000 --> 00:03:56,000
115 | أنت تحبها.
116 | 
117 | 29
118 | 00:03:57,000 --> 00:03:58,500
119 | إنّها شغفُك!
120 | 
121 | 30
122 | 00:04:00,000 --> 00:04:01,000
123 | كُن رقيقًا لها.
124 | 
125 | 31
126 | 00:04:01,500 --> 00:04:04,500
127 | كُن صادق! امم كُن رقيق.
128 | 
129 | 32
130 | 00:04:05,000 --> 00:04:08,000
131 | ذكّرها ما يعنيه الحب.
132 | 
133 | 33
134 | 00:04:52,000 --> 00:04:55,000
135 | ...و، أكشن!
136 | 
137 | 34
138 | 00:04:56,500 --> 00:04:58,000
139 | الكتابة الفوقية على الذاكرة في تقدّم!
140 | 
141 | 35
142 | 00:04:59,000 --> 00:05:01,000
143 | أنت أحمق، توم.
144 | 
145 | 36
146 | 00:05:02,500 --> 00:05:05,000
147 | أوه.. آسف! آسف.
148 | 
149 | 37
150 | 00:05:16,000 --> 00:05:17,000
151 | انظري سيليا.
152 | 
153 | 38
154 | 00:05:18,000 --> 00:05:20,000
155 | يجب علينا إتباع شغفنا.
156 | 
157 | 39
158 | 00:05:21,000 --> 00:05:23,000
159 | أنتِ تمتلكين رجالك الآليين...
160 | 
161 | 40
162 | 00:05:25,000 --> 00:05:28,000
163 | ...وأنا فقط أريد أن أصبح رائعا في الفضاء.
164 | 
165 | 41
166 | 00:05:39,000 --> 00:05:41,000
167 | حسنًا، إنهم قادمون. تبقّت دقيقتان!
168 | 
169 | 42
170 | 00:05:43,000 --> 00:05:44,000
171 | أسرع، توم!
172 | 
173 | 43
174 | 00:05:45,000 --> 00:05:46,000
175 | أفعمهُ بالحيوية!
176 | 
177 | 44
178 | 00:05:47,000 --> 00:05:50,000
179 | لماذا لا تعترف فقط بأنك
180 | فقدت صوابك بِيَدي الآلية؟
181 | 
182 | 45
183 | 00:05:56,000 --> 00:05:59,000
184 | أصغي سيليا، كنت صغيرًا...
185 | 
186 | 46
187 | 00:05:59,500 --> 00:06:01,000
188 | ...وغبيًّا
189 | 
190 | 47
191 | 00:06:01,000 --> 00:06:03,000
192 | لكن ما من سبب
193 | لتدمير العالم.
194 | 
195 | 48
196 | 00:06:05,000 --> 00:06:06,000
197 | لماذا فعل هذا؟
198 | 
199 | 49
200 | 00:06:06,500 --> 00:06:08,500
201 | حاولنا مسبقًا تجربة تلك!
202 | 
203 | 50
204 | 00:06:11,500 --> 00:06:12,500
205 | أجهض!
206 | 
207 | 51
208 | 00:06:13,000 --> 00:06:14,000
209 | اقطع!
210 | 
211 | 52
212 | 00:06:14,000 --> 00:06:15,000
213 | وااااااه!
214 | 
215 | 53
216 | 00:06:19,000 --> 00:06:20,000
217 | وااااااه!
218 | 
219 | 54
220 | 00:06:21,000 --> 00:06:23,000
221 | لاااااااا!
222 | 
223 | 55
224 | 00:06:23,000 --> 00:06:25,000
225 | لقد فطرت قلبي.
226 | 
227 | 56
228 | 00:06:26,000 --> 00:06:27,000
229 | أعرف ذلك.
230 | 
231 | 57
232 | 00:06:27,000 --> 00:06:29,000
233 | لقد نسيتني على الأرض.
234 | 
235 | 58
236 | 00:06:29,000 --> 00:06:30,000
237 | أعرف ذلك.
238 | 
239 | 59
240 | 00:06:30,500 --> 00:06:33,000
241 | يجب عليّ سحقك فقط.
242 | 
243 | 60
244 | 00:06:36,000 --> 00:06:37,000
245 | أنا...
246 | 
247 | 61
248 | 00:06:47,000 --> 00:06:48,000
249 | أنا آسف.
250 | 
251 | 62
252 | 00:06:50,000 --> 00:06:51,000
253 | ارتجال جيّد.
254 | 
255 | 63
256 | 00:06:59,000 --> 00:07:00,500
257 | ليس خطئي!
258 | 
259 | 64
260 | 00:07:02,000 --> 00:07:03,000
261 | هذه المرة.
262 | 
263 | 65
264 | 00:07:08,000 --> 00:07:09,500
265 | هدوء عند التصوير!
266 | 
267 | 66
268 | 00:07:10,000 --> 00:07:11,000
269 | نفذ منّا الوقت!
270 | 
271 | 67
272 | 00:08:13,000 --> 00:08:14,000
273 | هيّا!
274 | 
275 | 68
276 | 00:08:22,000 --> 00:08:24,000
277 | رااااااااااه!
278 | 
279 | 69
280 | 00:08:24,000 --> 00:08:25,000
281 | الكتابة الفوقية على الذاكرة، 90 %.
282 | 
283 | 70
284 | 00:08:26,000 --> 00:08:28,000
285 | أيها القائد! علينا أن نُجهض!
286 | 
287 | 71
288 | 00:08:38,000 --> 00:08:40,000
289 | العالم تبدّل، سيليا...
290 | 
291 | 72
292 | 00:08:54,000 --> 00:08:56,000
293 | ...لربما نستطيع نحن كذلك.
294 | 
295 | 73
296 | 00:08:58,000 --> 00:08:59,000
297 | اكتملت الكتابة الفوقية على الذاكرة!
298 | 
299 | 74
300 | 00:09:19,000 --> 00:09:20,000
301 | تعرفين.
302 | 
303 | 75
304 | 00:09:22,000 --> 00:09:24,000
305 | هناك درس نتعلمه من هذا.
306 | 
307 | 76
308 | 00:09:26,000 --> 00:09:27,000
309 | لا يمكن أن يحصل ما هو أسوأ.
310 | 
311 | 


--------------------------------------------------------------------------------
/subs/TOS-english.srt:
--------------------------------------------------------------------------------
  1 | 1
  2 | 00:00:23,000 --> 00:00:24,500
  3 | You're a jerk, Thom.
  4 | 
  5 | 2
  6 | 00:00:25,000 --> 00:00:27,000
  7 | Look Celia, we have to follow our passions;
  8 | 
  9 | 3
 10 | 00:00:27,000 --> 00:00:30,500
 11 | ...you have your robotics, and I
 12 | just want to be awesome in space.
 13 | 
 14 | 4
 15 | 00:00:30,800 --> 00:00:34,000
 16 | Why don't you just admit that
 17 | you're freaked out by my robot hand?
 18 | 
 19 | 5
 20 | 00:00:34,500 --> 00:00:36,000
 21 | I'm not freaked out by- it's...
 22 | 
 23 | 6
 24 | 00:00:37,000 --> 00:00:38,000
 25 | ...alright! Fine!
 26 | 
 27 | 7
 28 | 00:00:38,000 --> 00:00:41,000
 29 | I'm freaked out! I have nightmares
 30 | that I'm being chased...
 31 | 
 32 | 8
 33 | 00:00:41,000 --> 00:00:42,000
 34 | ...by these giant robotic claws of death...
 35 | 
 36 | 9
 37 | 00:00:42,200 --> 00:00:45,000
 38 | "Fourty years later"
 39 | Whatever, Thom. We're done.
 40 | 
 41 | 
 42 | 10
 43 | 00:00:50,000 --> 00:00:53,500
 44 | Robot's memory synced and locked!
 45 | 
 46 | 11
 47 | 00:01:01,000 --> 00:01:03,000
 48 | This is pretty freaky.
 49 | 
 50 | 12
 51 | 00:01:57,000 --> 00:01:59,000
 52 | Shouldn't you be down there?
 53 | 
 54 | 13
 55 | 00:02:11,000 --> 00:02:13,000
 56 | I heard you guys talking last night.
 57 | 
 58 | 14
 59 | 00:02:16,000 --> 00:02:18,000
 60 | It's not my fault, you know.
 61 | 
 62 | 15
 63 | 00:03:11,000 --> 00:03:12,000
 64 | Are you ready?
 65 | 
 66 | 16
 67 | 00:03:13,000 --> 00:03:15,000
 68 | Of course you're ready, you're a rockstar.
 69 | 
 70 | 17
 71 | 00:03:17,000 --> 00:03:18,000
 72 | How's it looking, Barley?
 73 | 
 74 | 18
 75 | 00:03:19,000 --> 00:03:21,000
 76 | We should have about ten minutes...
 77 | 
 78 | 19
 79 | 00:03:21,500 --> 00:03:23,000
 80 | Well that's perfect.
 81 | 
 82 | 20
 83 | 00:03:23,500 --> 00:03:26,500
 84 | We're on in one! All systems go!
 85 | Yeah you, go! 
 86 | 
 87 | 21
 88 | 00:03:28,000 --> 00:03:32,000
 89 | Go! Move your asses! Go go go! 
 90 | 
 91 | 22
 92 | 00:03:33,000 --> 00:03:37,000
 93 | I love it! Come on, go!
 94 | 
 95 | 23
 96 | 00:03:43,000 --> 00:03:44,000
 97 | That's nice. 
 98 | 
 99 | 24
100 | 00:03:44,500 --> 00:03:45,700
101 | Nothing to worry about.
102 | 
103 | 25
104 | 00:03:46,000 --> 00:03:47,000
105 | Thom.
106 | 
107 | 26
108 | 00:03:51,000 --> 00:03:53,000
109 | There she is.
110 | 
111 | 27
112 | 00:03:53,500 --> 00:03:54,500
113 | Now.
114 | 
115 | 28
116 | 00:03:55,000 --> 00:03:56,000
117 | You love her.
118 | 
119 | 29
120 | 00:03:57,000 --> 00:03:58,500
121 | She is your passion! 
122 | 
123 | 30
124 | 00:04:00,000 --> 00:04:01,000
125 | Be tender to her. 
126 | 
127 | 31
128 | 00:04:01,500 --> 00:04:04,500
129 | Be honest! Eh- be tender.
130 | 
131 | 32
132 | 00:04:05,000 --> 00:04:08,000
133 | Remind her what love is.
134 | 
135 | 33
136 | 00:04:52,000 --> 00:04:55,000
137 | ...and, action!
138 | 
139 | 34
140 | 00:04:56,500 --> 00:04:58,000
141 | Memory overwrite in progress!
142 | 
143 | 35
144 | 00:04:59,000 --> 00:05:01,000
145 | You're a jerk, Thom!
146 | 
147 | 36
148 | 00:05:02,500 --> 00:05:05,000
149 | Ohp- Sorry! Sorry.
150 | 
151 | 37
152 | 00:05:16,000 --> 00:05:17,000
153 | Look Celia.
154 | 
155 | 38
156 | 00:05:18,000 --> 00:05:20,000
157 | We have to follow our passions. 
158 | 
159 | 39
160 | 00:05:21,000 --> 00:05:23,000
161 | You have your robotics...
162 | 
163 | 40
164 | 00:05:25,000 --> 00:05:28,000
165 | ...and I just want to be awesome in space.
166 | 
167 | 41
168 | 00:05:39,000 --> 00:05:41,000
169 | Okay, they're coming. Two minutes left!
170 | 
171 | 42
172 | 00:05:43,000 --> 00:05:44,000
173 | Speed it up, Thom! 
174 | 
175 | 43
176 | 00:05:45,000 --> 00:05:46,000
177 | Vivacissimo!
178 | 
179 | 44
180 | 00:05:47,000 --> 00:05:50,000
181 | Why don't you just admit that you're 
182 | freaked out by my robot hand?
183 | 
184 | 45
185 | 00:05:56,000 --> 00:05:59,000
186 | Listen Celia, I was young...
187 | 
188 | 46
189 | 00:05:59,500 --> 00:06:01,000
190 | ...and a dick. 
191 | 
192 | 47
193 | 00:06:01,000 --> 00:06:03,000
194 | But that's no reason to
195 | destroy the world.
196 | 
197 | 48
198 | 00:06:05,000 --> 00:06:06,000
199 | Why does he do this?
200 | 
201 | 49
202 | 00:06:06,500 --> 00:06:08,500
203 | We already tried that one!
204 | 
205 | 50
206 | 00:06:11,500 --> 00:06:12,500
207 | Abort!
208 | 
209 | 51
210 | 00:06:13,000 --> 00:06:14,000
211 | Cut!
212 | 
213 | 52
214 | 00:06:14,000 --> 00:06:15,000
215 | Whoaaa!
216 | 
217 | 53
218 | 00:06:19,000 --> 00:06:20,000
219 | Whoaaa!
220 | 
221 | 54
222 | 00:06:21,000 --> 00:06:23,000
223 | Nooooo!
224 | 
225 | 55
226 | 00:06:23,000 --> 00:06:25,000
227 | You broke my heart.
228 | 
229 | 56
230 | 00:06:26,000 --> 00:06:27,000
231 | I know.
232 | 
233 | 57
234 | 00:06:27,000 --> 00:06:29,000
235 | You forgot me on earth.
236 | 
237 | 58
238 | 00:06:29,000 --> 00:06:30,000
239 | I know.
240 | 
241 | 59
242 | 00:06:30,500 --> 00:06:33,000
243 | I should just crush you.
244 | 
245 | 60
246 | 00:06:36,000 --> 00:06:37,000
247 | I'm-
248 | 
249 | 61
250 | 00:06:47,000 --> 00:06:48,000
251 | I'm sorry.
252 | 
253 | 62
254 | 00:06:50,000 --> 00:06:51,000
255 | Good ad-lib.
256 | 
257 | 63
258 | 00:06:59,000 --> 00:07:00,500
259 | Not my fault!
260 | 
261 | 64
262 | 00:07:02,000 --> 00:07:03,000
263 | This time.
264 | 
265 | 65
266 | 00:07:08,000 --> 00:07:09,500
267 | Quiet on set!
268 | 
269 | 66
270 | 00:07:10,000 --> 00:07:11,000
271 | We're out of time!
272 | 
273 | 67
274 | 00:08:13,000 --> 00:08:14,000
275 | Come on!
276 | 
277 | 68
278 | 00:08:22,000 --> 00:08:24,000
279 | RAAAAAAAAH!
280 | 
281 | 69
282 | 00:08:24,000 --> 00:08:25,000
283 | Memory overwrite, 90%.
284 | 
285 | 70
286 | 00:08:26,000 --> 00:08:28,000
287 | Captain! We have to abort!
288 | 
289 | 71
290 | 00:08:38,000 --> 00:08:40,000
291 | The world's changed, Celia...
292 | 
293 | 72
294 | 00:08:54,000 --> 00:08:56,000
295 | ...maybe we can too.
296 | 
297 | 73
298 | 00:08:58,000 --> 00:08:59,000
299 | Memory overwrite complete!
300 | 
301 | 74
302 | 00:09:19,000 --> 00:09:20,000
303 | You know.
304 | 
305 | 75
306 | 00:09:22,000 --> 00:09:24,000
307 | There's a lesson to be learned from this.
308 | 
309 | 76
310 | 00:09:26,000 --> 00:09:27,000
311 | Could'a gone worse.
312 | 
313 | 
314 | 


--------------------------------------------------------------------------------
/subs/TOS-japanese.srt:
--------------------------------------------------------------------------------
  1 | 1
  2 | 00:00:23,000 --> 00:00:24,500
  3 | あなたは馬鹿よ、トム
  4 | 
  5 | 2
  6 | 00:00:25,000 --> 00:00:27,000
  7 | セリア、僕たちは夢を追いかけないと
  8 | 
  9 | 3
 10 | 00:00:27,000 --> 00:00:30,500
 11 | ...君はロボット工学があるし、
 12 | 僕も宇宙に行きたいだけなんだ
 13 | 
 14 | 4
 15 | 00:00:30,800 --> 00:00:34,000
 16 | なぜ私のロボットハンドが
 17 | 怖くなったっていわないの？
 18 | 
 19 | 5
 20 | 00:00:34,500 --> 00:00:36,000
 21 | 僕は怖くなんか...
 22 | 
 23 | 6
 24 | 00:00:37,000 --> 00:00:38,000
 25 | ...ああそうとも！
 26 | 
 27 | 7
 28 | 00:00:38,000 --> 00:00:41,000
 29 | 怖いさ！　夢の中で
 30 | 追いかけられて...
 31 | 
 32 | 8
 33 | 00:00:41,000 --> 00:00:42,000
 34 | ...巨大なロボットの爪に...
 35 | 
 36 | 9
 37 | 00:00:43,000 --> 00:00:45,000
 38 | とにかくトム、もう終わりね
 39 | 
 40 | 10
 41 | 00:00:50,000 --> 00:00:53,500
 42 | ロボットのメモリとの同期・ロック完了！
 43 | 
 44 | 11
 45 | 00:01:01,000 --> 00:01:03,000
 46 | 本当に怖いな
 47 | 
 48 | 12
 49 | 00:01:57,000 --> 00:01:59,000
 50 | 降りなくていいんですか？
 51 | 
 52 | 13
 53 | 00:02:11,000 --> 00:02:13,000
 54 | 昨日話してたのを聞いた
 55 | 
 56 | 14
 57 | 00:02:16,000 --> 00:02:18,000
 58 | 俺の所為じゃない、わかってくれ
 59 | 
 60 | 15
 61 | 00:03:11,000 --> 00:03:12,000
 62 | 準備はいいか？
 63 | 
 64 | 16
 65 | 00:03:13,000 --> 00:03:15,000
 66 | 当然だな、君はロックスターだ
 67 | 
 68 | 17
 69 | 00:03:17,000 --> 00:03:18,000
 70 | バーレイ、そっちはどうだ？
 71 | 
 72 | 18
 73 | 00:03:19,000 --> 00:03:21,000
 74 | 10分ぐらいしかないですね...
 75 | 
 76 | 19
 77 | 00:03:21,500 --> 00:03:23,000
 78 | ばっちりだ
 79 | 
 80 | 20
 81 | 00:03:23,500 --> 00:03:26,500
 82 | みんな行くぞ！　全システム起動！
 83 | よし行け！
 84 | 
 85 | 21
 86 | 00:03:28,000 --> 00:03:32,000
 87 | 急げ！　早くしろ！
 88 | 
 89 | 22
 90 | 00:03:33,000 --> 00:03:37,000
 91 | よしいいぞ！　頑張れ！
 92 | 
 93 | 23
 94 | 00:03:43,000 --> 00:03:44,000
 95 | 素晴らしい
 96 | 
 97 | 24
 98 | 00:03:44,500 --> 00:03:45,700
 99 | 心配するな
100 | 
101 | 25
102 | 00:03:46,000 --> 00:03:47,000
103 | トム、
104 | 
105 | 26
106 | 00:03:51,000 --> 00:03:53,000
107 | あそこに彼女がいる
108 | 
109 | 27
110 | 00:03:53,500 --> 00:03:54,500
111 | 今
112 | 
113 | 28
114 | 00:03:55,000 --> 00:03:56,000
115 | 君は彼女が大好きだ
116 | 
117 | 29
118 | 00:03:57,000 --> 00:03:58,500
119 | 彼女は君の夢だ！
120 | 
121 | 30
122 | 00:04:00,000 --> 00:04:01,000
123 | やさしくしてやれ
124 | 
125 | 31
126 | 00:04:01,500 --> 00:04:04,500
127 | 誠実に！...やさしくな
128 | 
129 | 32
130 | 00:04:05,000 --> 00:04:08,000
131 | 愛を思い出させるんだ
132 | 
133 | 33
134 | 00:04:52,000 --> 00:04:55,000
135 | ...よし、アクション！
136 | 
137 | 34
138 | 00:04:56,500 --> 00:04:58,000
139 | メモリ上書き進行中！
140 | 
141 | 35
142 | 00:04:59,000 --> 00:05:01,000
143 | あなたは馬鹿よ、トム！
144 | 
145 | 36
146 | 00:05:02,500 --> 00:05:05,000
147 | おっと、すまんすまん！
148 | 
149 | 37
150 | 00:05:16,000 --> 00:05:17,000
151 | セリア、
152 | 
153 | 38
154 | 00:05:18,000 --> 00:05:20,000
155 | 僕たちは夢を追いかけないと
156 | 
157 | 39
158 | 00:05:21,000 --> 00:05:23,000
159 | 君はロボット工学があるし...
160 | 
161 | 40
162 | 00:05:25,000 --> 00:05:28,000
163 | ...僕も宇宙に行きたいだけなんだ
164 | 
165 | 41
166 | 00:05:39,000 --> 00:05:41,000
167 | やつらが来ました。あと2分！
168 | 
169 | 42
170 | 00:05:43,000 --> 00:05:44,000
171 | トム、急いでくれ！
172 | 
173 | 43
174 | 00:05:45,000 --> 00:05:46,000
175 | ヴィヴァチッシモ！
176 | 
177 | 44
178 | 00:05:47,000 --> 00:05:50,000
179 | なぜ私のロボットハンドが
180 | 怖くなったっていわないの？
181 | 
182 | 45
183 | 00:05:56,000 --> 00:05:59,000
184 | 聞いてくれセリア、僕は若かった...
185 | 
186 | 46
187 | 00:05:59,500 --> 00:06:01,000
188 | ...そして馬鹿だった
189 | 
190 | 47
191 | 00:06:01,000 --> 00:06:03,000
192 | でもそれは世界を滅ぼす
193 | 理由にはならないよ
194 | 
195 | 48
196 | 00:06:05,000 --> 00:06:06,000
197 | なぜ彼はあんなことを？
198 | 
199 | 49
200 | 00:06:06,500 --> 00:06:08,500
201 | すでに試したんだよ！
202 | 
203 | 50
204 | 00:06:11,500 --> 00:06:12,500
205 | 中止！
206 | 
207 | 51
208 | 00:06:13,000 --> 00:06:14,000
209 | カット！
210 | 
211 | 52
212 | 00:06:14,000 --> 00:06:15,000
213 | うわぁー！
214 | 
215 | 53
216 | 00:06:19,000 --> 00:06:20,000
217 | うわ！
218 | 
219 | 54
220 | 00:06:21,000 --> 00:06:23,000
221 | だめだぁー！
222 | 
223 | 55
224 | 00:06:23,000 --> 00:06:25,000
225 | あなたは私を傷つけた
226 | 
227 | 56
228 | 00:06:26,000 --> 00:06:27,000
229 | わかってる
230 | 
231 | 57
232 | 00:06:27,000 --> 00:06:29,000
233 | 地球にいる私を忘れた
234 | 
235 | 58
236 | 00:06:29,000 --> 00:06:30,000
237 | わかってる
238 | 
239 | 59
240 | 00:06:30,500 --> 00:06:33,000
241 | あなたを殺すかもしれない
242 | 
243 | 60
244 | 00:06:36,000 --> 00:06:37,000
245 | 本当は―
246 | 
247 | 61
248 | 00:06:47,000 --> 00:06:48,000
249 | 本当にすまなかった
250 | 
251 | 62
252 | 00:06:50,000 --> 00:06:51,000
253 | いいアドリブだ
254 | 
255 | 63
256 | 00:06:59,000 --> 00:07:00,500
257 | 俺の所為じゃない！
258 | 
259 | 64
260 | 00:07:02,000 --> 00:07:03,000
261 | 今回は
262 | 
263 | 65
264 | 00:07:08,000 --> 00:07:09,500
265 | 本番行くぞ！
266 | 
267 | 66
268 | 00:07:10,000 --> 00:07:11,000
269 | 時間切れです！
270 | 
271 | 67
272 | 00:08:13,000 --> 00:08:14,000
273 | 来いよ！
274 | 
275 | 68
276 | 00:08:22,000 --> 00:08:24,000
277 | おらあああああ！
278 | 
279 | 69
280 | 00:08:24,000 --> 00:08:25,000
281 | メモリ上書き90％
282 | 
283 | 70
284 | 00:08:26,000 --> 00:08:28,000
285 | キャプテン！　中止命令を！
286 | 
287 | 71
288 | 00:08:38,000 --> 00:08:40,000
289 | 世界は変わったんだよ、セリア...
290 | 
291 | 72
292 | 00:08:54,000 --> 00:08:56,000
293 | ...多分僕たちも
294 | 
295 | 73
296 | 00:08:58,000 --> 00:08:59,000
297 | メモリ上書き完了！
298 | 
299 | 74
300 | 00:09:19,000 --> 00:09:20,000
301 | なあ、
302 | 
303 | 75
304 | 00:09:22,000 --> 00:09:24,000
305 | ここから学ぶべき教訓がある
306 | 
307 | 76
308 | 00:09:26,000 --> 00:09:27,000
309 | この程度でよかったです
310 | 


--------------------------------------------------------------------------------
/subs/TOS-turkish.srt:
--------------------------------------------------------------------------------
  1 | 1
  2 | 00:00:23,000 --> 00:00:24,500
  3 | Tam bir aptalsın Thom.
  4 | 
  5 | 2
  6 | 00:00:25,000 --> 00:00:27,000
  7 | Bak Celia, tutukularımızın peşinden
  8 | gitmeliyiz;
  9 | 
 10 | 3
 11 | 00:00:27,000 --> 00:00:30,500
 12 | ...senin şu robot işlerin var,
 13 | ben de uzay konusunda yükselmek istiyorum.
 14 | 
 15 | 4
 16 | 00:00:30,800 --> 00:00:34,000
 17 | Neden robot elimin seni
 18 | korkuttuğunu itiraf etmiyorsun?
 19 | 
 20 | 5
 21 | 00:00:34,500 --> 00:00:36,000
 22 | Ben, ondan korkmuyorum- sadece...
 23 | 
 24 | 6
 25 | 00:00:37,000 --> 00:00:38,000
 26 | ...tamam pekala! Öyle olsun!
 27 | 
 28 | 7
 29 | 00:00:38,000 --> 00:00:41,000
 30 | Çok tırsıyorum! Kabuslarımda 
 31 | devasa katil robot pençelerin...
 32 | 
 33 | 8
 34 | 00:00:41,000 --> 00:00:42,000
 35 | ...beni kovaladığını görüyorum...
 36 | 
 37 | 9
 38 | 00:00:42,200 --> 00:00:45,000
 39 | "Kırk yıl sonra"
 40 | Her neyse Thom. Buraya kadar.
 41 | 
 42 | 
 43 | 10
 44 | 00:00:50,000 --> 00:00:53,500
 45 | Robot belleği eşlendi ve kilitlendi!
 46 | 
 47 | 11
 48 | 00:01:01,000 --> 00:01:03,000
 49 | Bayağı korkutucu.
 50 | 
 51 | 12
 52 | 00:01:57,000 --> 00:01:59,000
 53 | Aşağıda olman gerekmiyor mu?
 54 | 
 55 | 13
 56 | 00:02:11,000 --> 00:02:13,000
 57 | Dün gece konuştuklarınızı duydum
 58 | 
 59 | 14
 60 | 00:02:16,000 --> 00:02:18,000
 61 | Bu benim hatam değil, biliyorsun.
 62 | 
 63 | 15
 64 | 00:03:11,000 --> 00:03:12,000
 65 | Hazır mısın?
 66 | 
 67 | 16
 68 | 00:03:13,000 --> 00:03:15,000
 69 | Tabi ki hazırsın, sen bir rock yıldızısın.
 70 | 
 71 | 17
 72 | 00:03:17,000 --> 00:03:18,000
 73 | Nasıl görünüyor Barley?
 74 | 
 75 | 18
 76 | 00:03:19,000 --> 00:03:21,000
 77 | Bir on dakikamız falan var...
 78 | 
 79 | 19
 80 | 00:03:21,500 --> 00:03:23,000
 81 | Harika.
 82 | 
 83 | 20
 84 | 00:03:23,500 --> 00:03:26,500
 85 | Bir dakikaya yayındayız! Bütün sistemleri
 86 | çalıştırın! Haydi, devam edin! 
 87 | 
 88 | 21
 89 | 00:03:28,000 --> 00:03:32,000
 90 | Hareket edin! Kıçınızı kaldırın!
 91 | Haydi, haydi, haydi! 
 92 | 
 93 | 22
 94 | 00:03:33,000 --> 00:03:37,000
 95 | Bayılıyorum buna!
 96 | Haydi devam edin!
 97 | 
 98 | 23
 99 | 00:03:43,000 --> 00:03:44,000
100 | Çok güzel. 
101 | 
102 | 24
103 | 00:03:44,500 --> 00:03:45,700
104 | Endişelenecek bir şey yok.
105 | 
106 | 25
107 | 00:03:46,000 --> 00:03:47,000
108 | Thom.
109 | 
110 | 26
111 | 00:03:51,000 --> 00:03:53,000
112 | İşte kadının orada.
113 | 
114 | 27
115 | 00:03:53,500 --> 00:03:54,500
116 | Şimdi.
117 | 
118 | 28
119 | 00:03:55,000 --> 00:03:56,000
120 | Onu seviyorsun.
121 | 
122 | 29
123 | 00:03:57,000 --> 00:03:58,500
124 | O senin tutkun! 
125 | 
126 | 30
127 | 00:04:00,000 --> 00:04:01,000
128 | Ona karşı nazik ol. 
129 | 
130 | 31
131 | 00:04:01,500 --> 00:04:04,500
132 | Dürüst ol! Eee- nazik ol.
133 | 
134 | 32
135 | 00:04:05,000 --> 00:04:08,000
136 | Ona sevginin ne demek
137 | olduğunu hatırlat.
138 | 
139 | 33
140 | 00:04:52,000 --> 00:04:55,000
141 | ...ve, başla!
142 | 
143 | 34
144 | 00:04:56,500 --> 00:04:58,000
145 | Bellek düzenleme süreci başladı!
146 | 
147 | 35
148 | 00:04:59,000 --> 00:05:01,000
149 | Tam bir aptalsın Thom!
150 | 
151 | 36
152 | 00:05:02,500 --> 00:05:05,000
153 | Off- Özür dilerim! Özür dilerim.
154 | 
155 | 37
156 | 00:05:16,000 --> 00:05:17,000
157 | Bak Celia.
158 | 
159 | 38
160 | 00:05:18,000 --> 00:05:20,000
161 | Tutukularımızın peşinden gitmeliyiz. 
162 | 
163 | 39
164 | 00:05:21,000 --> 00:05:23,000
165 | Senin şu robot işlerin var...
166 | 
167 | 40
168 | 00:05:25,000 --> 00:05:28,000
169 | ...ben de uzay konusunda yükselmek istiyorum.
170 | 
171 | 41
172 | 00:05:39,000 --> 00:05:41,000
173 | Geliyorlar. İki dakikamız kaldı!
174 | 
175 | 42
176 | 00:05:43,000 --> 00:05:44,000
177 | Hızlandır Thom! 
178 | 
179 | 43
180 | 00:05:45,000 --> 00:05:46,000
181 | Daha canlı!
182 | 
183 | 44
184 | 00:05:47,000 --> 00:05:50,000
185 | Neden robot elimin seni
186 | korkuttuğunu itiraf etmiyorsun?
187 | 
188 | 45
189 | 00:05:56,000 --> 00:05:59,000
190 | Dinle Celia, gençtim...
191 | 
192 | 46
193 | 00:05:59,500 --> 00:06:01,000
194 | ...ve hıyarın tekiydim. 
195 | 
196 | 47
197 | 00:06:01,000 --> 00:06:03,000
198 | Ama bu dünyayı yok etmek
199 | için bir sebep değil.
200 | 
201 | 48
202 | 00:06:05,000 --> 00:06:06,000
203 | Neden bunu yapıyor?
204 | 
205 | 49
206 | 00:06:06,500 --> 00:06:08,500
207 | Bunu zaten denemiştik!
208 | 
209 | 50
210 | 00:06:11,500 --> 00:06:12,500
211 | İptal!
212 | 
213 | 51
214 | 00:06:13,000 --> 00:06:14,000
215 | Kes!
216 | 
217 | 52
218 | 00:06:14,000 --> 00:06:15,000
219 | 
220 | 
221 | 53
222 | 00:06:19,000 --> 00:06:20,000
223 | 
224 | 
225 | 54
226 | 00:06:21,000 --> 00:06:23,000
227 | Hayır!
228 | 
229 | 55
230 | 00:06:23,000 --> 00:06:25,000
231 | Kalbimi kırdın.
232 | 
233 | 56
234 | 00:06:26,000 --> 00:06:27,000
235 | Biliyorum.
236 | 
237 | 57
238 | 00:06:27,000 --> 00:06:29,000
239 | Beni dünyada bıraktın.
240 | 
241 | 58
242 | 00:06:29,000 --> 00:06:30,000
243 | Biliyorum.
244 | 
245 | 59
246 | 00:06:30,500 --> 00:06:33,000
247 | Seni paramparça etmeliyim.
248 | 
249 | 60
250 | 00:06:36,000 --> 00:06:37,000
251 | Ben-
252 | 
253 | 61
254 | 00:06:47,000 --> 00:06:48,000
255 | Üzgünüm.
256 | 
257 | 62
258 | 00:06:50,000 --> 00:06:51,000
259 | İyi doğaçlama.
260 | 
261 | 63
262 | 00:06:59,000 --> 00:07:00,500
263 | Benim hatam değil!
264 | 
265 | 64
266 | 00:07:02,000 --> 00:07:03,000
267 | Yani, bu sefer.
268 | 
269 | 65
270 | 00:07:08,000 --> 00:07:09,500
271 | Sette sessizlik!
272 | 
273 | 66
274 | 00:07:10,000 --> 00:07:11,000
275 | Zamanımız doldu!
276 | 
277 | 67
278 | 00:08:13,000 --> 00:08:14,000
279 | Gelin bakalım!
280 | 
281 | 68
282 | 00:08:22,000 --> 00:08:24,000
283 | AAAAAAAAH!
284 | 
285 | 69
286 | 00:08:24,000 --> 00:08:25,000
287 | Bellek düzenleme, %90.
288 | 
289 | 70
290 | 00:08:26,000 --> 00:08:28,000
291 | Yüzbaşı! Kesmek zorundayız!
292 | 
293 | 71
294 | 00:08:38,000 --> 00:08:40,000
295 | Dünya değişti Celia...
296 | 
297 | 72
298 | 00:08:54,000 --> 00:08:56,000
299 | ...belki biz de değişebiliriz.
300 | 
301 | 73
302 | 00:08:58,000 --> 00:08:59,000
303 | Bellek düzenleme tamamlandı!
304 | 
305 | 74
306 | 00:09:19,000 --> 00:09:20,000
307 | Biliyor musun?
308 | 
309 | 75
310 | 00:09:22,000 --> 00:09:24,000
311 | Bundan alınacak bir ders var.
312 | 
313 | 76
314 | 00:09:26,000 --> 00:09:27,000
315 | Daha kötü bitebilirdi.
316 | 


--------------------------------------------------------------------------------
/subs/TOS-ukrainian.srt:
--------------------------------------------------------------------------------
  1 | 1
  2 | 00:00:23,000 --> 00:00:24,500
  3 | Ти нікчема, Томе.
  4 | 
  5 | 2
  6 | 00:00:25,000 --> 00:00:27,000
  7 | Агов Селія, ми повинні
  8 | прислухатись до наших почуттів;
  9 | 
 10 | 3
 11 | 00:00:27,000 --> 00:00:30,500
 12 | ...ти маєш свою роботичність, а я
 13 | просто хочу бути шанованим у ксмосі.
 14 | 
 15 | 4
 16 | 00:00:30,800 --> 00:00:34,000
 17 | Чому ти просто не зізнаєшся, що
 18 | тебе бісить моя роботична рука?
 19 | 
 20 | 5
 21 | 00:00:34,500 --> 00:00:36,000
 22 | Мене не бісить від- цього...
 23 | 
 24 | 6
 25 | 00:00:37,000 --> 00:00:38,000
 26 | ...гаразд! Досить!
 27 | 
 28 | 7
 29 | 00:00:38,000 --> 00:00:41,000
 30 | Я бішуся! Я справді бачу в своїх
 31 | нічних жахіттях як мене переслідують...
 32 | 
 33 | 8
 34 | 00:00:41,000 --> 00:00:42,000
 35 | ...ці гігантські роботизовані клешні...
 36 | 
 37 | 9
 38 | 00:00:42,200 --> 00:00:45,000
 39 | "Сорок років потому"
 40 | Як би не було, Томе. Все скінчено.
 41 | 
 42 | 10
 43 | 00:00:50,000 --> 00:00:53,500
 44 | Пам'ять роботів
 45 | синхронізовано та закрито!
 46 | 
 47 | 11
 48 | 00:01:01,000 --> 00:01:03,000
 49 | Це божевільно.
 50 | 
 51 | 12
 52 | 00:01:57,000 --> 00:01:59,000
 53 | Ти не спустишся вниз?
 54 | 
 55 | 13
 56 | 00:02:11,000 --> 00:02:13,000
 57 | Я чув твої друзяки балакали минулої ночі.
 58 | 
 59 | 14
 60 | 00:02:16,000 --> 00:02:18,000
 61 | Я не винен, зрозуміло.
 62 | 
 63 | 15
 64 | 00:03:11,000 --> 00:03:12,000
 65 | Готовий?
 66 | 
 67 | 16
 68 | 00:03:13,000 --> 00:03:15,000
 69 | Звичайно готовий, ти ж рок-зірка.
 70 | 
 71 | 17
 72 | 00:03:17,000 --> 00:03:18,000
 73 | Як видимість, Барлі?
 74 | 
 75 | 18
 76 | 00:03:19,000 --> 00:03:21,000
 77 | У нас близько десяти хвилин...
 78 | 
 79 | 19
 80 | 00:03:21,500 --> 00:03:23,000
 81 | Це чудово.
 82 | 
 83 | 20
 84 | 00:03:23,500 --> 00:03:26,500
 85 | Згуртувалися! Запуск усіх систем!
 86 | Так ти, запускай! 
 87 | 
 88 | 21
 89 | 00:03:28,000 --> 00:03:32,000
 90 | Нужбо! Рухай сідницями! Ну ну ну! 
 91 | 
 92 | 22
 93 | 00:03:33,000 --> 00:03:37,000
 94 | Обожнюю це! Давай, вперед!
 95 | 
 96 | 23
 97 | 00:03:43,000 --> 00:03:44,000
 98 | Це чудово. 
 99 | 
100 | 24
101 | 00:03:44,500 --> 00:03:45,700
102 | Не потрібно хвилюватись.
103 | 
104 | 25
105 | 00:03:46,000 --> 00:03:47,000
106 | Томе.
107 | 
108 | 26
109 | 00:03:51,000 --> 00:03:53,000
110 | Вона там.
111 | 
112 | 27
113 | 00:03:53,500 --> 00:03:54,500
114 | Зараз.
115 | 
116 | 28
117 | 00:03:55,000 --> 00:03:56,000
118 | Ти кохаєш її.
119 | 
120 | 29
121 | 00:03:57,000 --> 00:03:58,500
122 | Вона твоя пристрасть! 
123 | 
124 | 30
125 | 00:04:00,000 --> 00:04:01,000
126 | Будь ніжний з нею. 
127 | 
128 | 31
129 | 00:04:01,500 --> 00:04:04,500
130 | Щирий! Ем- люблячий.
131 | 
132 | 32
133 | 00:04:05,000 --> 00:04:08,000
134 | Нагадай їй, що таке кохання.
135 | 
136 | 33
137 | 00:04:52,000 --> 00:04:55,000
138 | ...і, починаємо!
139 | 
140 | 34
141 | 00:04:56,500 --> 00:04:58,000
142 | Виконується перезапис пам'яті!
143 | 
144 | 35
145 | 00:04:59,000 --> 00:05:01,000
146 | Ти нікчема, Томе!
147 | 
148 | 36
149 | 00:05:02,500 --> 00:05:05,000
150 | Оп- Вибачаюсь! Вибачаюсь.
151 | 
152 | 37
153 | 00:05:16,000 --> 00:05:17,000
154 | Послухай Селія.
155 | 
156 | 38
157 | 00:05:18,000 --> 00:05:20,000
158 | Ми повинні прислухатись до наших почуттів. 
159 | 
160 | 39
161 | 00:05:21,000 --> 00:05:23,000
162 | Ти маєш свою роботичність...
163 | 
164 | 40
165 | 00:05:25,000 --> 00:05:28,000
166 | ...а я просто хочу бути шанованим у космосі.
167 | 
168 | 41
169 | 00:05:39,000 --> 00:05:41,000
170 | Гаразд, вони наближаються. Ще дві хвилини!
171 | 
172 | 42
173 | 00:05:43,000 --> 00:05:44,000
174 | Поквапся, Томе! 
175 | 
176 | 43
177 | 00:05:45,000 --> 00:05:46,000
178 | Vivacissimo!
179 | 
180 | 44
181 | 00:05:47,000 --> 00:05:50,000
182 | Чому ти просто не зізнаєшся, що
183 | тебе бісить моя роботична рука?
184 | 
185 | 45
186 | 00:05:56,000 --> 00:05:59,000
187 | Послухай Селія, я був молодий...
188 | 
189 | 46
190 | 00:05:59,500 --> 00:06:01,000
191 | ...та дурний. 
192 | 
193 | 47
194 | 00:06:01,000 --> 00:06:03,000
195 | Але через це не потрібно
196 | руйнувати світ.
197 | 
198 | 48
199 | 00:06:05,000 --> 00:06:06,000
200 | До чого це він?
201 | 
202 | 49
203 | 00:06:06,500 --> 00:06:08,500
204 | Ми вже пробували це!
205 | 
206 | 50
207 | 00:06:11,500 --> 00:06:12,500
208 | Скасувати!
209 | 
210 | 51
211 | 00:06:13,000 --> 00:06:14,000
212 | Вирізати!
213 | 
214 | 52
215 | 00:06:21,000 --> 00:06:23,000
216 | Ніііі!
217 | 
218 | 53
219 | 00:06:23,000 --> 00:06:25,000
220 | Ти розбив мені серце.
221 | 
222 | 54
223 | 00:06:26,000 --> 00:06:27,000
224 | Я знаю.
225 | 
226 | 55
227 | 00:06:27,000 --> 00:06:29,000
228 | Ти покинув мене на Землі.
229 | 
230 | 56
231 | 00:06:29,000 --> 00:06:30,000
232 | Я знаю.
233 | 
234 | 57
235 | 00:06:30,500 --> 00:06:33,000
236 | Я розчавлю тебе.
237 | 
238 | 58
239 | 00:06:36,000 --> 00:06:37,000
240 | Я-
241 | 
242 | 59
243 | 00:06:47,000 --> 00:06:48,000
244 | Пробач мене.
245 | 
246 | 60
247 | 00:06:50,000 --> 00:06:51,000
248 | Гарна імпровізація.
249 | 
250 | 61
251 | 00:06:59,000 --> 00:07:00,500
252 | Це не я!
253 | 
254 | 62
255 | 00:07:02,000 --> 00:07:03,000
256 | Цього разу.
257 | 
258 | 63
259 | 00:07:08,000 --> 00:07:09,500
260 | Тримати тишу!
261 | 
262 | 64
263 | 00:07:10,000 --> 00:07:11,000
264 | В нас нема часу!
265 | 
266 | 65
267 | 00:08:13,000 --> 00:08:14,000
268 | Нужбо!
269 | 
270 | 66
271 | 00:08:24,000 --> 00:08:25,000
272 | Перезапис пам'яті, 90%.
273 | 
274 | 67
275 | 00:08:26,000 --> 00:08:28,000
276 | Капітане! Ми повинні зупинити!
277 | 
278 | 68
279 | 00:08:38,000 --> 00:08:40,000
280 | Світ змінився, Селіє...
281 | 
282 | 69
283 | 00:08:54,000 --> 00:08:56,000
284 | ...можливо нам теж пора.
285 | 
286 | 70
287 | 00:08:58,000 --> 00:08:59,000
288 | Перезапис пам'яті завершено!
289 | 
290 | 71
291 | 00:09:19,000 --> 00:09:20,000
292 | Знаєш.
293 | 
294 | 72
295 | 00:09:22,000 --> 00:09:24,000
296 | Ми повинні засвоїти із цього урок.
297 | 
298 | 73
299 | 00:09:26,000 --> 00:09:27,000
300 | Могло бути гірше.
301 | 
302 | 
303 | 


--------------------------------------------------------------------------------
/website/css/amp-website.css:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * Acorn Media Player - jQuery plugin
  3 |  * Styles for main web page
  4 |  *
  5 |  * 2013 Cristian I. Colceriu
  6 |  */
  7 | 
  8 | /* general */
  9 | header, nav, footer, section, aside, article, figure, figcaption {display: block;}
 10 | ::-moz-selection {background-color: #aab; color: #eee; text-shadow: none;}
 11 | ::selection {background-color: #aab; color: #eee; text-shadow: none;}
 12 | table { border-collapse: collapse; border-spacing: 0; }
 13 | 
 14 | a, a:link {
 15 | 	position: relative;
 16 | 	color: #FFD000;
 17 | }
 18 | a:focus, a:hover {
 19 | 	background-color: #FFD000;
 20 | 	color: #000;
 21 | }
 22 | a:active {
 23 | 	top: 1px;
 24 | }
 25 | /* main */
 26 | html {
 27 | 	background-color: #160D00;
 28 | 
 29 | 	margin: 0px;
 30 | 	padding: 0px;
 31 | }
 32 | body {
 33 | 	position: relative;
 34 | 	width: 840px;
 35 | 	margin: 0 auto;
 36 | 	padding: 0;
 37 | 
 38 | 	font-size: 14px;
 39 | 	font-family: Arial, Helvetica, sans-serif;
 40 | 	color: #E8CBA2;
 41 | }
 42 | section {
 43 | 	margin-bottom: 30px;
 44 | 	padding-bottom: 10px;
 45 | }
 46 | h1, h2, h3, h4 {
 47 | 	font-family: Arial, Helvetica, sans-serif;
 48 | 	text-shadow: 0px 2px 1px #000;
 49 | 	color: #fff;
 50 | }
 51 | h1 p {
 52 | 	font-size: 50%;
 53 | 	margin: 0px;
 54 | 
 55 | 	color: #BA8335;
 56 | }
 57 | 
 58 | nav {
 59 | 	position: absolute;
 60 | 	right: 10px;
 61 | 	top: 20px;
 62 | 	color: #BA8335;
 63 | }
 64 | 
 65 | nav ul {
 66 | 	list-style-type: none;
 67 | 	padding: 0;
 68 | 	margin: 0;
 69 | }
 70 | 
 71 | nav li {
 72 | 	padding: 0;
 73 | 	margin: 0;
 74 | }
 75 | 
 76 | nav a {
 77 | 	font-size: 1.2em;
 78 | 	font-weight: bold;
 79 | 	text-transform: uppercase;
 80 | 	text-decoration: none;
 81 | }
 82 | 
 83 | footer {
 84 | 	margin-top: 20px;
 85 | 
 86 | 	color: #B58F5A;
 87 | 	font-size: 80%;
 88 | 	line-height: 1em;
 89 | }
 90 | figure {
 91 | 	clear: both;
 92 | 	margin: 0;
 93 | }
 94 | figcaption {
 95 | 	clear: both;
 96 | 	padding: 10px;
 97 | 
 98 | 	color: #D8C5AB;
 99 | 	font-size: 90%;
100 | }
101 | 
102 | .column-33 {
103 | 	display: inline-block;
104 | 	width: 33%;
105 | 	vertical-align: top;
106 | }
107 | 
108 | .column-50 {
109 | 	display: inline-block;
110 | 	width: 49%;
111 | 	vertical-align: top;
112 | }
113 | 
114 | /* features section */
115 | #features h2 {
116 | 	margin-bottom: 0px;
117 | }
118 | #features>ul {
119 | 	overflow: hidden;
120 | 	margin: 0px;
121 | 	padding: 0px;
122 | 	list-style-type: none;
123 | }
124 | #features>ul>li {
125 | 	float: left;
126 | 	width: 22%;
127 | 	padding-right: 3%;
128 | 	list-style-type: none;
129 | }
130 | #features>ul>li ul {
131 | 	margin: 0px;
132 | 	padding-left: 1em;
133 | }
134 | #features h3 {
135 | 	color: #FF9400;
136 | 	line-height: 2.2em;
137 | }
138 | .access-icon {
139 | 	background: url(../images/access-icon.png) no-repeat right center;
140 | }
141 | .caption-icon {
142 | 	background: url(../images/caption-icon.png) no-repeat right center;
143 | }
144 | .transcript-icon {
145 | 	background: url(../images/transcript-icon.png) no-repeat right center;
146 | }
147 | .fullscreen-icon {
148 | 	background: url(../images/fullscreen-icon.png) no-repeat right center;
149 | }
150 | /* download section */
151 | #download {
152 | 	overflow: hidden;
153 | 	padding: 10px;
154 | 	background-color: #663900;
155 | }
156 | #download h2, #download p {
157 | 	margin: 0px;
158 | }
159 | #download #download-button {
160 | 	float: right;
161 | 	padding: 10px 20px;
162 | 	background-color: #D87700;
163 | 	border: 0px solid #fff;
164 | 
165 | 	box-shadow: 0px -1px 0px #FFA332, 0px 0px 5px #000;
166 | 	border-radius: 10px;
167 | 	text-shadow: 0px -1px 0px #000;
168 | 
169 | 	text-decoration: none;
170 | 	font-size: 18px;
171 | 	color: #fff;
172 | }
173 | #download #download-button:hover {
174 | 	background-color: #FF8C00;
175 | }
176 | /* demo section */
177 | #demos {
178 | 	padding: 5px;
179 | 	overflow: hidden;
180 | 	background-color: #2B1700;
181 | }
182 | #demos h2 {
183 | 	margin: 10px;
184 | }
185 | #demos #demo-button {
186 | 	float: right;
187 | 	margin: 10px;
188 | 	padding: 5px 10px;
189 | 	background-color: #D87700;
190 | 	border: 0px solid #fff;
191 | 
192 | 	box-shadow: 0px -1px 0px #FFA332, 0px 0px 5px #000;
193 | 	border-radius: 10px;
194 | 	text-shadow: 0px -1px 0px #000;
195 | 
196 | 	text-decoration: none;
197 | 	font-size: 14px;
198 | 	color: #fff;
199 | }
200 | #demos #demo-button:hover {
201 | 	background-color: #FF8C00;
202 | }
203 | /* howto section */
204 | #how h3 {
205 | 	margin-top: 30px;
206 | 	padding: 5px;
207 | 	border-top: 1px solid #683C00;
208 | 	border-bottom: 1px solid #683C00;
209 | 	background-color: #472900;
210 | 
211 | 	text-shadow: none;
212 | }
213 | pre {
214 | 	padding: 10px;
215 | 	overflow: auto;
216 | 	background-color: #333;
217 | 
218 | 	color: #fff;
219 | }
220 | /* options */
221 | #options table {
222 | }
223 | 
224 | #options table th {
225 | 	border: 1px solid #683C00;
226 | 	background: #894E00;
227 | 	color: #FFFFFF;
228 | 	font-weight: normal;
229 | 	padding: 5px 10px;
230 | 	text-align:left;
231 | }
232 | 
233 | #options table td {
234 | 	padding: 5px 10px;
235 | 	border: 1px solid #683C00;
236 | }
237 | 
238 | #options table tr:nth-of-type(2n) {
239 | 	background: #2D1A00;
240 | }
241 | 
242 | #options table .small-column {
243 | 	width: 90px;
244 | }
245 | /* media player styles */
246 | .acorn-transcript {
247 | 	font-size: 90%;
248 | }
249 | .acorn-transcript span:nth-of-type(2n) {
250 | 	background-color: #000 !important;
251 | }
252 | .acorn-transcript span:hover {
253 | 	color: #000;
254 | }
255 | 


--------------------------------------------------------------------------------
/website/images/access-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/website/images/access-icon.png


--------------------------------------------------------------------------------
/website/images/caption-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/website/images/caption-icon.png


--------------------------------------------------------------------------------
/website/images/fullscreen-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/website/images/fullscreen-icon.png


--------------------------------------------------------------------------------
/website/images/tos-poster.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/website/images/tos-poster.jpg


--------------------------------------------------------------------------------
/website/images/transcript-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ghinda/acornmediaplayer/fc6037bfcd210bbc02aad3aaae157db188d6c171/website/images/transcript-icon.png


--------------------------------------------------------------------------------