jquery-jplayer-2.7.1+dfsg.orig/0000775000175000017500000000000012415011333016621 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/add-on/0000775000175000017500000000000012407046625020000 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/add-on/jquery.jplayer.inspector.js0000664000175000017500000004057712407046625025344 0ustar pgquilespgquiles/* * jPlayerInspector Plugin for jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://www.opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Version: 1.0.5 * Date: 1st April 2014 * * For use with jPlayer Version: 2.6.0+ * * Note: Declare inspector instances after jPlayer instances. ie., Otherwise the jPlayer instance is nonsense. */ (function($, undefined) { $.jPlayerInspector = {}; $.jPlayerInspector.i = 0; $.jPlayerInspector.defaults = { jPlayer: undefined, // The jQuery selector of the jPlayer instance to inspect. idPrefix: "jplayer_inspector_", visible: false }; var methods = { init: function(options) { var self = this; var $this = $(this); var config = $.extend({}, $.jPlayerInspector.defaults, options); $(this).data("jPlayerInspector", config); config.id = $(this).attr("id"); config.jPlayerId = config.jPlayer.attr("id"); config.windowId = config.idPrefix + "window_" + $.jPlayerInspector.i; config.statusId = config.idPrefix + "status_" + $.jPlayerInspector.i; config.configId = config.idPrefix + "config_" + $.jPlayerInspector.i; config.toggleId = config.idPrefix + "toggle_" + $.jPlayerInspector.i; config.eventResetId = config.idPrefix + "event_reset_" + $.jPlayerInspector.i; config.updateId = config.idPrefix + "update_" + $.jPlayerInspector.i; config.eventWindowId = config.idPrefix + "event_window_" + $.jPlayerInspector.i; config.eventId = {}; config.eventJq = {}; config.eventTimeout = {}; config.eventOccurrence = {}; $.each($.jPlayer.event, function(eventName,eventType) { config.eventId[eventType] = config.idPrefix + "event_" + eventName + "_" + $.jPlayerInspector.i; config.eventOccurrence[eventType] = 0; }); var structure = '

' + (config.visible ? "Hide" : "Show") + ' jPlayer Inspector

' + '
' + '
' + '
' + '

jPlayer events that have occurred over the past 1 second:' + '
(Backgrounds: Never occurred Occurred before Occurred Multiple occurrences reset)

'; // MJP: Would use the next 3 lines for ease, but the events are just slapped on the page. // $.each($.jPlayer.event, function(eventName,eventType) { // structure += '
' + eventName + '
'; // }); var eventStyle = "float:left;margin:0 5px 5px 0;padding:0 5px;border:1px dotted #000;"; // MJP: Doing it longhand so order and layout easier to control. structure += '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
' + '
'; // MJP: Would like a check here in case we missed an event. // MJP: Check fails, since it is not on the page yet. /* $.each($.jPlayer.event, function(eventName,eventType) { if($("#" + config.eventId[eventType])[0] === undefined) { structure += '
' + eventName + '
'; } }); */ structure += '
' + '

Update jPlayer Inspector

' + '
' + '
'; $(this).html(structure); config.windowJq = $("#" + config.windowId); config.statusJq = $("#" + config.statusId); config.configJq = $("#" + config.configId); config.toggleJq = $("#" + config.toggleId); config.eventResetJq = $("#" + config.eventResetId); config.updateJq = $("#" + config.updateId); $.each($.jPlayer.event, function(eventName,eventType) { config.eventJq[eventType] = $("#" + config.eventId[eventType]); config.eventJq[eventType].text(eventName + " (" + config.eventOccurrence[eventType] + ")"); // Sets the text to the event name and (0); config.jPlayer.bind(eventType + ".jPlayerInspector", function(e) { config.eventOccurrence[e.type]++; if(config.eventOccurrence[e.type] > 1) { config.eventJq[e.type].css("background-color","#ff9"); } else { config.eventJq[e.type].css("background-color","#9f9"); } config.eventJq[e.type].text(eventName + " (" + config.eventOccurrence[e.type] + ")"); // The timer to handle the color clearTimeout(config.eventTimeout[e.type]); config.eventTimeout[e.type] = setTimeout(function() { config.eventJq[e.type].css("background-color","#fff"); }, 1000); // The timer to handle the occurences. setTimeout(function() { config.eventOccurrence[e.type]--; config.eventJq[e.type].text(eventName + " (" + config.eventOccurrence[e.type] + ")"); }, 1000); if(config.visible) { // Update the status, if inspector open. $this.jPlayerInspector("updateStatus"); } }); }); config.jPlayer.bind($.jPlayer.event.ready + ".jPlayerInspector", function(e) { $this.jPlayerInspector("updateConfig"); }); config.toggleJq.click(function() { if(config.visible) { $(this).text("Show"); config.windowJq.hide(); config.statusJq.empty(); config.configJq.empty(); } else { $(this).text("Hide"); config.windowJq.show(); config.updateJq.click(); } config.visible = !config.visible; $(this).blur(); return false; }); config.eventResetJq.click(function() { $.each($.jPlayer.event, function(eventName,eventType) { config.eventJq[eventType].css("background-color","#eee"); }); $(this).blur(); return false; }); config.updateJq.click(function() { $this.jPlayerInspector("updateStatus"); $this.jPlayerInspector("updateConfig"); return false; }); if(!config.visible) { config.windowJq.hide(); } else { // config.updateJq.click(); } $.jPlayerInspector.i++; return this; }, destroy: function() { $(this).data("jPlayerInspector") && $(this).data("jPlayerInspector").jPlayer.unbind(".jPlayerInspector"); $(this).empty(); }, updateConfig: function() { // This displays information about jPlayer's configuration in inspector var jPlayerInfo = "

This jPlayer instance is running in your browser where:
" for(i = 0; i < $(this).data("jPlayerInspector").jPlayer.data("jPlayer").solutions.length; i++) { var solution = $(this).data("jPlayerInspector").jPlayer.data("jPlayer").solutions[i]; jPlayerInfo += " jPlayer's " + solution + " solution is"; if($(this).data("jPlayerInspector").jPlayer.data("jPlayer")[solution].used) { jPlayerInfo += " being used and will support:"; for(format in $(this).data("jPlayerInspector").jPlayer.data("jPlayer")[solution].support) { if($(this).data("jPlayerInspector").jPlayer.data("jPlayer")[solution].support[format]) { jPlayerInfo += " " + format; } } jPlayerInfo += "
"; } else { jPlayerInfo += " not required
"; } } jPlayerInfo += "

"; if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").html.active) { if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").flash.active) { jPlayerInfo += "Problem with jPlayer since both HTML5 and Flash are active."; } else { jPlayerInfo += "The HTML5 is active."; } } else { if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").flash.active) { jPlayerInfo += "The Flash is active."; } else { jPlayerInfo += "No solution is currently active. jPlayer needs a setMedia()."; } } jPlayerInfo += "

"; var formatType = $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.formatType; jPlayerInfo += "

status.formatType = '" + formatType + "'
"; if(formatType) { jPlayerInfo += "Browser canPlay('" + $.jPlayer.prototype.format[formatType].codec + "')"; } else { jPlayerInfo += "

"; } jPlayerInfo += "

status.src = '" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.src + "'

"; jPlayerInfo += "

status.media = {
"; for(prop in $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.media) { jPlayerInfo += " " + prop + ": " + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.media[prop] + "
"; // Some are strings } jPlayerInfo += "};

" jPlayerInfo += "

"; jPlayerInfo += "status.videoWidth = '" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.videoWidth + "'"; jPlayerInfo += " | status.videoHeight = '" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.videoHeight + "'"; jPlayerInfo += "
status.width = '" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.width + "'"; jPlayerInfo += " | status.height = '" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.height + "'"; jPlayerInfo += "

"; + "

Raw browser test for HTML5 support. Should equal a function if HTML5 is available.
"; if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").html.audio.available) { jPlayerInfo += "htmlElement.audio.canPlayType = " + (typeof $(this).data("jPlayerInspector").jPlayer.data("jPlayer").htmlElement.audio.canPlayType) +"
" } if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").html.video.available) { jPlayerInfo += "htmlElement.video.canPlayType = " + (typeof $(this).data("jPlayerInspector").jPlayer.data("jPlayer").htmlElement.video.canPlayType) +""; } jPlayerInfo += "

"; jPlayerInfo += "

This instance is using the constructor options:
" + "$('#" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").internal.self.id + "').jPlayer({
" + " swfPath: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "swfPath") + "',
" + " solution: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "solution") + "',
" + " supplied: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "supplied") + "',
" + " preload: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "preload") + "',
" + " volume: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "volume") + ",
" + " muted: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "muted") + ",
" + " backgroundColor: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "backgroundColor") + "',
" + " cssSelectorAncestor: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "cssSelectorAncestor") + "',
" + " cssSelector: {"; var cssSelector = $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "cssSelector"); for(prop in cssSelector) { // jPlayerInfo += "
  " + prop + ": '" + cssSelector[prop] + "'," // This works too of course, but want to use option method for deep keys. jPlayerInfo += "
  " + prop + ": '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "cssSelector." + prop) + "'," } jPlayerInfo = jPlayerInfo.slice(0, -1); // Because the sloppy comma was bugging me. jPlayerInfo += "
 },
" + " errorAlerts: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "errorAlerts") + ",
" + " warningAlerts: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "warningAlerts") + "
" + "});

"; $(this).data("jPlayerInspector").configJq.html(jPlayerInfo); return this; }, updateStatus: function() { // This displays information about jPlayer's status in the inspector $(this).data("jPlayerInspector").statusJq.html( "

jPlayer is " + ($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.paused ? "paused" : "playing") + " at time: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.currentTime*10)/10 + "s." + " (d: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.duration*10)/10 + "s" + ", sp: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.seekPercent) + "%" + ", cpr: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.currentPercentRelative) + "%" + ", cpa: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.currentPercentAbsolute) + "%)

" ); return this; } }; $.fn.jPlayerInspector = function( method ) { // Method calling logic if ( methods[method] ) { return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); } else if ( typeof method === 'object' || ! method ) { return methods.init.apply( this, arguments ); } else { $.error( 'Method ' + method + ' does not exist on jQuery.jPlayerInspector' ); } }; })(jQuery); jquery-jplayer-2.7.1+dfsg.orig/add-on/jplayer.playlist.js0000664000175000017500000004030612407046625023647 0ustar pgquilespgquiles/* * Playlist Object for the jPlayer Plugin * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://www.opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Version: 2.4.0 * Date: 1st September 2014 * * Requires: * - jQuery 1.7.0+ * - jPlayer 2.7.0+ */ /* Code verified using http://www.jshint.com/ */ /*jshint asi:false, bitwise:false, boss:false, browser:true, curly:true, debug:false, eqeqeq:true, eqnull:false, evil:false, forin:false, immed:false, jquery:true, laxbreak:false, newcap:true, noarg:true, noempty:true, nonew:true, onevar:false, passfail:false, plusplus:false, regexp:false, undef:true, sub:false, strict:false, white:false, smarttabs:true */ /*global jPlayerPlaylist:true */ (function($, undefined) { jPlayerPlaylist = function(cssSelector, playlist, options) { var self = this; this.current = 0; this.loop = false; // Flag used with the jPlayer repeat event this.shuffled = false; this.removing = false; // Flag is true during remove animation, disabling the remove() method until complete. this.cssSelector = $.extend({}, this._cssSelector, cssSelector); // Object: Containing the css selectors for jPlayer and its cssSelectorAncestor this.options = $.extend(true, { keyBindings: { next: { key: 39, // RIGHT fn: function() { self.next(); } }, previous: { key: 37, // LEFT fn: function() { self.previous(); } } }, stateClass: { shuffled: "jp-state-shuffled" } }, this._options, options); // Object: The jPlayer constructor options for this playlist and the playlist options this.playlist = []; // Array of Objects: The current playlist displayed (Un-shuffled or Shuffled) this.original = []; // Array of Objects: The original playlist this._initPlaylist(playlist); // Copies playlist to this.original. Then mirrors this.original to this.playlist. Creating two arrays, where the element pointers match. (Enables pointer comparison.) // Setup the css selectors for the extra interface items used by the playlist. this.cssSelector.details = this.cssSelector.cssSelectorAncestor + " .jp-details"; // Note that jPlayer controls the text in the title element. this.cssSelector.playlist = this.cssSelector.cssSelectorAncestor + " .jp-playlist"; this.cssSelector.next = this.cssSelector.cssSelectorAncestor + " .jp-next"; this.cssSelector.previous = this.cssSelector.cssSelectorAncestor + " .jp-previous"; this.cssSelector.shuffle = this.cssSelector.cssSelectorAncestor + " .jp-shuffle"; this.cssSelector.shuffleOff = this.cssSelector.cssSelectorAncestor + " .jp-shuffle-off"; // Override the cssSelectorAncestor given in options this.options.cssSelectorAncestor = this.cssSelector.cssSelectorAncestor; // Override the default repeat event handler this.options.repeat = function(event) { self.loop = event.jPlayer.options.loop; }; // Create a ready event handler to initialize the playlist $(this.cssSelector.jPlayer).bind($.jPlayer.event.ready, function() { self._init(); }); // Create an ended event handler to move to the next item $(this.cssSelector.jPlayer).bind($.jPlayer.event.ended, function() { self.next(); }); // Create a play event handler to pause other instances $(this.cssSelector.jPlayer).bind($.jPlayer.event.play, function() { $(this).jPlayer("pauseOthers"); }); // Create a resize event handler to show the title in full screen mode. $(this.cssSelector.jPlayer).bind($.jPlayer.event.resize, function(event) { if(event.jPlayer.options.fullScreen) { $(self.cssSelector.details).show(); } else { $(self.cssSelector.details).hide(); } }); // Create click handlers for the extra buttons that do playlist functions. $(this.cssSelector.previous).click(function(e) { e.preventDefault(); self.previous(); self.blur(this); }); $(this.cssSelector.next).click(function(e) { e.preventDefault(); self.next(); self.blur(this); }); $(this.cssSelector.shuffle).click(function(e) { e.preventDefault(); if(self.shuffled && $(self.cssSelector.jPlayer).jPlayer("option", "useStateClassSkin")) { self.shuffle(false); } else { self.shuffle(true); } self.blur(this); }); $(this.cssSelector.shuffleOff).click(function(e) { e.preventDefault(); self.shuffle(false); self.blur(this); }).hide(); // Put the title in its initial display state if(!this.options.fullScreen) { $(this.cssSelector.details).hide(); } // Remove the empty
  • from the page HTML. Allows page to be valid HTML, while not interfereing with display animations $(this.cssSelector.playlist + " ul").empty(); // Create .on() handlers for the playlist items along with the free media and remove controls. this._createItemHandlers(); // Instance jPlayer $(this.cssSelector.jPlayer).jPlayer(this.options); }; jPlayerPlaylist.prototype = { _cssSelector: { // static object, instanced in constructor jPlayer: "#jquery_jplayer_1", cssSelectorAncestor: "#jp_container_1" }, _options: { // static object, instanced in constructor playlistOptions: { autoPlay: false, loopOnPrevious: false, shuffleOnLoop: true, enableRemoveControls: false, displayTime: 'slow', addTime: 'fast', removeTime: 'fast', shuffleTime: 'slow', itemClass: "jp-playlist-item", freeGroupClass: "jp-free-media", freeItemClass: "jp-playlist-item-free", removeItemClass: "jp-playlist-item-remove" } }, option: function(option, value) { // For changing playlist options only if(value === undefined) { return this.options.playlistOptions[option]; } this.options.playlistOptions[option] = value; switch(option) { case "enableRemoveControls": this._updateControls(); break; case "itemClass": case "freeGroupClass": case "freeItemClass": case "removeItemClass": this._refresh(true); // Instant this._createItemHandlers(); break; } return this; }, _init: function() { var self = this; this._refresh(function() { if(self.options.playlistOptions.autoPlay) { self.play(self.current); } else { self.select(self.current); } }); }, _initPlaylist: function(playlist) { this.current = 0; this.shuffled = false; this.removing = false; this.original = $.extend(true, [], playlist); // Copy the Array of Objects this._originalPlaylist(); }, _originalPlaylist: function() { var self = this; this.playlist = []; // Make both arrays point to the same object elements. Gives us 2 different arrays, each pointing to the same actual object. ie., Not copies of the object. $.each(this.original, function(i) { self.playlist[i] = self.original[i]; }); }, _refresh: function(instant) { /* instant: Can be undefined, true or a function. * undefined -> use animation timings * true -> no animation * function -> use animation timings and excute function at half way point. */ var self = this; if(instant && !$.isFunction(instant)) { $(this.cssSelector.playlist + " ul").empty(); $.each(this.playlist, function(i) { $(self.cssSelector.playlist + " ul").append(self._createListItem(self.playlist[i])); }); this._updateControls(); } else { var displayTime = $(this.cssSelector.playlist + " ul").children().length ? this.options.playlistOptions.displayTime : 0; $(this.cssSelector.playlist + " ul").slideUp(displayTime, function() { var $this = $(this); $(this).empty(); $.each(self.playlist, function(i) { $this.append(self._createListItem(self.playlist[i])); }); self._updateControls(); if($.isFunction(instant)) { instant(); } if(self.playlist.length) { $(this).slideDown(self.options.playlistOptions.displayTime); } else { $(this).show(); } }); } }, _createListItem: function(media) { var self = this; // Wrap the
  • contents in a
    var listItem = "
  • "; // Create remove control listItem += "×"; // Create links to free media if(media.free) { var first = true; listItem += "("; $.each(media, function(property,value) { if($.jPlayer.prototype.format[property]) { // Check property is a media format. if(first) { first = false; } else { listItem += " | "; } listItem += "" + property + ""; } }); listItem += ")"; } // The title is given next in the HTML otherwise the float:right on the free media corrupts in IE6/7 listItem += "" + media.title + (media.artist ? " " : "") + ""; listItem += "
  • "; return listItem; }, _createItemHandlers: function() { var self = this; // Create live handlers for the playlist items $(this.cssSelector.playlist).off("click", "a." + this.options.playlistOptions.itemClass).on("click", "a." + this.options.playlistOptions.itemClass, function(e) { e.preventDefault(); var index = $(this).parent().parent().index(); if(self.current !== index) { self.play(index); } else { $(self.cssSelector.jPlayer).jPlayer("play"); } self.blur(this); }); // Create live handlers that disable free media links to force access via right click $(this.cssSelector.playlist).off("click", "a." + this.options.playlistOptions.freeItemClass).on("click", "a." + this.options.playlistOptions.freeItemClass, function(e) { e.preventDefault(); $(this).parent().parent().find("." + self.options.playlistOptions.itemClass).click(); self.blur(this); }); // Create live handlers for the remove controls $(this.cssSelector.playlist).off("click", "a." + this.options.playlistOptions.removeItemClass).on("click", "a." + this.options.playlistOptions.removeItemClass, function(e) { e.preventDefault(); var index = $(this).parent().parent().index(); self.remove(index); self.blur(this); }); }, _updateControls: function() { if(this.options.playlistOptions.enableRemoveControls) { $(this.cssSelector.playlist + " ." + this.options.playlistOptions.removeItemClass).show(); } else { $(this.cssSelector.playlist + " ." + this.options.playlistOptions.removeItemClass).hide(); } if(this.shuffled) { $(this.cssSelector.jPlayer).jPlayer("addStateClass", "shuffled"); } else { $(this.cssSelector.jPlayer).jPlayer("removeStateClass", "shuffled"); } if($(this.cssSelector.shuffle).length && $(this.cssSelector.shuffleOff).length) { if(this.shuffled) { $(this.cssSelector.shuffleOff).show(); $(this.cssSelector.shuffle).hide(); } else { $(this.cssSelector.shuffleOff).hide(); $(this.cssSelector.shuffle).show(); } } }, _highlight: function(index) { if(this.playlist.length && index !== undefined) { $(this.cssSelector.playlist + " .jp-playlist-current").removeClass("jp-playlist-current"); $(this.cssSelector.playlist + " li:nth-child(" + (index + 1) + ")").addClass("jp-playlist-current").find(".jp-playlist-item").addClass("jp-playlist-current"); // $(this.cssSelector.details + " li").html("" + this.playlist[index].title + "" + (this.playlist[index].artist ? " by " + this.playlist[index].artist + "" : "")); } }, setPlaylist: function(playlist) { this._initPlaylist(playlist); this._init(); }, add: function(media, playNow) { $(this.cssSelector.playlist + " ul").append(this._createListItem(media)).find("li:last-child").hide().slideDown(this.options.playlistOptions.addTime); this._updateControls(); this.original.push(media); this.playlist.push(media); // Both array elements share the same object pointer. Comforms with _initPlaylist(p) system. if(playNow) { this.play(this.playlist.length - 1); } else { if(this.original.length === 1) { this.select(0); } } }, remove: function(index) { var self = this; if(index === undefined) { this._initPlaylist([]); this._refresh(function() { $(self.cssSelector.jPlayer).jPlayer("clearMedia"); }); return true; } else { if(this.removing) { return false; } else { index = (index < 0) ? self.original.length + index : index; // Negative index relates to end of array. if(0 <= index && index < this.playlist.length) { this.removing = true; $(this.cssSelector.playlist + " li:nth-child(" + (index + 1) + ")").slideUp(this.options.playlistOptions.removeTime, function() { $(this).remove(); if(self.shuffled) { var item = self.playlist[index]; $.each(self.original, function(i) { if(self.original[i] === item) { self.original.splice(i, 1); return false; // Exit $.each } }); self.playlist.splice(index, 1); } else { self.original.splice(index, 1); self.playlist.splice(index, 1); } if(self.original.length) { if(index === self.current) { self.current = (index < self.original.length) ? self.current : self.original.length - 1; // To cope when last element being selected when it was removed self.select(self.current); } else if(index < self.current) { self.current--; } } else { $(self.cssSelector.jPlayer).jPlayer("clearMedia"); self.current = 0; self.shuffled = false; self._updateControls(); } self.removing = false; }); } return true; } } }, select: function(index) { index = (index < 0) ? this.original.length + index : index; // Negative index relates to end of array. if(0 <= index && index < this.playlist.length) { this.current = index; this._highlight(index); $(this.cssSelector.jPlayer).jPlayer("setMedia", this.playlist[this.current]); } else { this.current = 0; } }, play: function(index) { index = (index < 0) ? this.original.length + index : index; // Negative index relates to end of array. if(0 <= index && index < this.playlist.length) { if(this.playlist.length) { this.select(index); $(this.cssSelector.jPlayer).jPlayer("play"); } } else if(index === undefined) { $(this.cssSelector.jPlayer).jPlayer("play"); } }, pause: function() { $(this.cssSelector.jPlayer).jPlayer("pause"); }, next: function() { var index = (this.current + 1 < this.playlist.length) ? this.current + 1 : 0; if(this.loop) { // See if we need to shuffle before looping to start, and only shuffle if more than 1 item. if(index === 0 && this.shuffled && this.options.playlistOptions.shuffleOnLoop && this.playlist.length > 1) { this.shuffle(true, true); // playNow } else { this.play(index); } } else { // The index will be zero if it just looped round if(index > 0) { this.play(index); } } }, previous: function() { var index = (this.current - 1 >= 0) ? this.current - 1 : this.playlist.length - 1; if(this.loop && this.options.playlistOptions.loopOnPrevious || index < this.playlist.length - 1) { this.play(index); } }, shuffle: function(shuffled, playNow) { var self = this; if(shuffled === undefined) { shuffled = !this.shuffled; } if(shuffled || shuffled !== this.shuffled) { $(this.cssSelector.playlist + " ul").slideUp(this.options.playlistOptions.shuffleTime, function() { self.shuffled = shuffled; if(shuffled) { self.playlist.sort(function() { return 0.5 - Math.random(); }); } else { self._originalPlaylist(); } self._refresh(true); // Instant if(playNow || !$(self.cssSelector.jPlayer).data("jPlayer").status.paused) { self.play(0); } else { self.select(0); } $(this).slideDown(self.options.playlistOptions.shuffleTime); }); } }, blur: function(that) { if($(this.cssSelector.jPlayer).jPlayer("option", "autoBlur")) { $(that).blur(); } } }; })(jQuery); jquery-jplayer-2.7.1+dfsg.orig/jplayer.jquery.json0000664000175000017500000000150112407046625022512 0ustar pgquilespgquiles{ "name": "jplayer", "title": "jPlayer : HTML5 Audio & Video", "description": "jPlayer allows you to create a media player with a consistent interface and experience across all browsers.", "keywords": [ "audio", "video", "media", "player", "jplayer", "html5", "streaming" ], "version": "2.7.1", "author": { "name": "Mark J Panaghiston", "email": "markp@happyworm.com", "url": "http://happyworm.com/" }, "licenses": [ { "type": "MIT", "url": "https://github.com/happyworm/jPlayer/blob/master/MIT-LICENSE.txt" } ], "dependencies": { "jquery": ">=1.7" }, "homepage": "http://jplayer.org/", "demo": "http://jplayer.org/latest/demos/", "docs": "http://jplayer.org/latest/developer-guide/", "download": "http://jplayer.org/download/", "bugs": "https://github.com/happyworm/jPlayer/issues" }jquery-jplayer-2.7.1+dfsg.orig/bower.json0000664000175000017500000000027312407046625020651 0ustar pgquilespgquiles{ "name": "jPlayer", "version": "2.7.1", "main": [ "./jquery.jplayer/jquery.jplayer.js", "./skin/pink.flag/jplayer.pink.flag.css" ], "dependencies": { "jquery": ">=1.7.2" } } jquery-jplayer-2.7.1+dfsg.orig/README.md0000664000175000017500000000267612407046625020130 0ustar pgquilespgquiles# [jPlayer](http://jplayer.org/) : HTML5 Audio & Video for [jQuery](http://jquery.com/) Support for [Zepto](http://zeptojs.com/) 1.0+ compiled with the data module. ## What is jPlayer? ### jPlayer is a jQuery/Zepto plugin that allows you to: * **play and control media** files in your webpage. * create a **consistent interface** and experience across all browsers. * create and style a media player using **just HTML and CSS**. * add **audio** and **video** to your jQuery/Zepto projects. * support more devices using **HTML5**. * support older browsers using a Flash _fall-back/forward_. * control media on your website using a [JavaScript API](http://www.jplayer.org/latest/developer-guide/). ### jPlayer supports: * HTML5: **mp3, m4a (AAC), m4v (H.264),** ogv*, oga*, wav*, webm* * Flash: **mp3, m4a (AAC), m4v (H.264),** rtmp, flv. _(*) Optional counterpart formats to increase HTML5 cross-browser support._ ## Bower Install * simple install using `bower install jplayer` * see for more information. ## License [jPlayer](http://jplayer.org/) is licensed under the [MIT license](http://opensource.org/licenses/MIT). ## More information: * [jPlayer.org](http://jplayer.org/) * [Quick Start Guide](http://www.jplayer.org/latest/quick-start-guide/) * [Developer Guide and API Reference](http://www.jplayer.org/latest/developer-guide/) ## Author: Mark J Panaghiston [@thepag](http://twitter.com/thepag) [happyworm.com](http://happyworm.com/) jquery-jplayer-2.7.1+dfsg.orig/actionscript/0000775000175000017500000000000012415011333021323 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/0000775000175000017500000000000012407046625023366 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/0000775000175000017500000000000012407046625024774 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/JplayerRtmp.as0000664000175000017500000007463512407046625027611 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Robert M. Hall * Date: 3rd November 2013 * Based on JplayerMp4.as with modifications for rtmp */ package happyworm.jPlayer { import flash.display.Sprite; import flash.media.Video; import flash.media.SoundTransform; import flash.net.NetConnection; import flash.net.NetStream; import flash.net.Responder; import flash.utils.Timer; import flash.utils.getTimer; import flash.events.NetStatusEvent; import flash.events.SecurityErrorEvent; import flash.events.TimerEvent; import flash.events.ErrorEvent; import flash.events.UncaughtErrorEvent; import flash.utils.clearInterval; import flash.utils.setInterval; import happyworm.jPlayer.ConnectManager; public class JplayerRtmp extends Sprite { public var myVideo:Video = new Video; private var myConnection:NetConnection; private var myStream:NetStream; public var responder:Responder; private var streamName:String; private var connectString:Object; private var firstTime:Boolean = true; private var myTransform:SoundTransform = new SoundTransform ; public var myStatus:JplayerStatus = new JplayerStatus ; private var ConnMgr:ConnectManager=new ConnectManager(); private var timeUpdateTimer:Timer = new Timer(250,0);// Matched to HTML event freq private var progressTimer:Timer = new Timer(250,0);// Matched to HTML event freq private var seekingTimer:Timer = new Timer(100,0);// Internal: How often seeking is checked to see if it is over. private var startBuffer:Number = 3; private var maxBuffer:Number = 12; public function JplayerRtmp(volume:Number) { myConnection = new NetConnection ; myConnection.client = this; // Moved the netconnection negotiation into the ConnectManager.as class - not needed for initial connection // may need to add eventHandler back in for errors only or just dispatch from the ConnectManager..revisit... // myConnection.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler); // myConnection.addEventListener(SecurityErrorEvent.SECURITY_ERROR,securityErrorHandler); myVideo.smoothing = true; this.addChild(myVideo); timeUpdateTimer.addEventListener(TimerEvent.TIMER,timeUpdateHandler); progressTimer.addEventListener(TimerEvent.TIMER,progressHandler); seekingTimer.addEventListener(TimerEvent.TIMER,seekingHandler); myStatus.volume = volume; addEventListener(UncaughtErrorEvent.UNCAUGHT_ERROR, uncaughtErrorHandler); } private function uncaughtErrorHandler(event:UncaughtErrorEvent):void { trace("UNCAUGHT ERROR - try loading again"); if (event.error is Error) { var error:Error = event.error as Error; trace(error); // do something with the error } else if (event.error is ErrorEvent) { var errorEvent:ErrorEvent = event.error as ErrorEvent; // do something with the error trace(errorEvent); } else { // a non-Error, non-ErrorEvent type was thrown and uncaught } load(); } private function progressUpdates(active:Boolean):void { if (active) { progressTimer.start(); } else { progressTimer.stop(); } } private function progressHandler(e:TimerEvent):void { if (myStatus.isLoading) { if ((getLoadRatio() == 1)) {// Close as can get to a loadComplete event since client.onPlayStatus only works with FMS this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"progressHandler: loadComplete")); myStatus.loaded(); progressUpdates(false); } } progressEvent(); } private function progressEvent():void { // temporarily disabled progress event dispatching - not really needed for rtmp //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"progressEvent:")); updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PROGRESS,myStatus)); } private function timeUpdates(active:Boolean):void { if (active) { timeUpdateTimer.start(); } else { timeUpdateTimer.stop(); } } private function timeUpdateHandler(e:TimerEvent):void { timeUpdateEvent(); } private function timeUpdateEvent():void { updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_TIMEUPDATE,myStatus)); } private function seeking(active:Boolean):void { if (active) { if (! myStatus.isSeeking) { seekingEvent(); } seekingTimer.start(); } else { if (myStatus.isSeeking) { seekedEvent(); } seekingTimer.stop(); } } private function seekingHandler(e:TimerEvent):void { if ((getSeekTimeRatio() <= getLoadRatio())) { seeking(false); if (myStatus.playOnSeek) { myStatus.playOnSeek = false;// Capture the flag. play(myStatus.pausePosition);// Must pass time or the seek time is never set. } else { pause(myStatus.pausePosition);// Must pass time or the stream.time is read. } } else if (myStatus.metaDataReady && myStatus.pausePosition > myStatus.duration) { // Illegal seek time seeking(false); pause(0); } } private function seekingEvent():void { myStatus.isSeeking = true; updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_SEEKING,myStatus)); } private function seekedEvent():void { myStatus.isSeeking = false; updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_SEEKED,myStatus)); } private function netStatusHandler(e:NetStatusEvent):void { trace(("netStatusHandler: " + e.info.code)); //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"netStatusHandler: '" + e.info.code + "'")); //trace("BEFORE: bufferTime: "+myStream.bufferTime+" - bufferTimeMax: "+myStream.bufferTimeMax); switch (e.info.code) { case "NetConnection.Connect.Success" : // connectStream(); // This method did not do anything sensible anyway. // Do not think this case occurs. This was for the static file connection. // Which now seems to be handled by the Connection Manager. break; case "NetStream.Buffer.Full": if(connectString.streamTYPE == "LIVE") { myStream.bufferTime = startBuffer; } else { myStream.bufferTime = maxBuffer; } break; case "NetStream.Buffer.Flush": myStream.bufferTime = startBuffer; break; case "NetStream.Buffer.Empty": myStream.bufferTime = startBuffer; break; case "NetStream.Seek.Notify": myStream.bufferTime = startBuffer; break; case "NetStream.Play.Start" : if (firstTime) { firstTime = false; // Capture flag myStatus.loading(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADSTART,myStatus)); // NB: With MP4 player both audio and video types get connected to myVideo. // NB: Had believed it was important for the audio too, otherwise what plays it? if(videoBinding) { myVideo.attachNetStream(myStream); } setVolume(myStatus.volume); // Really the progress event just needs to be generated once, and should probably happen before now. progressUpdates(true); // This is an ASSUMPTION! Made it so that the default GUI worked. // Hence why this part should be refactored. // Lots of commands sequences after setMedia would be corrupted by this assumption. // Bascally, we assume that after a setMedia, you will play it. // Doing setMedia and pause(15) cause the flag to be set incorrectly and the GUI locks up. myStatus.isPlaying = true; // Should be handled elsewhere. } // Under RTMP, this event code occurs every time the media starts playing and when a new position is seeked to, even when paused. // Since under RTMP the event behaviour is quite different, believe a refactor is best here. // ie., Under RTMP we should be able to know a lot more info about the stream. // See onMetaDataHandler() for other condition, since duration is vital. // See onResult() response handler too. // Appears to be some duplication between onMetaDataHandler() and onResult(), along with a race between them occuring. break; case "NetStream.Play.UnpublishNotify": myStream.bufferTime = startBuffer; // was 3 case "NetStream.Play.Stop" : myStream.bufferTime = startBuffer; // was 3 //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"NetStream.Play.Stop: getDuration() - getCurrentTime() = " + (getDuration() - getCurrentTime()))); // Check if media is at the end (or close) otherwise this was due to download bandwidth stopping playback. ie., Download is not fast enough. if (Math.abs((getDuration() - getCurrentTime())) < 150) {// Testing found 150ms worked best for M4A files, where playHead(99.9) caused a stuck state due to firing with ~116ms left to play. //endedEvent(); } break; case "NetStream.Seek.InvalidTime" : // Used for capturing invalid set times and clicks on the end of the progress bar. endedEvent(); break; case "NetStream.Play.StreamNotFound" : myStatus.error(); // Resets status except the src, and it sets srcError property.; this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_ERROR,myStatus)); break; } //trace("AFTER: bufferTime: "+myStream.bufferTime+" - bufferTimeMax: "+myStream.bufferTimeMax); // "NetStream.Seek.Notify" event code is not very useful. It occurs after every seek(t) command issued and does not appear to wait for the media to be ready. } private function endedEvent():void { trace("ENDED STREAM EVENT"); var wasPlaying:Boolean = myStatus.isPlaying; // timeUpdates(false); // timeUpdateEvent(); pause(0); if (wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_ENDED,myStatus)); } } private function securityErrorHandler(event:SecurityErrorEvent):void { //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"securityErrorHandler.")); } public function connectStream():void { trace("CONNECTING"); //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"connectStream.")); //this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_CANPLAY,myStatus)); timeUpdates(true); progressUpdates(true); //myVideo.attachNetStream(myStream); //setVolume(myStatus.volume); } private function onResult(result:Object):void { trace("OnResult EVENT FIRED!"); myStatus.duration = parseFloat(result.toString()) * 1000; trace((("The stream length is " + result) + " seconds")); if(!myConnection.connected) { load(); } else { //this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_CANPLAY,myStatus,"Rockit!")); //myStatus.loaded(); //myStatus.isPlaying=true; if (! myStatus.metaDataReady) { //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"onMetaDataHandler: " + myStatus.duration)); // Allow multiple onResult Handlers to affect size. As per PR #131 and #98. // myStatus.metaDataReady = true; /*var info:Object = new Object(); info.duration=myStatus.duration info.width=undefined; info.height=undefined; myStatus.metaData = info; */ if (myStatus.playOnLoad) { myStatus.playOnLoad = false;// Capture the flag if (myStatus.pausePosition > 0) {// Important for setMedia followed by play(time). play(myStatus.pausePosition); } else { play();// Not always sending pausePosition avoids the extra seek(0) for a normal play() command. } } else { pause(myStatus.pausePosition);// Always send the pausePosition. Important for setMedia() followed by pause(time). Deals with not reading stream.time with setMedia() and play() immediately followed by stop() or pause(0) } this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADEDMETADATA,myStatus)); } else { //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"onMetaDataHandler: Already read (NO EFFECT)")); } myStream.play(streamName); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PLAY,myStatus)); // timeUpdates(false); } } private var overRideConnect:Boolean=false; public function doneYet():void { if(!myConnection.connected) { // try again ConnMgr.stopAll(true); overRideConnect=true; trace("Connected: "+myConnection.connected+" - "+myStatus.loadRequired()); load(); } } private var videoBinding:Boolean=false; public function setFile(src:String,videoSupport:Boolean=false):void { // videoSupport turns on/off video - by default no video, audio only videoBinding=videoSupport; /* Dont close the stream or netconnection here anymore so we can recycle if host/appname are the same if ((myStream != null)) { myStream.close(); myConnection.close(); } */ if(ConnMgr.getNegotiating() == true) { //ConnMgr.stopAll(); ConnMgr.setNegotiating(false); } myVideo.clear(); progressUpdates(false); timeUpdates(false); myStatus.reset(); myStatus.src = src; myStatus.srcSet = true; firstTime = true; //myStatus.loaded(); if(src != "") { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_CANPLAY,myStatus)); } //timeUpdateEvent(); } public function shutDownNcNs():void { trace("Connections Closed"); timeUpdates(false); progressUpdates(false); myStream.close(); myConnection.close(); myStatus.reset(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_ENDED,myStatus)); } public function clearFile():void { if (myStream != null) { myStream.close(); // Dont close the netConnection here any longer, as we may recycle it later // may need an extra way to close manually if switching media types after an rtmp session - revisit // myConnection.close(); myStatus.reset(); } setFile(""); myStatus.srcSet = false; } public function parseRTMPsrcConnect(rtmpSrc:String):Object { // rtmp://cp76372.live.edgefcs.net/live/Flash1Office@60204 var appName:String = ""; var streamFileName:String = ""; var startIndex:uint = 2 + rtmpSrc.indexOf("//"); var streamTYPE:String = "recorded"; var host:String = rtmpSrc.substr(startIndex); var port:String = ""; host = host.substr(0,host.indexOf("/")); var endHost:Number = startIndex + host.length + 1; // See if there is a host port specified if(host.indexOf(":") != -1) { port = host.substr(host.indexOf(":")+1); host = host.substr(0,host.indexOf(":")); } // Akamai specific live streams if (rtmpSrc.lastIndexOf("/live/") != -1) { trace("LIVE!"); appName = rtmpSrc.substring(endHost,rtmpSrc.lastIndexOf("/live/") + 6); streamFileName = rtmpSrc.substr(rtmpSrc.lastIndexOf("/live/") + 6); streamTYPE="LIVE"; } else { streamTYPE="RECORDED"; } // Mp3 streams with standard appname/no instance name, mp3: prefix if (rtmpSrc.indexOf("mp3:") != -1) { appName = rtmpSrc.substring(endHost,rtmpSrc.indexOf("mp3:")); streamFileName = rtmpSrc.substr(rtmpSrc.indexOf("mp3:")); if ( streamFileName.indexOf("?") != -1 ) { var tmp:String = streamFileName.substring(streamFileName.indexOf("?")) ; streamFileName = streamFileName.substr(0,streamFileName.indexOf("?")) + encodeURI(tmp) ; } else { streamFileName = streamFileName.substr(0,streamFileName.length - 4); } } // rtmp://cp83813.edgefcs.net/ondemand/rob_hall/bruce_campbell_oldspice.flv // Mp4 streams with standard appname/no instance name, mp4: prefix if (rtmpSrc.indexOf("mp4:") != -1) { appName = rtmpSrc.substring(endHost,rtmpSrc.indexOf("mp4:")); streamFileName = rtmpSrc.substr(rtmpSrc.indexOf("mp4:")); if ( streamFileName.indexOf("?") != -1 ) { var tmpV:String = streamFileName.substring(streamFileName.indexOf("?")) ; streamFileName = streamFileName.substr(0,streamFileName.indexOf("?")) + encodeURI(tmpV) ; } else { streamFileName = streamFileName.substr(0,streamFileName.length - 4); } } // .f4v streams with standard appname/no instance name, .flv extension if (rtmpSrc.indexOf(".flv") != -1) { // allow use of ^ in rtmp string to indicate break point for an appname or instance name that // contains a / in it where it would require multiple connection attempts or manual configuratiom // of the appname/instancename var endApp:Number=0; if(rtmpSrc.indexOf("^") != -1) { endApp=rtmpSrc.indexOf("^"); rtmpSrc.replace("^", "/"); } else { endApp = rtmpSrc.indexOf("/",endHost); } appName = rtmpSrc.substring(endHost,endApp) + "/"; streamFileName = rtmpSrc.substr(endApp+1); } if(port=="") { port="MULTI"; } //rtmp, rtmpt, rtmps, rtmpe, rtmpte trace(("\n\n*** HOST: " + host)); trace(("*** PORT: " + port)); trace(("*** APPNAME: " + appName)); trace(("*** StreamName: " + streamFileName)); var streamParts:Object = new Object; streamParts.streamTYPE=streamTYPE; streamParts.appName = appName; streamParts.streamFileName = streamFileName; streamParts.hostName = host; streamName = streamFileName; return streamParts; } public function load():Boolean { //trace("LOAD: "+myStatus.src); if (myStatus.loadRequired() || overRideConnect==true) { overRideConnect=false; myStatus.startingDownload(); var lastAppName:String; var lastHostName:String; try{ // we do a try, as these properties might not exist yet if(connectString.appName != "" && connectString.appName != undefined) { trace("PREVIOUS APP/HOST INFO AVAILABLE"); lastAppName = connectString.appName; lastHostName = connectString.hostName; trace("LAST: "+lastAppName,lastHostName); } } catch (error:Error) { //trace("*** Caught an error condition: "+error); } connectString = parseRTMPsrcConnect(myStatus.src); trace("**** LOAD :: CONNECT SOURCE: " +connectString.hostName +" "+ connectString.appName); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_WAITING, myStatus)); if((connectString.appName == lastAppName && connectString.hostName == lastHostName) && (myConnection.connected)) { // recycle the netConnection trace("RECYCLING NETCONNECTION"); if ((myStream != null)) { myStream.close(); } connectStream(); onBWDone(null,myConnection); } else { // myConnection.connect(connectString.appName); trace("NEW NetConnection Negotiation"); if ((myStream != null)) { myStream.close(); myConnection.close(); } ConnMgr.stopAll(true); ConnMgr.negotiateConnect(this,connectString.hostName,connectString.appName); } trace("**** LOAD2 :: CONNECT SOURCE: " +connectString.hostName +" "+ connectString.appName); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_WAITING, myStatus)); return true; } else { return false; } } public function onFCUnsubscribe(info:Object):void { trace(("onFCUnSubscribe worked" + info)); } public function onFCSubscribe(info:Object):void { trace(("onFCSubscribe worked" + info)); } public function onBWDone(info:Object,nc:NetConnection):void { if(nc.connected) { myConnection=nc; trace(((("onBWDone " + info) + " :: ") + myStatus.src)); var customClient:Object = new Object ; customClient.onMetaData = onMetaDataHandler; customClient.onPlayStatus = onPlayStatusHandler;// According to the forums and my tests, onPlayStatus only works with FMS (Flash Media Server). myStream = null; myStream = new NetStream(myConnection); myStream.addEventListener(NetStatusEvent.NET_STATUS,netStatusHandler); myStream.client = customClient; if(connectString.streamTYPE == "LIVE") { myStream.bufferTime = 3; // was 3 myStream.bufferTimeMax = 24; startBuffer = 3; maxBuffer = 12; } else { myStream.bufferTime = .2; // was 3 myStream.bufferTimeMax = 0; startBuffer = .2; maxBuffer = 12; } //streamName=""; //var connectString:Object = parseRTMPsrcConnect(myStatus.src); //streamName=connectString.streamFileName; responder = new Responder(onResult); myConnection.call("getStreamLength",responder,streamName); } else { connectStream(); } trace("PLAY SOURCE: "+connectString); } public function play(time:Number = NaN):Boolean { //trace("PLAY: "+time+" - isPlaying: "+myStatus.isPlaying +" - myStatus.isStartingDownload:"+myStatus.isStartingDownload); var wasPlaying:Boolean = myStatus.isPlaying; if(!isNaN(time) && myStatus.srcSet) { if(myStatus.isPlaying) { myStream.pause(); myStatus.isPlaying = false; } myStatus.pausePosition = time; } if(myStatus.isStartingDownload) { myStatus.playOnLoad = true; // Raise flag, captured in onMetaDataHandler() return true; } else if(myStatus.loadRequired()) { myStatus.playOnLoad = true; // Raise flag, captured in onMetaDataHandler() return load(); } else if((myStatus.isLoading || myStatus.isLoaded) && !myStatus.isPlaying) { if(myStatus.metaDataReady && myStatus.pausePosition > myStatus.duration && connectString.streamTYPE != "LIVE") { // The time is invalid, ie., past the end. myStream.pause(); // Since it is playing by default at this point. myStatus.pausePosition = 0; trace("SEEKER!"); myStream.seek(0); timeUpdates(false); timeUpdateEvent(); if(wasPlaying) { // For when playing and then get a play(huge) this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PAUSE, myStatus)); } } else if(getSeekTimeRatio() > getLoadRatio()) { // Use an estimate based on the downloaded amount myStatus.playOnSeek = true; seeking(true); trace("SEEKER PAUSE!"); myStream.pause(); // Since it is playing by default at this point. } else { if(!isNaN(time)) { // Avoid using seek() when it is already correct. trace("SEEKER3"); myStream.seek(myStatus.pausePosition/1000); // Since time is in ms and seek() takes seconds } myStatus.isPlaying = true; // Set immediately before playing. Could affects events. trace("SHOULD GET RESUME!"); myStream.resume(); timeUpdates(true); if(!wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PLAY, myStatus)); } } return true; } else { return false; } } public function pause(time:Number=NaN):Boolean { //trace("PAUSE: "+time); myStatus.playOnLoad = false;// Reset flag in case load/play issued immediately before this command, ie., before onMetadata() event. myStatus.playOnSeek = false;// Reset flag in case play(time) issued before the command and is still seeking to time set. var wasPlaying:Boolean = myStatus.isPlaying; // To avoid possible loops with timeupdate and pause(time). A pause() does not have the problem. var alreadyPausedAtTime:Boolean = false; if(!isNaN(time) && myStatus.pausePosition == time) { alreadyPausedAtTime = true; } trace("!isNaN: "+!isNaN(time) +" isNaN: "+isNaN(time)); // Need to wait for metadata to load before ever issuing a pause. The metadata handler will call this function if needed, when ready. if (((myStream != null) && myStatus.metaDataReady)) {// myStream is a null until the 1st media is loaded. ie., The 1st ever setMedia being followed by a pause() or pause(t). if(connectString.streamTYPE == "LIVE") { trace("PAUSING LIVE"); myStream.play(false) } else { trace("PAUSING RECORDED"); myStream.pause(); } } if (myStatus.isPlaying) { myStatus.isPlaying = false; myStatus.pausePosition = myStream.time * 1000; } if (! isNaN(time) && myStatus.srcSet) { myStatus.pausePosition = time; } if (wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PAUSE,myStatus)); } if (myStatus.isStartingDownload) { return true; } else if (myStatus.loadRequired()) { if ((time > 0)) {// We do not want the stop() command, which does pause(0), causing a load operation. return load(); } else { return true;// Technically the pause(0) succeeded. ie., It did nothing, since nothing was required. } } else if (myStatus.isLoading || myStatus.isLoaded) { if (myStatus.metaDataReady && myStatus.pausePosition > myStatus.duration && connectString.streamTYPE != "LIVE" ) {// The time is invalid, ie., past the end. myStatus.pausePosition = 0; trace("GOT HERE!"); myStream.seek(0); seekedEvent();// Deals with seeking effect when using setMedia() then pause(huge). NB: There is no preceeding seeking event. } else if (! isNaN(time)) { if ((getSeekTimeRatio() > getLoadRatio())) {// Use an estimate based on the downloaded amount seeking(true); } else { if (myStatus.metaDataReady && connectString.streamTYPE != "LIVE") {// Otherwise seek(0) will stop the metadata loading. trace("GOT HERE TOO!"); myStream.seek(myStatus.pausePosition / 1000); } } } timeUpdates(false); // Need to be careful with timeupdate event, otherwise a pause in a timeupdate event can cause a loop. // Neither pause() nor pause(time) will cause a timeupdate loop. if(wasPlaying || !isNaN(time) && !alreadyPausedAtTime) { timeUpdateEvent(); } return true; } else { return false; } } public function playHead(percent:Number):Boolean { var time:Number = percent * getDuration() * getLoadRatio() / 100; if (myStatus.isPlaying || myStatus.playOnLoad || myStatus.playOnSeek) { return play(time); } else { return pause(time); } } public function setVolume(v:Number):void { myStatus.volume = v; myTransform.volume = v; if ((myStream != null)) { myStream.soundTransform = myTransform; } } private function updateStatusValues():void { //myStatus.seekPercent = 100 * getLoadRatio(); myStatus.seekPercent = 100; myStatus.currentTime = getCurrentTime(); myStatus.currentPercentRelative = 100 * getCurrentRatioRel(); myStatus.currentPercentAbsolute = 100 * getCurrentRatioAbs(); myStatus.duration = getDuration(); } public function getLoadRatio():Number { return 1; /*trace("LoadRatio:"+myStream.bytesLoaded, myStream.bytesTotal); if((myStatus.isLoading || myStatus.isLoaded) && myStream.bytesTotal > 0) { return myStream.bytesLoaded / myStream.bytesTotal; } else { return 0; } */ } public function getDuration():Number { return myStatus.duration;// Set from meta data. } public function getCurrentTime():Number { if (myStatus.isPlaying) { //trace(myStream.time * 1000); return myStream.time * 1000; // was +1000 } else { return myStatus.pausePosition; } } public function getCurrentRatioRel():Number { if ((getCurrentRatioAbs() <= getLoadRatio())) { //if((getLoadRatio() > 0) && (getCurrentRatioAbs() <= getLoadRatio())) { return getCurrentRatioAbs() / getLoadRatio(); } else { return 0; } } public function getCurrentRatioAbs():Number { if ((getDuration() > 0)) { return getCurrentTime() / getDuration(); } else { return 0; } } public function getSeekTimeRatio():Number { if ((getDuration() > 0)) { return myStatus.pausePosition / getDuration(); } else { return 1; } } public function onPlayStatusHandler(infoObject:Object):void { trace((("OnPlayStatusHandler called: (" + getTimer()) + " ms)")); for (var prop:* in infoObject) { trace(((("\t" + prop) + ":\t") + infoObject[prop])); } if (infoObject.code == "NetStream.Play.Complete") { endedEvent(); } } public function onMetaDataHandler(info:Object):void {// Used in connectStream() in myStream.client object. // This event occurs when jumping to the start of static files! ie., seek(0) will cause this event to occur. if (! myStatus.metaDataReady) { trace("\n\n*** METADATA FIRED! ***\n\n"); //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"onMetaDataHandler: " + info.duration + " | " + info.width + "x" + info.height)); myStatus.metaDataReady = true;// Set flag so that this event only effects jPlayer the 1st time. myStatus.metaData = info; myStatus.duration = info.duration * 1000;// Only available via Meta Data. if (info.width != undefined) { myVideo.width = myStatus.videoWidth = info.width; } if (info.height != undefined) { myVideo.height = myStatus.videoHeight = info.height; } if (myStatus.playOnLoad) { myStatus.playOnLoad = false;// Capture the flag if (myStatus.pausePosition > 0) {// Important for setMedia followed by play(time). play(myStatus.pausePosition); } else { play();// Not always sending pausePosition avoids the extra seek(0) for a normal play() command. } } else { pause(myStatus.pausePosition);// Always send the pausePosition. Important for setMedia() followed by pause(time). Deals with not reading stream.time with setMedia() and play() immediately followed by stop() or pause(0) } this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADEDMETADATA,myStatus)); } else { //this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG,myStatus,"onMetaDataHandler: Already read (NO EFFECT)")); } } } } jquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/JplayerStatus.as0000664000175000017500000000454112407046625030137 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Date: 1st September 2014 */ package happyworm.jPlayer { public class JplayerStatus { public static const VERSION:String = "2.7.0"; // The version of the Flash jPlayer entity. public var volume:Number = 0.5; // Not affected by reset() public var muted:Boolean = false; // Not affected by reset() public var src:String; public var srcError:Boolean; public var srcSet:Boolean; public var isPlaying:Boolean; public var isSeeking:Boolean; public var isWaiting:Boolean; public var playOnLoad:Boolean; public var playOnSeek:Boolean; public var isStartingDownload:Boolean; public var isLoading:Boolean; public var isLoaded:Boolean; public var pausePosition:Number; public var seekPercent:Number; public var currentTime:Number; public var currentPercentRelative:Number; public var currentPercentAbsolute:Number; public var duration:Number; public var videoWidth:Number; public var videoHeight:Number; public var metaDataReady:Boolean; public var metaData:Object; public function JplayerStatus() { reset(); } public function reset():void { src = ""; srcError = false; srcSet = false; isPlaying = false; isSeeking = false; isWaiting = false; playOnLoad = false; playOnSeek = false; isStartingDownload = false; isLoading = false; isLoaded = false; pausePosition = 0; seekPercent = 0; currentTime = 0; currentPercentRelative = 0; currentPercentAbsolute = 0; duration = 0; videoWidth = 0; videoHeight = 0; metaDataReady = false; metaData = {}; } public function error():void { var srcSaved:String = src; reset(); src = srcSaved; srcError = true; } public function loadRequired():Boolean { return (srcSet && !isStartingDownload && !isLoading && !isLoaded); } public function startingDownload():void { isStartingDownload = true; isLoading = false; isLoaded = false; } public function loading():void { isStartingDownload = false; isLoading = true; isLoaded = false; } public function loaded():void { isStartingDownload = false; isLoading = false; isLoaded = true; } } } jquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/JplayerMp4.as0000664000175000017500000003566212407046625027324 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Date: 29th January 2013 */ package happyworm.jPlayer { import flash.display.Sprite; import flash.media.Video; import flash.media.SoundTransform; import flash.net.NetConnection; import flash.net.NetStream; import flash.utils.Timer; import flash.events.NetStatusEvent; import flash.events.SecurityErrorEvent; import flash.events.TimerEvent; public class JplayerMp4 extends Sprite { public var myVideo:Video = new Video(); private var myConnection:NetConnection; private var myStream:NetStream; private var myTransform:SoundTransform = new SoundTransform(); public var myStatus:JplayerStatus = new JplayerStatus(); private var timeUpdateTimer:Timer = new Timer(250, 0); // Matched to HTML event freq private var progressTimer:Timer = new Timer(250, 0); // Matched to HTML event freq private var seekingTimer:Timer = new Timer(100, 0); // Internal: How often seeking is checked to see if it is over. public function JplayerMp4(volume:Number) { myConnection = new NetConnection(); myConnection.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler); myConnection.addEventListener(SecurityErrorEvent.SECURITY_ERROR, securityErrorHandler); myVideo.smoothing = true; this.addChild(myVideo); timeUpdateTimer.addEventListener(TimerEvent.TIMER, timeUpdateHandler); progressTimer.addEventListener(TimerEvent.TIMER, progressHandler); seekingTimer.addEventListener(TimerEvent.TIMER, seekingHandler); myStatus.volume = volume; } private function progressUpdates(active:Boolean):void { if(active) { progressTimer.start(); } else { progressTimer.stop(); } } private function progressHandler(e:TimerEvent):void { if(myStatus.isLoading) { if(getLoadRatio() == 1) { // Close as can get to a loadComplete event since client.onPlayStatus only works with FMS this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "progressHandler: loadComplete")); myStatus.loaded(); progressUpdates(false); } } progressEvent(); } private function progressEvent():void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "progressEvent:")); updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PROGRESS, myStatus)); } private function timeUpdates(active:Boolean):void { if(active) { timeUpdateTimer.start(); } else { timeUpdateTimer.stop(); } } private function timeUpdateHandler(e:TimerEvent):void { timeUpdateEvent(); } private function timeUpdateEvent():void { updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_TIMEUPDATE, myStatus)); } private function seeking(active:Boolean):void { if(active) { if(!myStatus.isSeeking) { seekingEvent(); } seekingTimer.start(); } else { if(myStatus.isSeeking) { seekedEvent(); } seekingTimer.stop(); } } private function seekingHandler(e:TimerEvent):void { if(getSeekTimeRatio() <= getLoadRatio()) { seeking(false); if(myStatus.playOnSeek) { myStatus.playOnSeek = false; // Capture the flag. play(myStatus.pausePosition); // Must pass time or the seek time is never set. } else { pause(myStatus.pausePosition); // Must pass time or the stream.time is read. } } else if(myStatus.metaDataReady && myStatus.pausePosition > myStatus.duration) { // Illegal seek time seeking(false); pause(0); } } private function seekingEvent():void { myStatus.isSeeking = true; updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_SEEKING, myStatus)); } private function seekedEvent():void { myStatus.isSeeking = false; updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_SEEKED, myStatus)); } private function netStatusHandler(e:NetStatusEvent):void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "netStatusHandler: '" + e.info.code + "'")); switch(e.info.code) { case "NetConnection.Connect.Success": connectStream(); break; case "NetStream.Play.Start": // This event code occurs once, when the media is opened. Equiv to loadOpen() in mp3 player. myStatus.loading(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADSTART, myStatus)); progressUpdates(true); // See onMetaDataHandler() for other condition, since duration is vital. break; case "NetStream.Play.Stop": this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "NetStream.Play.Stop: getDuration() - getCurrentTime() = " + (getDuration() - getCurrentTime()))); // Check if media is at the end (or close) otherwise this was due to download bandwidth stopping playback. ie., Download is not fast enough. if(Math.abs(getDuration() - getCurrentTime()) < 150) { // Testing found 150ms worked best for M4A files, where playHead(99.9) caused a stuck state due to firing with ~116ms left to play. endedEvent(); } break; case "NetStream.Seek.InvalidTime": // Used for capturing invalid set times and clicks on the end of the progress bar. endedEvent(); break; case "NetStream.Play.StreamNotFound": myStatus.error(); // Resets status except the src, and it sets srcError property. this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_ERROR, myStatus)); break; } // "NetStream.Seek.Notify" event code is not very useful. It occurs after every seek(t) command issued and does not appear to wait for the media to be ready. } private function endedEvent():void { var wasPlaying:Boolean = myStatus.isPlaying; pause(0); timeUpdates(false); timeUpdateEvent(); if(wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_ENDED, myStatus)); } } private function securityErrorHandler(event:SecurityErrorEvent):void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "securityErrorHandler.")); } private function connectStream():void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "connectStream.")); var customClient:Object = new Object(); customClient.onMetaData = onMetaDataHandler; // customClient.onPlayStatus = onPlayStatusHandler; // According to the forums and my tests, onPlayStatus only works with FMS (Flash Media Server). myStream = null; myStream = new NetStream(myConnection); myStream.addEventListener(NetStatusEvent.NET_STATUS, netStatusHandler); myStream.client = customClient; myVideo.attachNetStream(myStream); setVolume(myStatus.volume); myStream.play(myStatus.src); } public function setFile(src:String):void { if(myStream != null) { myStream.close(); } myVideo.clear(); progressUpdates(false); timeUpdates(false); myStatus.reset(); myStatus.src = src; myStatus.srcSet = true; timeUpdateEvent(); } public function clearFile():void { setFile(""); myStatus.srcSet = false; } public function load():Boolean { if(myStatus.loadRequired()) { myStatus.startingDownload(); myConnection.connect(null); return true; } else { return false; } } public function play(time:Number = NaN):Boolean { var wasPlaying:Boolean = myStatus.isPlaying; if(!isNaN(time) && myStatus.srcSet) { if(myStatus.isPlaying) { myStream.pause(); myStatus.isPlaying = false; } myStatus.pausePosition = time; } if(myStatus.isStartingDownload) { myStatus.playOnLoad = true; // Raise flag, captured in onMetaDataHandler() return true; } else if(myStatus.loadRequired()) { myStatus.playOnLoad = true; // Raise flag, captured in onMetaDataHandler() return load(); } else if((myStatus.isLoading || myStatus.isLoaded) && !myStatus.isPlaying) { if(myStatus.metaDataReady && myStatus.pausePosition > myStatus.duration) { // The time is invalid, ie., past the end. myStream.pause(); // Since it is playing by default at this point. myStatus.pausePosition = 0; myStream.seek(0); timeUpdates(false); timeUpdateEvent(); if(wasPlaying) { // For when playing and then get a play(huge) this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PAUSE, myStatus)); } } else if(getSeekTimeRatio() > getLoadRatio()) { // Use an estimate based on the downloaded amount myStatus.playOnSeek = true; seeking(true); myStream.pause(); // Since it is playing by default at this point. } else { if(!isNaN(time)) { // Avoid using seek() when it is already correct. myStream.seek(myStatus.pausePosition/1000); // Since time is in ms and seek() takes seconds } myStatus.isPlaying = true; // Set immediately before playing. Could affects events. myStream.resume(); timeUpdates(true); if(!wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PLAY, myStatus)); } } return true; } else { return false; } } public function pause(time:Number = NaN):Boolean { myStatus.playOnLoad = false; // Reset flag in case load/play issued immediately before this command, ie., before onMetadata() event. myStatus.playOnSeek = false; // Reset flag in case play(time) issued before the command and is still seeking to time set. var wasPlaying:Boolean = myStatus.isPlaying; // To avoid possible loops with timeupdate and pause(time). A pause() does not have the problem. var alreadyPausedAtTime:Boolean = false; if(!isNaN(time) && myStatus.pausePosition == time) { alreadyPausedAtTime = true; } // Need to wait for metadata to load before ever issuing a pause. The metadata handler will call this function if needed, when ready. if(myStream != null && myStatus.metaDataReady) { // myStream is a null until the 1st media is loaded. ie., The 1st ever setMedia being followed by a pause() or pause(t). myStream.pause(); } if(myStatus.isPlaying) { myStatus.isPlaying = false; myStatus.pausePosition = myStream.time * 1000; } if(!isNaN(time) && myStatus.srcSet) { myStatus.pausePosition = time; } if(wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PAUSE, myStatus)); } if(myStatus.isStartingDownload) { return true; } else if(myStatus.loadRequired()) { if(time > 0) { // We do not want the stop() command, which does pause(0), causing a load operation. return load(); } else { return true; // Technically the pause(0) succeeded. ie., It did nothing, since nothing was required. } } else if(myStatus.isLoading || myStatus.isLoaded) { if(myStatus.metaDataReady && myStatus.pausePosition > myStatus.duration) { // The time is invalid, ie., past the end. myStatus.pausePosition = 0; myStream.seek(0); seekedEvent(); // Deals with seeking effect when using setMedia() then pause(huge). NB: There is no preceeding seeking event. } else if(!isNaN(time)) { if(getSeekTimeRatio() > getLoadRatio()) { // Use an estimate based on the downloaded amount seeking(true); } else { if(myStatus.metaDataReady) { // Otherwise seek(0) will stop the metadata loading. myStream.seek(myStatus.pausePosition/1000); } } } timeUpdates(false); // Need to be careful with timeupdate event, otherwise a pause in a timeupdate event can cause a loop. // Neither pause() nor pause(time) will cause a timeupdate loop. if(wasPlaying || !isNaN(time) && !alreadyPausedAtTime) { timeUpdateEvent(); } return true; } else { return false; } } public function playHead(percent:Number):Boolean { var time:Number = percent * getDuration() * getLoadRatio() / 100; if(myStatus.isPlaying || myStatus.playOnLoad || myStatus.playOnSeek) { return play(time); } else { return pause(time); } } public function setVolume(v:Number):void { myStatus.volume = v; myTransform.volume = v; if(myStream != null) { myStream.soundTransform = myTransform; } } private function updateStatusValues():void { myStatus.seekPercent = 100 * getLoadRatio(); myStatus.currentTime = getCurrentTime(); myStatus.currentPercentRelative = 100 * getCurrentRatioRel(); myStatus.currentPercentAbsolute = 100 * getCurrentRatioAbs(); myStatus.duration = getDuration(); } public function getLoadRatio():Number { if((myStatus.isLoading || myStatus.isLoaded) && myStream.bytesTotal > 0) { return myStream.bytesLoaded / myStream.bytesTotal; } else { return 0; } } public function getDuration():Number { return myStatus.duration; // Set from meta data. } public function getCurrentTime():Number { if(myStatus.isPlaying) { return myStream.time * 1000; } else { return myStatus.pausePosition; } } public function getCurrentRatioRel():Number { if((getLoadRatio() > 0) && (getCurrentRatioAbs() <= getLoadRatio())) { return getCurrentRatioAbs() / getLoadRatio(); } else { return 0; } } public function getCurrentRatioAbs():Number { if(getDuration() > 0) { return getCurrentTime() / getDuration(); } else { return 0; } } public function getSeekTimeRatio():Number { if(getDuration() > 0) { return myStatus.pausePosition / getDuration(); } else { return 1; } } public function onMetaDataHandler(info:Object):void { // Used in connectStream() in myStream.client object. // This event occurs when jumping to the start of static files! ie., seek(0) will cause this event to occur. if(!myStatus.metaDataReady) { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "onMetaDataHandler: " + info.duration + " | " + info.width + "x" + info.height)); myStatus.metaDataReady = true; // Set flag so that this event only effects jPlayer the 1st time. myStatus.metaData = info; myStatus.duration = info.duration * 1000; // Only available via Meta Data. if(info.width != undefined) { myVideo.width = myStatus.videoWidth = info.width; } if(info.height != undefined) { myVideo.height = myStatus.videoHeight = info.height; } if(myStatus.playOnLoad) { myStatus.playOnLoad = false; // Capture the flag if(myStatus.pausePosition > 0 ) { // Important for setMedia followed by play(time). play(myStatus.pausePosition); } else { play(); // Not always sending pausePosition avoids the extra seek(0) for a normal play() command. } } else { pause(myStatus.pausePosition); // Always send the pausePosition. Important for setMedia() followed by pause(time). Deals with not reading stream.time with setMedia() and play() immediately followed by stop() or pause(0) } this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADEDMETADATA, myStatus)); } else { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "onMetaDataHandler: Already read (NO EFFECT)")); } } } } jquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/TraceOut.as0000664000175000017500000000323312407046625027050 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Robert M. Hall * Date: 7th August 2012 */ // This class was found to cause problems on OSX with Firefox and Safari where more than 8 instances of the SWF are on a page. package happyworm.jPlayer { import flash.net.LocalConnection; import flash.events.StatusEvent; import flash.system.Capabilities; import flash.utils.getTimer; public class TraceOut { private var outgoing_lc:LocalConnection = new LocalConnection (); private var firstEvent:Boolean = true; private var _localAIRDebug:Boolean = false; public function TraceOut() { outgoing_lc.addEventListener(StatusEvent.STATUS, lcListener); outgoing_lc.send("_log_output","startLogging",""); } private function lcListener(event:StatusEvent):void { // Must have this listener to avoid errors if (event.level == "error") { _localAIRDebug = false; } else if(event.level =="status" && firstEvent==true) { firstEvent = false; tracer("<< Successful Connection To Event Logger >>"); tracer("DEBUG INFO: \n<"+Capabilities.serverString + ">\nFlash Player Version: " + Capabilities.version + "\n"); _localAIRDebug = true; } } public function localAIRDebug():Boolean { return _localAIRDebug; } public function tracer(msg:String):void { trace(msg); var outMsg:String = "[" + getTimer() + "ms] " + msg; outgoing_lc.send("_log_output","displayMsg",outMsg); } } } jquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/JplayerEvent.as0000664000175000017500000000654012407046625027736 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Date: 15th December 2013 */ package happyworm.jPlayer { import flash.events.Event; public class JplayerEvent extends Event { // The event strings must match those in the JavaScript's $.jPlayer.event object public static const JPLAYER_READY:String = "jPlayer_ready"; public static const JPLAYER_FLASHRESET:String = "jPlayer_flashreset"; // Handled in JavaScript public static const JPLAYER_RESIZE:String = "jPlayer_resize"; // Handled in JavaScript public static const JPLAYER_REPEAT:String = "jPlayer_repeat"; // Handled in JavaScript public static const JPLAYER_CLICK:String = "jPlayer_click"; public static const JPLAYER_ERROR:String = "jPlayer_error"; public static const JPLAYER_WARNING:String = "jPlayer_warning"; // Currently not used by the flash solution public static const JPLAYER_LOADSTART:String = "jPlayer_loadstart"; public static const JPLAYER_PROGRESS:String = "jPlayer_progress"; public static const JPLAYER_SUSPEND:String = "jPlayer_suspend"; // Not implemented public static const JPLAYER_ABORT:String = "jPlayer_abort"; // Not implemented public static const JPLAYER_EMPTIED:String = "jPlayer_emptied"; // Not implemented public static const JPLAYER_STALLED:String = "jPlayer_stalled"; // Not implemented public static const JPLAYER_PLAY:String = "jPlayer_play"; public static const JPLAYER_PAUSE:String = "jPlayer_pause"; public static const JPLAYER_LOADEDMETADATA:String = "jPlayer_loadedmetadata"; public static const JPLAYER_LOADEDDATA:String = "jPlayer_loadeddata"; // Not implemented public static const JPLAYER_WAITING:String = "jPlayer_waiting"; // Not implemented (Done in: MP3) public static const JPLAYER_PLAYING:String = "jPlayer_playing"; // Not implemented (Done in: MP3) public static const JPLAYER_CANPLAY:String = "jPlayer_canplay"; // Not implemented (Done in: MP3) public static const JPLAYER_CANPLAYTHROUGH:String = "jPlayer_canplaythrough"; // Not implemented (Done in: MP3) public static const JPLAYER_SEEKING:String = "jPlayer_seeking"; public static const JPLAYER_SEEKED:String = "jPlayer_seeked"; public static const JPLAYER_TIMEUPDATE:String = "jPlayer_timeupdate"; public static const JPLAYER_ENDED:String = "jPlayer_ended"; public static const JPLAYER_RATECHANGE:String = "jPlayer_ratechange"; // Not implemented public static const JPLAYER_DURATIONCHANGE:String = "jPlayer_durationchange"; // Not implemented (Done in: MP3) public static const JPLAYER_VOLUMECHANGE:String = "jPlayer_volumechange"; // See JavaScript // Events used internal to jPlayer's Flash. public static const DEBUG_MSG:String = "debug_msg"; public var data:JplayerStatus; public var msg:String = ""; public function JplayerEvent(type:String, data:JplayerStatus, msg:String = "", bubbles:Boolean = false, cancelable:Boolean = false) { super(type, bubbles, cancelable); this.data = data; this.msg = msg; } public override function clone():Event { return new JplayerEvent(type, data, msg, bubbles, cancelable); } public override function toString():String { return formatToString("JplayerEvent", "type", "bubbles", "cancelable", "eventPhase", "data", "msg"); } } }jquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/JplayerMp3.as0000664000175000017500000003127412407046625027316 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Date: 15th December 2013 */ package happyworm.jPlayer { import flash.display.Sprite; import flash.media.Sound; import flash.media.SoundChannel; import flash.media.SoundLoaderContext; import flash.media.SoundTransform; import flash.net.URLRequest; import flash.utils.Timer; import flash.errors.IOError; import flash.events.*; public class JplayerMp3 extends Sprite { private var mySound:Sound = new Sound(); private var myChannel:SoundChannel = new SoundChannel(); private var myContext:SoundLoaderContext = new SoundLoaderContext(3000, false); private var myTransform:SoundTransform = new SoundTransform(); private var myRequest:URLRequest = new URLRequest(); private var timeUpdateTimer:Timer = new Timer(250, 0); // Matched to HTML event freq private var progressTimer:Timer = new Timer(250, 0); // Matched to HTML event freq private var seekingTimer:Timer = new Timer(100, 0); // Internal: How often seeking is checked to see if it is over. private var playingTimer:Timer = new Timer(100, 0); // Internal: How often waiting/playing is checked. private var waitingTimer:Timer = new Timer(3000, 0); // Internal: Check from loadstart to loadOpen. Generates a waiting event. public var myStatus:JplayerStatus = new JplayerStatus(); public function JplayerMp3(volume:Number) { timeUpdateTimer.addEventListener(TimerEvent.TIMER, timeUpdateHandler); progressTimer.addEventListener(TimerEvent.TIMER, progressHandler); seekingTimer.addEventListener(TimerEvent.TIMER, seekingHandler); playingTimer.addEventListener(TimerEvent.TIMER, playingHandler); waitingTimer.addEventListener(TimerEvent.TIMER, waitingHandler); setVolume(volume); } public function setFile(src:String):void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "setFile: " + src)); if(myStatus.isPlaying) { myChannel.stop(); } progressUpdates(false); timeUpdates(false); waitingTimer.stop(); try { mySound.close(); } catch (err:IOError) { // Occurs if the file is either yet to be opened or has finished downloading. } mySound = null; mySound = new Sound(); mySound.addEventListener(IOErrorEvent.IO_ERROR, errorHandler); mySound.addEventListener(Event.OPEN, loadOpen); mySound.addEventListener(Event.COMPLETE, loadComplete); myRequest = new URLRequest(src); myStatus.reset(); myStatus.src = src; myStatus.srcSet = true; timeUpdateEvent(); } public function clearFile():void { setFile(""); myStatus.srcSet = false; } private function errorHandler(err:IOErrorEvent):void { // MP3 player needs to stop progress and timeupdate events as they are started before the error occurs. // NB: The MP4 player works differently and the error occurs before they are started. progressUpdates(false); timeUpdates(false); myStatus.error(); // Resets status except the src, and it sets srcError property. this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_ERROR, myStatus)); } private function loadOpen(e:Event):void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "loadOpen:")); waitingTimer.stop(); myStatus.loading(); if(myStatus.playOnLoad) { myStatus.playOnLoad = false; // Capture the flag // this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADSTART, myStatus)); // So loadstart event happens before play event occurs. play(); } else { // this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADSTART, myStatus)); pause(); } progressUpdates(true); } private function loadComplete(e:Event):void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "loadComplete:")); myStatus.loaded(); progressUpdates(false); progressEvent(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADEDMETADATA, myStatus)); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_DURATIONCHANGE, myStatus)); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_CANPLAYTHROUGH, myStatus)); } private function soundCompleteHandler(e:Event):void { myStatus.pausePosition = 0; myStatus.isPlaying = false; timeUpdates(false); timeUpdateEvent(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_ENDED, myStatus)); } private function progressUpdates(active:Boolean):void { // Using a timer rather than Flash's load progress event, because that event gave data at about 200Hz. The 10Hz timer is closer to HTML5 norm. if(active) { progressTimer.start(); } else { progressTimer.stop(); } } private function progressHandler(e:TimerEvent):void { progressEvent(); } private function progressEvent():void { this.dispatchEvent(new JplayerEvent(JplayerEvent.DEBUG_MSG, myStatus, "progressEvent:")); updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PROGRESS, myStatus)); } private function timeUpdates(active:Boolean):void { if(active) { timeUpdateTimer.start(); playingTimer.start(); } else { timeUpdateTimer.stop(); playingTimer.stop(); } } private function timeUpdateHandler(e:TimerEvent):void { timeUpdateEvent(); } private function timeUpdateEvent():void { updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_TIMEUPDATE, myStatus)); } private function seeking(active:Boolean):void { if(active) { seekingEvent(); waitingEvent(); seekingTimer.start(); } else { seekingTimer.stop(); } } private function seekingHandler(e:TimerEvent):void { if(myStatus.pausePosition <= getDuration()) { seekedEvent(); seeking(false); if(myStatus.playOnSeek) { myStatus.playOnSeek = false; // Capture the flag. play(); } } else if(myStatus.isLoaded && (myStatus.pausePosition > getDuration())) { // Illegal seek time seeking(false); seekedEvent(); pause(0); } } private function seekingEvent():void { myStatus.isSeeking = true; updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_SEEKING, myStatus)); } private function seekedEvent():void { myStatus.isSeeking = false; updateStatusValues(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_SEEKED, myStatus)); } private function playingHandler(e:TimerEvent):void { checkPlaying(false); // Without forcing playing event. } private function checkPlaying(force:Boolean):void { if(mySound.isBuffering) { if(!myStatus.isWaiting) { waitingEvent(); } } else { if(myStatus.isWaiting || force) { playingEvent(); } } } private function waitingEvent():void { myStatus.isWaiting = true; this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_WAITING, myStatus)); } private function playingEvent():void { myStatus.isWaiting = false; this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_CANPLAY, myStatus)); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PLAYING, myStatus)); } private function waitingHandler(e:TimerEvent):void { waitingTimer.stop(); if(myStatus.playOnLoad) { waitingEvent(); } } public function load():Boolean { if(myStatus.loadRequired()) { myStatus.startingDownload(); this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_LOADSTART, myStatus)); waitingTimer.start(); mySound.load(myRequest, myContext); return true; } else { return false; } } public function play(time:Number = NaN):Boolean { var wasPlaying:Boolean = myStatus.isPlaying; if(!isNaN(time) && myStatus.srcSet) { if(myStatus.isPlaying) { myChannel.stop(); myStatus.isPlaying = false; } myStatus.pausePosition = time; } if(myStatus.isStartingDownload) { myStatus.playOnLoad = true; // Raise flag, captured in loadOpen() return true; } else if(myStatus.loadRequired()) { myStatus.playOnLoad = true; // Raise flag, captured in loadOpen() return load(); } else if((myStatus.isLoading || myStatus.isLoaded) && !myStatus.isPlaying) { if(myStatus.isLoaded && myStatus.pausePosition > getDuration()) { // The time is invalid, ie., past the end. myStatus.pausePosition = 0; timeUpdates(false); timeUpdateEvent(); if(wasPlaying) { // For when playing and then get a play(huge) this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PAUSE, myStatus)); } } else if(myStatus.pausePosition > getDuration()) { myStatus.playOnSeek = true; seeking(true); } else { myStatus.isPlaying = true; // Set immediately before playing. Could affects events. myChannel = mySound.play(myStatus.pausePosition); myChannel.soundTransform = myTransform; myChannel.addEventListener(Event.SOUND_COMPLETE, soundCompleteHandler); timeUpdates(true); if(!wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PLAY, myStatus)); } checkPlaying(true); // Force the playing event unless waiting, which will be dealt with in the playingTimer. } return true; } else { return false; } } public function pause(time:Number = NaN):Boolean { myStatus.playOnLoad = false; // Reset flag in case load/play issued immediately before this command, ie., before loadOpen() event. myStatus.playOnSeek = false; // Reset flag in case play(time) issued before the command and is still seeking to time set. var wasPlaying:Boolean = myStatus.isPlaying; // To avoid possible loops with timeupdate and pause(time). A pause() does not have the problem. var alreadyPausedAtTime:Boolean = false; if(!isNaN(time) && myStatus.pausePosition == time) { alreadyPausedAtTime = true; } if(myStatus.isPlaying) { myStatus.isPlaying = false; myChannel.stop(); if(myChannel.position > 0) { // Required otherwise a fast play then pause causes myChannel.position to equal zero and not the correct value. ie., When it happens leave pausePosition alone. myStatus.pausePosition = myChannel.position; } } if(!isNaN(time) && myStatus.srcSet) { myStatus.pausePosition = time; } if(wasPlaying) { this.dispatchEvent(new JplayerEvent(JplayerEvent.JPLAYER_PAUSE, myStatus)); } if(myStatus.isStartingDownload) { return true; } else if(myStatus.loadRequired()) { if(time > 0) { // We do not want the stop() command, which does pause(0), causing a load operation. return load(); } else { return true; // Technically the pause(0) succeeded. ie., It did nothing, since nothing was required. } } else if(myStatus.isLoading || myStatus.isLoaded) { if(myStatus.isLoaded && myStatus.pausePosition > getDuration()) { // The time is invalid, ie., past the end. myStatus.pausePosition = 0; } else if(myStatus.pausePosition > getDuration()) { seeking(true); } timeUpdates(false); // Need to be careful with timeupdate event, otherwise a pause in a timeupdate event can cause a loop. // Neither pause() nor pause(time) will cause a timeupdate loop. if(wasPlaying || !isNaN(time) && !alreadyPausedAtTime) { timeUpdateEvent(); } return true; } else { return false; } } public function playHead(percent:Number):Boolean { var time:Number = percent * getDuration() / 100; if(myStatus.isPlaying || myStatus.playOnLoad || myStatus.playOnSeek) { return play(time); } else { return pause(time); } } public function setVolume(v:Number):void { myStatus.volume = v; myTransform.volume = v; myChannel.soundTransform = myTransform; } private function updateStatusValues():void { myStatus.seekPercent = 100 * getLoadRatio(); myStatus.currentTime = getCurrentTime(); myStatus.currentPercentRelative = 100 * getCurrentRatioRel(); myStatus.currentPercentAbsolute = 100 * getCurrentRatioAbs(); myStatus.duration = getDuration(); } public function getLoadRatio():Number { if((myStatus.isLoading || myStatus.isLoaded) && mySound.bytesTotal > 0) { return mySound.bytesLoaded / mySound.bytesTotal; } else { return 0; } } public function getDuration():Number { if(mySound.length > 0) { return mySound.length; } else { return 0; } } public function getCurrentTime():Number { if(myStatus.isPlaying) { return myChannel.position; } else { return myStatus.pausePosition; } } public function getCurrentRatioRel():Number { if((getDuration() > 0) && (getCurrentTime() <= getDuration())) { return getCurrentTime() / getDuration(); } else { return 0; } } public function getCurrentRatioAbs():Number { return getCurrentRatioRel() * getLoadRatio(); } } } jquery-jplayer-2.7.1+dfsg.orig/actionscript/happyworm/jPlayer/ConnectManager.as0000664000175000017500000002251512407046625030212 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Robert M. Hall * Date: 7th August 2012 * Custom NetConnection Manager for more robust RTMP support * Based in part on work by Will Law for the old Akamai NCManager.as * and some of Will's new work in the OVP base classes (Open Video Player) * as well as similar approaches by many other NetConnection managers * */ /* TODO LIST 08/18/2011: 1. Wired up errors to dispatch events to Jplayer events to allow them to bubble up to JS 2. Rework event dispatch to handoff netconnection instead of a passed in reference 3. Allow a customizeable list of protocols and ports to be used instead of entire list 4. Allow a specific port/protocol (1 connect type) to be used first, and then optionally fallback on a custom list or the default list 5. Remove some traces and check a few other items below where I've made notes */ package happyworm.jPlayer { import flash.events.*; import flash.net.*; import flash.utils.Timer; import flash.utils.getTimer; import flash.utils.clearInterval; import flash.utils.setInterval; public class ConnectManager extends Object { private var protocols_arr:Array = new Array("rtmp","rtmpt","rtmpe","rtmpte","rtmps"); private var ports_arr:Array = new Array("",":1935",":80",":443"); private const protCount:Number = 5; private const portCount:Number = 4; private var _ncRef:Object; private var _aNC:Array; private var k_TIMEOUT:Number = 30000; private var k_startConns:Number; private var m_connList:Array = []; private var m_serverName:String; private var m_appName:String; private var m_streamName:String; private var m_connListCounter:Number; private var m_flashComConnectTimeOut:Number; private var m_validNetConnection:NetConnection; private var connectSuccess:Boolean=false; private var negotiating:Boolean=false; private var idleTimeOut:Boolean=false; public function ConnectManager() { trace ("ConnectManager Initialized Version: 1.00 DT"); createPortsProtocolsArray(); } private function createPortsProtocolsArray():void { var outerLoop:Number=0; var innerLoop:Number=0; for (outerLoop=0; outerLoop1.7.0" }, "licenses": [ { "type": "MIT", "url": "http://www.opensource.org/licenses/MIT" } ], "repositories": [ { "type": "git", "url": "https://github.com/happyworm/jPlayer.git" } ], "github": "http://github.com/happyworm/jPlayer", "main": "jquery.jplayer/jquery.jplayer.js" } jquery-jplayer-2.7.1+dfsg.orig/popcorn/0000775000175000017500000000000012407046625020316 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/popcorn/player/0000775000175000017500000000000012407046625021612 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/popcorn/player/popcorn.jplayer.js0000664000175000017500000004743212407046625025307 0ustar pgquilespgquiles/* * jPlayer Player Plugin for Popcorn JavaScript Library * http://www.jplayer.org * * Copyright (c) 2012 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Version: 1.1.4 * Date: 1st September 2014 * * For Popcorn Version: 1.3 * For jPlayer Version: 2.7.0 * Requires: jQuery 1.7+ * Note: jQuery dependancy cannot be removed since jPlayer 2 is a jQuery plugin. Use of jQuery will be kept to a minimum. */ /* Code verified using http://www.jshint.com/ */ /*jshint asi:false, bitwise:false, boss:false, browser:true, curly:false, debug:false, eqeqeq:true, eqnull:false, evil:false, forin:false, immed:false, jquery:true, laxbreak:false, newcap:true, noarg:true, noempty:true, nonew:true, onevar:false, passfail:false, plusplus:false, regexp:false, undef:true, sub:false, strict:false, white:false, smarttabs:true */ /*global Popcorn:false, console:false */ (function(Popcorn) { var JQUERY_SCRIPT = '//code.jquery.com/jquery-1.11.1.min.js', // Used if jQuery not already present. JPLAYER_SCRIPT = '//www.jplayer.org/2.7.0/js/jquery.jplayer.min.js', // Used if jPlayer not already present. JPLAYER_SWFPATH = '//www.jplayer.org/2.7.0/js/Jplayer.swf', // Used if not specified in jPlayer options via SRC Object. SOLUTION = 'html,flash', // The default solution option. DEBUG = false, // Decided to leave the debugging option and console output in for the time being. Overhead is trivial. jQueryDownloading = false, // Flag to stop multiple instances from each pulling in jQuery, thus corrupting it. jPlayerDownloading = false, // Flag to stop multiple instances from each pulling in jPlayer, thus corrupting it. format = { // Duplicate of jPlayer 2.5.0 object, to avoid always requiring jQuery and jPlayer to be loaded before performing the _canPlayType() test. mp3: { codec: 'audio/mpeg;', flashCanPlay: true, media: 'audio' }, m4a: { // AAC / MP4 codec: 'audio/mp4; codecs="mp4a.40.2"', flashCanPlay: true, media: 'audio' }, m3u8a: { // AAC / MP4 / Apple HLS codec: 'application/vnd.apple.mpegurl; codecs="mp4a.40.2"', flashCanPlay: false, media: 'audio' }, m3ua: { // M3U codec: 'audio/mpegurl', flashCanPlay: false, media: 'audio' }, oga: { // OGG codec: 'audio/ogg; codecs="vorbis, opus"', flashCanPlay: false, media: 'audio' }, flac: { // FLAC codec: 'audio/x-flac', flashCanPlay: false, media: 'audio' }, wav: { // PCM codec: 'audio/wav; codecs="1"', flashCanPlay: false, media: 'audio' }, webma: { // WEBM codec: 'audio/webm; codecs="vorbis"', flashCanPlay: false, media: 'audio' }, fla: { // FLV / F4A codec: 'audio/x-flv', flashCanPlay: true, media: 'audio' }, rtmpa: { // RTMP AUDIO codec: 'audio/rtmp; codecs="rtmp"', flashCanPlay: true, media: 'audio' }, m4v: { // H.264 / MP4 codec: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', flashCanPlay: true, media: 'video' }, m3u8v: { // H.264 / AAC / MP4 / Apple HLS codec: 'application/vnd.apple.mpegurl; codecs="avc1.42E01E, mp4a.40.2"', flashCanPlay: false, media: 'video' }, m3uv: { // M3U codec: 'audio/mpegurl', flashCanPlay: false, media: 'video' }, ogv: { // OGG codec: 'video/ogg; codecs="theora, vorbis"', flashCanPlay: false, media: 'video' }, webmv: { // WEBM codec: 'video/webm; codecs="vorbis, vp8"', flashCanPlay: false, media: 'video' }, flv: { // FLV / F4V codec: 'video/x-flv', flashCanPlay: true, media: 'video' }, rtmpv: { // RTMP VIDEO codec: 'video/rtmp; codecs="rtmp"', flashCanPlay: true, media: 'video' } }, isObject = function(val) { // Basic check for Object if(val && typeof val === 'object' && val.hasOwnProperty) { return true; } else { return false; } }, getMediaType = function(url) { // Function to gleam the media type from the URL var mediaType = false; if(/\.mp3$/i.test(url)) { mediaType = 'mp3'; } else if(/\.mp4$/i.test(url) || /\.m4v$/i.test(url)) { mediaType = 'm4v'; } else if(/\.m4a$/i.test(url)) { mediaType = 'm4a'; } else if(/\.ogg$/i.test(url) || /\.oga$/i.test(url)) { mediaType = 'oga'; } else if(/\.ogv$/i.test(url)) { mediaType = 'ogv'; } else if(/\.webm$/i.test(url)) { mediaType = 'webmv'; } return mediaType; }, getSupplied = function(url) { // Function to generate a supplied option from an src object. ie., When supplied not specified. var supplied = '', separator = ''; if(isObject(url)) { // Generate supplied option from object's properties. Non-format properties would be ignored by jPlayer. Order is unpredictable. for(var prop in url) { if(url.hasOwnProperty(prop)) { supplied += separator + prop; separator = ','; } } } if(DEBUG) console.log('getSupplied(): Generated: supplied = "' + supplied + '"'); return supplied; }; Popcorn.player( 'jplayer', { _canPlayType: function( containerType, url ) { // url : Either a String or an Object structured similar a jPlayer media object. ie., As used by setMedia in jPlayer. // The url object may also contain a solution and supplied property. // Define the src object structure here! var cType = containerType.toLowerCase(), srcObj = { media:{}, options:{} }, rVal = false, // Only a boolean false means it is not supported. mediaType; if(cType !== 'video' && cType !== 'audio') { if(typeof url === 'string') { // Check it starts with http, so the URL is absolute... Well, it is not a perfect check. if(/^http.*/i.test(url)) { mediaType = getMediaType(url); if(mediaType) { srcObj.media[mediaType] = url; srcObj.options.solution = SOLUTION; srcObj.options.supplied = mediaType; } } } else { srcObj = url; // Assume the url is an src object. } // Check for Object and appropriate minimum data structure. if(isObject(srcObj) && isObject(srcObj.media)) { if(!isObject(srcObj.options)) { srcObj.options = {}; } if(!srcObj.options.solution) { srcObj.options.solution = SOLUTION; } if(!srcObj.options.supplied) { srcObj.options.supplied = getSupplied(srcObj.media); } // Figure out how jPlayer will play it. // This may not work properly when both audio and video is supplied. ie., A media player. But it should return truethy and jPlayer can figure it out. var solution = srcObj.options.solution.toLowerCase().split(","), // Create the solution array, with prority based on the order of the solution string. supplied = srcObj.options.supplied.toLowerCase().split(","); // Create the supplied formats array, with prority based on the order of the supplied formats string. for(var sol = 0; sol < solution.length; sol++) { var solutionType = solution[sol].replace(/^\s+|\s+$/g, ""), //trim checkingHtml = solutionType === 'html', checkingFlash = solutionType === 'flash', mediaElem; for(var fmt = 0; fmt < supplied.length; fmt++) { mediaType = supplied[fmt].replace(/^\s+|\s+$/g, ""); //trim if(format[mediaType]) { // Check format is valid. // Create an HTML5 media element for the type of media. if(!mediaElem && checkingHtml) { mediaElem = document.createElement(format[mediaType].media); } // See if the HTML5 media element can play the MIME / Codec type. // Flash also returns the object if the format is playable, so it is truethy, but that html property is false. // This assumes Flash is available, but that should be dealt with by jPlayer if that happens. var htmlCanPlay = !!(mediaElem && mediaElem.canPlayType && mediaElem.canPlayType(format[mediaType].codec)), htmlWillPlay = htmlCanPlay && checkingHtml, flashWillPlay = format[mediaType].flashCanPlay && checkingFlash; // The first one found will match what jPlayer uses. if(htmlWillPlay || flashWillPlay) { rVal = { html: htmlWillPlay, type: mediaType }; sol = solution.length; // Exit solution loop fmt = supplied.length; // Exit supplied loop } } } } } } return rVal; }, // _setup: function( options ) { // Warning: options is deprecated. _setup: function() { var media = this, myPlayer, // The jQuery selector of the jPlayer element. Usually a
    jPlayerObj, // The jPlayer data instance. For performance and DRY code. mediaType = 'unknown', jpMedia = {}, jpOptions = {}, ready = false, // Used during init to override the annoying duration dependance in the track event padding during Popcorn's isReady(). ie., We is ready after loadeddata and duration can then be set real value at leisure. duration = 0, // For the durationchange event with both HTML5 and Flash solutions. Used with 'ready' to keep control during the Popcorn isReady() via loadeddata event. (Duration=0 is bad.) durationchangeId = null, // A timeout ID used with delayed durationchange event. (Because of the duration=NaN fudge to avoid Popcorn track event corruption.) canplaythrough = false, error = null, // The MediaError object. dispatchDurationChange = function() { if(ready) { if(DEBUG) console.log('Dispatched event : durationchange : ' + duration); media.dispatchEvent('durationchange'); } else { if(DEBUG) console.log('DELAYED EVENT (!ready) : durationchange : ' + duration); clearTimeout(durationchangeId); // Stop multiple triggers causing multiple timeouts running in parallel. durationchangeId = setTimeout(dispatchDurationChange, 250); } }, jPlayerFlashEventsPatch = function() { /* Events already supported by jPlayer Flash: * loadstart * loadedmetadata (M4A, M4V) * progress * play * pause * seeking * seeked * timeupdate * ended * volumechange * error <- See the custom handler in jPlayerInit() */ /* Events patched: * loadeddata * durationchange * canplaythrough * playing */ /* Events NOT patched: * suspend * abort * emptied * stalled * loadedmetadata (MP3) * waiting * canplay * ratechange */ // Triggering patched events through the jPlayer Object so the events are homogeneous. ie., The contain the event.jPlayer data structure. var checkDuration = function(event) { if(event.jPlayer.status.duration !== duration) { duration = event.jPlayer.status.duration; dispatchDurationChange(); } }, checkCanPlayThrough = function(event) { if(!canplaythrough && event.jPlayer.status.seekPercent === 100) { canplaythrough = true; setTimeout(function() { if(DEBUG) console.log('Trigger : canplaythrough'); jPlayerObj._trigger($.jPlayer.event.canplaythrough); }, 0); } }; myPlayer.bind($.jPlayer.event.loadstart, function() { setTimeout(function() { if(DEBUG) console.log('Trigger : loadeddata'); jPlayerObj._trigger($.jPlayer.event.loadeddata); }, 0); }) .bind($.jPlayer.event.progress, function(event) { checkDuration(event); checkCanPlayThrough(event); }) .bind($.jPlayer.event.timeupdate, function(event) { checkDuration(event); checkCanPlayThrough(event); }) .bind($.jPlayer.event.play, function() { setTimeout(function() { if(DEBUG) console.log('Trigger : playing'); jPlayerObj._trigger($.jPlayer.event.playing); }, 0); }); if(DEBUG) console.log('Created CUSTOM event handlers for FLASH'); }, jPlayerInit = function() { (function($) { myPlayer = $('#' + media.id); if(typeof media.src === 'string') { mediaType = getMediaType(media.src); jpMedia[mediaType] = media.src; jpOptions.supplied = mediaType; jpOptions.solution = SOLUTION; } else if(isObject(media.src)) { jpMedia = isObject(media.src.media) ? media.src.media : {}; jpOptions = isObject(media.src.options) ? media.src.options : {}; jpOptions.solution = jpOptions.solution || SOLUTION; jpOptions.supplied = jpOptions.supplied || getSupplied(media.src.media); } // Allow the swfPath to be set to local server. ie., If the jPlayer Plugin is local and already on the page, then you can also use the local SWF. jpOptions.swfPath = jpOptions.swfPath || JPLAYER_SWFPATH; myPlayer.bind($.jPlayer.event.ready, function(event) { if(event.jPlayer.flash.used) { jPlayerFlashEventsPatch(); } // Set the media andd load it, so that the Flash solution behaves similar to HTML5 solution. // This also allows the loadstart event to be used to know jPlayer is ready. $(this).jPlayer('setMedia', jpMedia).jPlayer('load'); }); // Do not auto-bubble the reserved events, nor the loadeddata and durationchange event, since the duration must be carefully handled when loadeddata event occurs. // See the duration property code for more details. (Ranting.) var reservedEvents = $.jPlayer.reservedEvent + ' loadeddata durationchange', reservedEvent = reservedEvents.split(/\s+/g); // Generate event handlers for all the standard HTML5 media events. (Except durationchange) var bindEvent = function(name) { myPlayer.bind($.jPlayer.event[name], function(event) { if(DEBUG) console.log('Dispatched event: ' + name + (event && event.jPlayer ? ' (' + event.jPlayer.status.currentTime + 's)' : '')); // Must be after dispatch for some reason on Firefox/Opera media.dispatchEvent(name); }); if(DEBUG) console.log('Created event handler for: ' + name); }; for(var eventName in $.jPlayer.event) { if($.jPlayer.event.hasOwnProperty(eventName)) { var nativeEvent = true; for(var iRes in reservedEvent) { if(reservedEvent.hasOwnProperty(iRes)) { if(reservedEvent[iRes] === eventName) { nativeEvent = false; break; } } } if(nativeEvent) { bindEvent(eventName); } else { if(DEBUG) console.log('Skipped auto event handler creation for: ' + eventName); } } } myPlayer.bind($.jPlayer.event.loadeddata, function(event) { if(DEBUG) console.log('Dispatched event: loadeddata' + (event && event.jPlayer ? ' (' + event.jPlayer.status.currentTime + 's)' : '')); media.dispatchEvent('loadeddata'); ready = true; }); if(DEBUG) console.log('Created CUSTOM event handler for: loadeddata'); myPlayer.bind($.jPlayer.event.durationchange, function(event) { duration = event.jPlayer.status.duration; dispatchDurationChange(); }); if(DEBUG) console.log('Created CUSTOM event handler for: durationchange'); // The error event is a special case. Plus jPlayer error event assumes it is a broken URL. (It could also be a decoder error... Or aborted or a Network error.) myPlayer.bind($.jPlayer.event.error, function(event) { // Not sure how to handle the error situation. Popcorn does not appear to have the error or error.code property documented here: http://popcornjs.org/popcorn-docs/media-methods/ // If any error event happens, then something has gone pear shaped. error = event.jPlayer.error; // Saving object pointer, not a copy of the object. Possible garbage collection issue... But the player is dead anyway, so don't care. if(error.type === $.jPlayer.error.URL) { error.code = 4; // MEDIA_ERR_SRC_NOT_SUPPORTED since jPlayer makes this assumption. It is the most common error, then the decode error. Never seen either of the other 2 error types occur. } else { error.code = 0; // It was a jPlayer error, not an HTML5 media error. } if(DEBUG) console.log('Dispatched event: error'); if(DEBUG) console.dir(error); media.dispatchEvent('error'); }); if(DEBUG) console.log('Created CUSTOM event handler for: error'); Popcorn.player.defineProperty( media, 'error', { set: function() { // Read-only property return error; }, get: function() { return error; } }); Popcorn.player.defineProperty( media, 'currentTime', { set: function( val ) { if(jPlayerObj.status.paused) { myPlayer.jPlayer('pause', val); } else { myPlayer.jPlayer('play', val); } return val; }, get: function() { return jPlayerObj.status.currentTime; } }); /* The joy of duration and the loadeddata event isReady() handler * The duration is assumed to be a NaN or a valid duration. * jPlayer uses zero instead of a NaN and this screws up the Popcorn track event start/end arrays padding. * This line here: * videoDurationPlus = duration != duration ? Number.MAX_VALUE : duration + 1; * Not sure why it is not simply: * videoDurationPlus = Number.MAX_VALUE; // Who cares if the padding is close to the real duration? * So if you trigger loadeddata before the duration is correct, the track event padding is screwed up. (It pads the start, not the end... Well, duration+1 = 0+1 = 1s) * That line makes the MP3 Flash fallback difficult to setup. The whole MP3 will need to load before the duration is known. * Planning on using a NaN for duration until a >0 value is found... Except with MP3, where seekPercent must be 100% before setting the duration. * Why not just use a NaN during init... And then correct the duration later? */ Popcorn.player.defineProperty( media, 'duration', { set: function() { // Read-only property if(ready) { return duration; } else { return NaN; } }, get: function() { if(ready) { return duration; // Popcorn has initialized, we can now use duration zero or whatever without fear. } else { return NaN; // Keep the duration a NaN until after loadeddata event has occurred. Otherwise Popcorn track event padding is corrupted. } } }); Popcorn.player.defineProperty( media, 'muted', { set: function( val ) { myPlayer.jPlayer('mute', val); return jPlayerObj.options.muted; }, get: function() { return jPlayerObj.options.muted; } }); Popcorn.player.defineProperty( media, 'volume', { set: function( val ) { myPlayer.jPlayer('volume', val); return jPlayerObj.options.volume; }, get: function() { return jPlayerObj.options.volume; } }); Popcorn.player.defineProperty( media, 'paused', { set: function() { // Read-only property return jPlayerObj.status.paused; }, get: function() { return jPlayerObj.status.paused; } }); media.play = function() { myPlayer.jPlayer('play'); }; media.pause = function() { myPlayer.jPlayer('pause'); }; myPlayer.jPlayer(jpOptions); // Instance jPlayer. Note that the options should not have a ready event defined... Kill it by default? jPlayerObj = myPlayer.data('jPlayer'); }(jQuery)); }, jPlayerCheck = function() { if (!jQuery.jPlayer) { if (!jPlayerDownloading) { jPlayerDownloading = true; Popcorn.getScript(JPLAYER_SCRIPT, function() { jPlayerDownloading = false; jPlayerInit(); }); } else { setTimeout(jPlayerCheck, 250); } } else { jPlayerInit(); } }, jQueryCheck = function() { if (!window.jQuery) { if (!jQueryDownloading) { jQueryDownloading = true; Popcorn.getScript(JQUERY_SCRIPT, function() { jQueryDownloading = false; jPlayerCheck(); }); } else { setTimeout(jQueryCheck, 250); } } else { jPlayerCheck(); } }; jQueryCheck(); }, _teardown: function() { jQuery('#' + this.id).jPlayer('destroy'); } }); }(Popcorn));jquery-jplayer-2.7.1+dfsg.orig/jquery.jplayer/0000775000175000017500000000000012415011332021604 5ustar pgquilespgquilesjquery-jplayer-2.7.1+dfsg.orig/jquery.jplayer/jquery.jplayer.js0000664000175000017500000033131212407046625025147 0ustar pgquilespgquiles/* * jPlayer Plugin for jQuery JavaScript Library * http://www.jplayer.org * * Copyright (c) 2009 - 2014 Happyworm Ltd * Licensed under the MIT license. * http://opensource.org/licenses/MIT * * Author: Mark J Panaghiston * Version: 2.7.1 * Date: 19th September 2014 */ /* Code verified using http://www.jshint.com/ */ /*jshint asi:false, bitwise:false, boss:false, browser:true, curly:true, debug:false, eqeqeq:true, eqnull:false, evil:false, forin:false, immed:false, jquery:true, laxbreak:false, newcap:true, noarg:true, noempty:true, nonew:true, onevar:false, passfail:false, plusplus:false, regexp:false, undef:true, sub:false, strict:false, white:false, smarttabs:true */ /*global define:false, ActiveXObject:false, alert:false */ /* Support for Zepto 1.0 compiled with optional data module. * For AMD support, you will need to manually switch the 2 lines in the code below. * Search terms: "jQuery Switch" and "Zepto Switch" */ (function (root, factory) { if (typeof define === 'function' && define.amd) { // AMD. Register as an anonymous module. define(['jquery'], factory); // jQuery Switch // define(['zepto'], factory); // Zepto Switch } else { // Browser globals if(root.jQuery) { // Use jQuery if available factory(root.jQuery); } else { // Otherwise, use Zepto factory(root.Zepto); } } }(this, function ($, undefined) { // Adapted from jquery.ui.widget.js (1.8.7): $.widget.bridge - Tweaked $.data(this,XYZ) to $(this).data(XYZ) for Zepto $.fn.jPlayer = function( options ) { var name = "jPlayer"; var isMethodCall = typeof options === "string", args = Array.prototype.slice.call( arguments, 1 ), returnValue = this; // allow multiple hashes to be passed on init options = !isMethodCall && args.length ? $.extend.apply( null, [ true, options ].concat(args) ) : options; // prevent calls to internal methods if ( isMethodCall && options.charAt( 0 ) === "_" ) { return returnValue; } if ( isMethodCall ) { this.each(function() { var instance = $(this).data( name ), methodValue = instance && $.isFunction( instance[options] ) ? instance[ options ].apply( instance, args ) : instance; if ( methodValue !== instance && methodValue !== undefined ) { returnValue = methodValue; return false; } }); } else { this.each(function() { var instance = $(this).data( name ); if ( instance ) { // instance.option( options || {} )._init(); // Orig jquery.ui.widget.js code: Not recommend for jPlayer. ie., Applying new options to an existing instance (via the jPlayer constructor) and performing the _init(). The _init() is what concerns me. It would leave a lot of event handlers acting on jPlayer instance and the interface. instance.option( options || {} ); // The new constructor only changes the options. Changing options only has basic support atm. } else { $(this).data( name, new $.jPlayer( options, this ) ); } }); } return returnValue; }; $.jPlayer = function( options, element ) { // allow instantiation without initializing for simple inheritance if ( arguments.length ) { this.element = $(element); this.options = $.extend(true, {}, this.options, options ); var self = this; this.element.bind( "remove.jPlayer", function() { self.destroy(); }); this._init(); } }; // End of: (Adapted from jquery.ui.widget.js (1.8.7)) // Zepto is missing one of the animation methods. if(typeof $.fn.stop !== 'function') { $.fn.stop = function() {}; } // Emulated HTML5 methods and properties $.jPlayer.emulateMethods = "load play pause"; $.jPlayer.emulateStatus = "src readyState networkState currentTime duration paused ended playbackRate"; $.jPlayer.emulateOptions = "muted volume"; // Reserved event names generated by jPlayer that are not part of the HTML5 Media element spec $.jPlayer.reservedEvent = "ready flashreset resize repeat error warning"; // Events generated by jPlayer $.jPlayer.event = {}; $.each( [ 'ready', 'setmedia', // Fires when the media is set 'flashreset', // Similar to the ready event if the Flash solution is set to display:none and then shown again or if it's reloaded for another reason by the browser. For example, using CSS position:fixed on Firefox for the full screen feature. 'resize', // Occurs when the size changes through a full/restore screen operation or if the size/sizeFull options are changed. 'repeat', // Occurs when the repeat status changes. Usually through clicks on the repeat button of the interface. 'click', // Occurs when the user clicks on one of the following: poster image, html video, flash video. 'error', // Event error code in event.jPlayer.error.type. See $.jPlayer.error 'warning', // Event warning code in event.jPlayer.warning.type. See $.jPlayer.warning // Other events match HTML5 spec. 'loadstart', 'progress', 'suspend', 'abort', 'emptied', 'stalled', 'play', 'pause', 'loadedmetadata', 'loadeddata', 'waiting', 'playing', 'canplay', 'canplaythrough', 'seeking', 'seeked', 'timeupdate', 'ended', 'ratechange', 'durationchange', 'volumechange' ], function() { $.jPlayer.event[ this ] = 'jPlayer_' + this; } ); $.jPlayer.htmlEvent = [ // These HTML events are bubbled through to the jPlayer event, without any internal action. "loadstart", // "progress", // jPlayer uses internally before bubbling. // "suspend", // jPlayer uses internally before bubbling. "abort", // "error", // jPlayer uses internally before bubbling. "emptied", "stalled", // "play", // jPlayer uses internally before bubbling. // "pause", // jPlayer uses internally before bubbling. "loadedmetadata", // "loadeddata", // jPlayer uses internally before bubbling. // "waiting", // jPlayer uses internally before bubbling. // "playing", // jPlayer uses internally before bubbling. "canplay", "canplaythrough" // "seeking", // jPlayer uses internally before bubbling. // "seeked", // jPlayer uses internally before bubbling. // "timeupdate", // jPlayer uses internally before bubbling. // "ended", // jPlayer uses internally before bubbling. // "ratechange" // jPlayer uses internally before bubbling. // "durationchange" // jPlayer uses internally before bubbling. // "volumechange" // jPlayer uses internally before bubbling. ]; $.jPlayer.pause = function() { $.each($.jPlayer.prototype.instances, function(i, element) { if(element.data("jPlayer").status.srcSet) { // Check that media is set otherwise would cause error event. element.jPlayer("pause"); } }); }; // Default for jPlayer option.timeFormat $.jPlayer.timeFormat = { showHour: false, showMin: true, showSec: true, padHour: false, padMin: true, padSec: true, sepHour: ":", sepMin: ":", sepSec: "" }; var ConvertTime = function() { this.init(); }; ConvertTime.prototype = { init: function() { this.options = { timeFormat: $.jPlayer.timeFormat }; }, time: function(s) { // function used on jPlayer.prototype._convertTime to enable per instance options. s = (s && typeof s === 'number') ? s : 0; var myTime = new Date(s * 1000), hour = myTime.getUTCHours(), min = this.options.timeFormat.showHour ? myTime.getUTCMinutes() : myTime.getUTCMinutes() + hour * 60, sec = this.options.timeFormat.showMin ? myTime.getUTCSeconds() : myTime.getUTCSeconds() + min * 60, strHour = (this.options.timeFormat.padHour && hour < 10) ? "0" + hour : hour, strMin = (this.options.timeFormat.padMin && min < 10) ? "0" + min : min, strSec = (this.options.timeFormat.padSec && sec < 10) ? "0" + sec : sec, strTime = ""; strTime += this.options.timeFormat.showHour ? strHour + this.options.timeFormat.sepHour : ""; strTime += this.options.timeFormat.showMin ? strMin + this.options.timeFormat.sepMin : ""; strTime += this.options.timeFormat.showSec ? strSec + this.options.timeFormat.sepSec : ""; return strTime; } }; var myConvertTime = new ConvertTime(); $.jPlayer.convertTime = function(s) { return myConvertTime.time(s); }; // Adapting jQuery 1.4.4 code for jQuery.browser. Required since jQuery 1.3.2 does not detect Chrome as webkit. $.jPlayer.uaBrowser = function( userAgent ) { var ua = userAgent.toLowerCase(); // Useragent RegExp var rwebkit = /(webkit)[ \/]([\w.]+)/; var ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/; var rmsie = /(msie) ([\w.]+)/; var rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/; var match = rwebkit.exec( ua ) || ropera.exec( ua ) || rmsie.exec( ua ) || ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) || []; return { browser: match[1] || "", version: match[2] || "0" }; }; // Platform sniffer for detecting mobile devices $.jPlayer.uaPlatform = function( userAgent ) { var ua = userAgent.toLowerCase(); // Useragent RegExp var rplatform = /(ipad|iphone|ipod|android|blackberry|playbook|windows ce|webos)/; var rtablet = /(ipad|playbook)/; var randroid = /(android)/; var rmobile = /(mobile)/; var platform = rplatform.exec( ua ) || []; var tablet = rtablet.exec( ua ) || !rmobile.exec( ua ) && randroid.exec( ua ) || []; if(platform[1]) { platform[1] = platform[1].replace(/\s/g, "_"); // Change whitespace to underscore. Enables dot notation. } return { platform: platform[1] || "", tablet: tablet[1] || "" }; }; $.jPlayer.browser = { }; $.jPlayer.platform = { }; var browserMatch = $.jPlayer.uaBrowser(navigator.userAgent); if ( browserMatch.browser ) { $.jPlayer.browser[ browserMatch.browser ] = true; $.jPlayer.browser.version = browserMatch.version; } var platformMatch = $.jPlayer.uaPlatform(navigator.userAgent); if ( platformMatch.platform ) { $.jPlayer.platform[ platformMatch.platform ] = true; $.jPlayer.platform.mobile = !platformMatch.tablet; $.jPlayer.platform.tablet = !!platformMatch.tablet; } // Internet Explorer (IE) Browser Document Mode Sniffer. Based on code at: // http://msdn.microsoft.com/en-us/library/cc288325%28v=vs.85%29.aspx#GetMode $.jPlayer.getDocMode = function() { var docMode; if ($.jPlayer.browser.msie) { if (document.documentMode) { // IE8 or later docMode = document.documentMode; } else { // IE 5-7 docMode = 5; // Assume quirks mode unless proven otherwise if (document.compatMode) { if (document.compatMode === "CSS1Compat") { docMode = 7; // standards mode } } } } return docMode; }; $.jPlayer.browser.documentMode = $.jPlayer.getDocMode(); $.jPlayer.nativeFeatures = { init: function() { /* Fullscreen function naming influenced by W3C naming. * No support for: Mozilla Proposal: https://wiki.mozilla.org/Gecko:FullScreenAPI */ var d = document, v = d.createElement('video'), spec = { // http://www.w3.org/TR/fullscreen/ w3c: [ 'fullscreenEnabled', 'fullscreenElement', 'requestFullscreen', 'exitFullscreen', 'fullscreenchange', 'fullscreenerror' ], // https://developer.mozilla.org/en-US/docs/DOM/Using_fullscreen_mode moz: [ 'mozFullScreenEnabled', 'mozFullScreenElement', 'mozRequestFullScreen', 'mozCancelFullScreen', 'mozfullscreenchange', 'mozfullscreenerror' ], // http://developer.apple.com/library/safari/#documentation/WebKit/Reference/ElementClassRef/Element/Element.html // http://developer.apple.com/library/safari/#documentation/UserExperience/Reference/DocumentAdditionsReference/DocumentAdditions/DocumentAdditions.html webkit: [ '', 'webkitCurrentFullScreenElement', 'webkitRequestFullScreen', 'webkitCancelFullScreen', 'webkitfullscreenchange', '' ], // http://developer.apple.com/library/safari/#documentation/AudioVideo/Reference/HTMLVideoElementClassReference/HTMLVideoElement/HTMLVideoElement.html // https://developer.apple.com/library/safari/samplecode/HTML5VideoEventFlow/Listings/events_js.html#//apple_ref/doc/uid/DTS40010085-events_js-DontLinkElementID_5 // Events: 'webkitbeginfullscreen' and 'webkitendfullscreen' webkitVideo: [ 'webkitSupportsFullscreen', 'webkitDisplayingFullscreen', 'webkitEnterFullscreen', 'webkitExitFullscreen', '', '' ] }, specOrder = [ 'w3c', 'moz', 'webkit', 'webkitVideo' ], fs, i, il; this.fullscreen = fs = { support: { w3c: !!d[spec.w3c[0]], moz: !!d[spec.moz[0]], webkit: typeof d[spec.webkit[3]] === 'function', webkitVideo: typeof v[spec.webkitVideo[2]] === 'function' }, used: {} }; // Store the name of the spec being used and as a handy boolean. for(i = 0, il = specOrder.length; i < il; i++) { var n = specOrder[i]; if(fs.support[n]) { fs.spec = n; fs.used[n] = true; break; } } if(fs.spec) { var s = spec[fs.spec]; fs.api = { fullscreenEnabled: true, fullscreenElement: function(elem) { elem = elem ? elem : d; // Video element required for webkitVideo return elem[s[1]]; }, requestFullscreen: function(elem) { return elem[s[2]](); }, exitFullscreen: function(elem) { elem = elem ? elem : d; // Video element required for webkitVideo return elem[s[3]](); } }; fs.event = { fullscreenchange: s[4], fullscreenerror: s[5] }; } else { fs.api = { fullscreenEnabled: false, fullscreenElement: function() { return null; }, requestFullscreen: function() {}, exitFullscreen: function() {} }; fs.event = {}; } } }; $.jPlayer.nativeFeatures.init(); // The keyboard control system. // The current jPlayer instance in focus. $.jPlayer.focus = null; // (fallback) The list of element node names to ignore with key controls. $.jPlayer.keyIgnoreElementNames = "A INPUT TEXTAREA SELECT BUTTON"; // The function that deals with key presses. var keyBindings = function(event) { var f = $.jPlayer.focus, pageFocus = document.activeElement, ignoreKey; // A jPlayer instance must be in focus. ie., keyEnabled and the last one played. if(f) { // What generated the key press? if(typeof pageFocus !== 'undefined') { if(pageFocus !== null && pageFocus.nodeName.toUpperCase() !== "BODY") { ignoreKey = true; } } else { // Fallback for no document.activeElement support. $.each( $.jPlayer.keyIgnoreElementNames.split(/\s+/g), function(i, name) { // The strings should already be uppercase. if(event.target.nodeName.toUpperCase() === name.toUpperCase()) { ignoreKey = true; return false; // exit each. } }); } if(!ignoreKey) { // See if the key pressed matches any of the bindings. $.each(f.options.keyBindings, function(action, binding) { // The binding could be a null when the default has been disabled. ie., 1st clause in if() if(binding && event.which === binding.key && $.isFunction(binding.fn)) { event.preventDefault(); // Key being used by jPlayer, so prevent default operation. binding.fn(f); return false; // exit each. } }); } } }; $.jPlayer.keys = function(en) { var event = "keydown.jPlayer"; // Remove any binding, just in case enabled more than once. $(document.documentElement).unbind(event); if(en) { $(document.documentElement).bind(event, keyBindings); } }; // Enable the global key control handler ready for any jPlayer instance with the keyEnabled option enabled. $.jPlayer.keys(true); $.jPlayer.prototype = { count: 0, // Static Variable: Change it via prototype. version: { // Static Object script: "2.7.1", needFlash: "2.7.0", flash: "unknown" }, options: { // Instanced in $.jPlayer() constructor swfPath: "js", // Path to Jplayer.swf. Can be relative, absolute or server root relative. solution: "html, flash", // Valid solutions: html, flash. Order defines priority. 1st is highest, supplied: "mp3", // Defines which formats jPlayer will try and support and the priority by the order. 1st is highest, preload: 'metadata', // HTML5 Spec values: none, metadata, auto. volume: 0.8, // The volume. Number 0 to 1. muted: false, remainingDuration: false, // When true, the remaining time is shown in the duration GUI element. toggleDuration: false, // When true, clicks on the duration toggle between the duration and remaining display. captureDuration: true, // When true, clicks on the duration are captured and no longer propagate up the DOM. playbackRate: 1, defaultPlaybackRate: 1, minPlaybackRate: 0.5, maxPlaybackRate: 4, wmode: "opaque", // Valid wmode: window, transparent, opaque, direct, gpu. backgroundColor: "#000000", // To define the jPlayer div and Flash background color. cssSelectorAncestor: "#jp_container_1", cssSelector: { // * denotes properties that should only be required when video media type required. _cssSelector() would require changes to enable splitting these into Audio and Video defaults. videoPlay: ".jp-video-play", // * play: ".jp-play", pause: ".jp-pause", stop: ".jp-stop", seekBar: ".jp-seek-bar", playBar: ".jp-play-bar", mute: ".jp-mute", unmute: ".jp-unmute", volumeBar: ".jp-volume-bar", volumeBarValue: ".jp-volume-bar-value", volumeMax: ".jp-volume-max", playbackRateBar: ".jp-playback-rate-bar", playbackRateBarValue: ".jp-playback-rate-bar-value", currentTime: ".jp-current-time", duration: ".jp-duration", title: ".jp-title", fullScreen: ".jp-full-screen", // * restoreScreen: ".jp-restore-screen", // * repeat: ".jp-repeat", repeatOff: ".jp-repeat-off", gui: ".jp-gui", // The interface used with autohide feature. noSolution: ".jp-no-solution" // For error feedback when jPlayer cannot find a solution. }, stateClass: { // Classes added to the cssSelectorAncestor to indicate the state. playing: "jp-state-playing", seeking: "jp-state-seeking", muted: "jp-state-muted", looped: "jp-state-looped", fullScreen: "jp-state-full-screen" }, useStateClassSkin: false, // A state class skin relies on the state classes to change the visual appearance. The single control toggles the effect, for example: play then pause, mute then unmute. autoBlur: true, // GUI control handlers will drop focus after clicks. smoothPlayBar: false, // Smooths the play bar transitions, which affects clicks and short media with big changes per second. fullScreen: false, // Native Full Screen fullWindow: false, autohide: { restored: false, // Controls the interface autohide feature. full: true, // Controls the interface autohide feature. fadeIn: 200, // Milliseconds. The period of the fadeIn anim. fadeOut: 600, // Milliseconds. The period of the fadeOut anim. hold: 1000 // Milliseconds. The period of the pause before autohide beings. }, loop: false, repeat: function(event) { // The default jPlayer repeat event handler if(event.jPlayer.options.loop) { $(this).unbind(".jPlayerRepeat").bind($.jPlayer.event.ended + ".jPlayer.jPlayerRepeat", function() { $(this).jPlayer("play"); }); } else { $(this).unbind(".jPlayerRepeat"); } }, nativeVideoControls: { // Works well on standard browsers. // Phone and tablet browsers can have problems with the controls disappearing. }, noFullWindow: { msie: /msie [0-6]\./, ipad: /ipad.*?os [0-4]\./, iphone: /iphone/, ipod: /ipod/, android_pad: /android [0-3]\.(?!.*?mobile)/, android_phone: /android.*?mobile/, blackberry: /blackberry/, windows_ce: /windows ce/, iemobile: /iemobile/, webos: /webos/ }, noVolume: { ipad: /ipad/, iphone: /iphone/, ipod: /ipod/, android_pad: /android(?!.*?mobile)/, android_phone: /android.*?mobile/, blackberry: /blackberry/, windows_ce: /windows ce/, iemobile: /iemobile/, webos: /webos/, playbook: /playbook/ }, timeFormat: { // Specific time format for this instance. The supported options are defined in $.jPlayer.timeFormat // For the undefined options we use the default from $.jPlayer.timeFormat }, keyEnabled: false, // Enables keyboard controls. audioFullScreen: false, // Enables keyboard controls to enter full screen with audio media. keyBindings: { // The key control object, defining the key codes and the functions to execute. // The parameter, f = $.jPlayer.focus, will be checked truethy before attempting to call any of these functions. // Properties may be added to this object, in key/fn pairs, to enable other key controls. EG, for the playlist add-on. play: { key: 32, // space fn: function(f) { if(f.status.paused) { f.play(); } else { f.pause(); } } }, fullScreen: { key: 13, // enter fn: function(f) { if(f.status.video || f.options.audioFullScreen) { f._setOption("fullScreen", !f.options.fullScreen); } } }, muted: { key: 8, // backspace fn: function(f) { f._muted(!f.options.muted); } }, volumeUp: { key: 38, // UP fn: function(f) { f.volume(f.options.volume + 0.1); } }, volumeDown: { key: 40, // DOWN fn: function(f) { f.volume(f.options.volume - 0.1); } } }, verticalVolume: false, // Calculate volume from the bottom of the volume bar. Default is from the left. Also volume affects either width or height. verticalPlaybackRate: false, globalVolume: false, // Set to make volume and muted changes affect all jPlayer instances with this option enabled idPrefix: "jp", // Prefix for the ids of html elements created by jPlayer. For flash, this must not include characters: . - + * / \ noConflict: "jQuery", emulateHtml: false, // Emulates the HTML5 Media element on the jPlayer element. consoleAlerts: true, // Alerts are sent to the console.log() instead of alert(). errorAlerts: false, warningAlerts: false }, optionsAudio: { size: { width: "0px", height: "0px", cssClass: "" }, sizeFull: { width: "0px", height: "0px", cssClass: "" } }, optionsVideo: { size: { width: "480px", height: "270px", cssClass: "jp-video-270p" }, sizeFull: { width: "100%", height: "100%", cssClass: "jp-video-full" } }, instances: {}, // Static Object status: { // Instanced in _init() src: "", media: {}, paused: true, format: {}, formatType: "", waitForPlay: true, // Same as waitForLoad except in case where preloading. waitForLoad: true, srcSet: false, video: false, // True if playing a video seekPercent: 0, currentPercentRelative: 0, currentPercentAbsolute: 0, currentTime: 0, duration: 0, remaining: 0, videoWidth: 0, // Intrinsic width of the video in pixels. videoHeight: 0, // Intrinsic height of the video in pixels. readyState: 0, networkState: 0, playbackRate: 1, // Warning - Now both an option and a status property ended: 0 /* Persistant status properties created dynamically at _init(): width height cssClass nativeVideoControls noFullWindow noVolume playbackRateEnabled // Warning - Technically, we can have both Flash and HTML, so this might not be correct if the Flash is active. That is a niche case. */ }, internal: { // Instanced in _init() ready: false // instance: undefined // domNode: undefined // htmlDlyCmdId: undefined // autohideId: undefined // cmdsIgnored }, solution: { // Static Object: Defines the solutions built in jPlayer. html: true, flash: true }, // 'MPEG-4 support' : canPlayType('video/mp4; codecs="mp4v.20.8"') format: { // Static Object mp3: { codec: 'audio/mpeg', flashCanPlay: true, media: 'audio' }, m4a: { // AAC / MP4 codec: 'audio/mp4; codecs="mp4a.40.2"', flashCanPlay: true, media: 'audio' }, m3u8a: { // AAC / MP4 / Apple HLS codec: 'application/vnd.apple.mpegurl; codecs="mp4a.40.2"', flashCanPlay: false, media: 'audio' }, m3ua: { // M3U codec: 'audio/mpegurl', flashCanPlay: false, media: 'audio' }, oga: { // OGG codec: 'audio/ogg; codecs="vorbis, opus"', flashCanPlay: false, media: 'audio' }, flac: { // FLAC codec: 'audio/x-flac', flashCanPlay: false, media: 'audio' }, wav: { // PCM codec: 'audio/wav; codecs="1"', flashCanPlay: false, media: 'audio' }, webma: { // WEBM codec: 'audio/webm; codecs="vorbis"', flashCanPlay: false, media: 'audio' }, fla: { // FLV / F4A codec: 'audio/x-flv', flashCanPlay: true, media: 'audio' }, rtmpa: { // RTMP AUDIO codec: 'audio/rtmp; codecs="rtmp"', flashCanPlay: true, media: 'audio' }, m4v: { // H.264 / MP4 codec: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"', flashCanPlay: true, media: 'video' }, m3u8v: { // H.264 / AAC / MP4 / Apple HLS codec: 'application/vnd.apple.mpegurl; codecs="avc1.42E01E, mp4a.40.2"', flashCanPlay: false, media: 'video' }, m3uv: { // M3U codec: 'audio/mpegurl', flashCanPlay: false, media: 'video' }, ogv: { // OGG codec: 'video/ogg; codecs="theora, vorbis"', flashCanPlay: false, media: 'video' }, webmv: { // WEBM codec: 'video/webm; codecs="vorbis, vp8"', flashCanPlay: false, media: 'video' }, flv: { // FLV / F4V codec: 'video/x-flv', flashCanPlay: true, media: 'video' }, rtmpv: { // RTMP VIDEO codec: 'video/rtmp; codecs="rtmp"', flashCanPlay: true, media: 'video' } }, _init: function() { var self = this; this.element.empty(); this.status = $.extend({}, this.status); // Copy static to unique instance. this.internal = $.extend({}, this.internal); // Copy static to unique instance. // Initialize the time format this.options.timeFormat = $.extend({}, $.jPlayer.timeFormat, this.options.timeFormat); // On iOS, assume commands will be ignored before user initiates them. this.internal.cmdsIgnored = $.jPlayer.platform.ipad || $.jPlayer.platform.iphone || $.jPlayer.platform.ipod; this.internal.domNode = this.element.get(0); // Add key bindings focus to 1st jPlayer instanced with key control enabled. if(this.options.keyEnabled && !$.jPlayer.focus) { $.jPlayer.focus = this; } // A fix for Android where older (2.3) and even some 4.x devices fail to work when changing the *audio* SRC and then playing immediately. this.androidFix = { setMedia: false, // True when media set play: false, // True when a progress event will instruct the media to play pause: false, // True when a progress event will instruct the media to pause at a time. time: NaN // The play(time) parameter }; if($.jPlayer.platform.android) { this.options.preload = this.options.preload !== 'auto' ? 'metadata' : 'auto'; // Default to metadata, but allow auto. } this.formats = []; // Array based on supplied string option. Order defines priority. this.solutions = []; // Array based on solution string option. Order defines priority. this.require = {}; // Which media types are required: video, audio. this.htmlElement = {}; // DOM elements created by jPlayer this.html = {}; // In _init()'s this.desired code and setmedia(): Accessed via this[solution], where solution from this.solutions array. this.html.audio = {}; this.html.video = {}; this.flash = {}; // In _init()'s this.desired code and setmedia(): Accessed via this[solution], where solution from this.solutions array. this.css = {}; this.css.cs = {}; // Holds the css selector strings this.css.jq = {}; // Holds jQuery selectors. ie., $(css.cs.method) this.ancestorJq = []; // Holds jQuery selector of cssSelectorAncestor. Init would use $() instead of [], but it is only 1.4+ this.options.volume = this._limitValue(this.options.volume, 0, 1); // Limit volume value's bounds. // Create the formats array, with prority based on the order of the supplied formats string $.each(this.options.supplied.toLowerCase().split(","), function(index1, value1) { var format = value1.replace(/^\s+|\s+$/g, ""); //trim if(self.format[format]) { // Check format is valid. var dupFound = false; $.each(self.formats, function(index2, value2) { // Check for duplicates if(format === value2) { dupFound = true; return false; } }); if(!dupFound) { self.formats.push(format); } } }); // Create the solutions array, with prority based on the order of the solution string $.each(this.options.solution.toLowerCase().split(","), function(index1, value1) { var solution = value1.replace(/^\s+|\s+$/g, ""); //trim if(self.solution[solution]) { // Check solution is valid. var dupFound = false; $.each(self.solutions, function(index2, value2) { // Check for duplicates if(solution === value2) { dupFound = true; return false; } }); if(!dupFound) { self.solutions.push(solution); } } }); this.internal.instance = "jp_" + this.count; this.instances[this.internal.instance] = this.element; // Check the jPlayer div has an id and create one if required. Important for Flash to know the unique id for comms. if(!this.element.attr("id")) { this.element.attr("id", this.options.idPrefix + "_jplayer_" + this.count); } this.internal.self = $.extend({}, { id: this.element.attr("id"), jq: this.element }); this.internal.audio = $.extend({}, { id: this.options.idPrefix + "_audio_" + this.count, jq: undefined }); this.internal.video = $.extend({}, { id: this.options.idPrefix + "_video_" + this.count, jq: undefined }); this.internal.flash = $.extend({}, { id: this.options.idPrefix + "_flash_" + this.count, jq: undefined, swf: this.options.swfPath + (this.options.swfPath.toLowerCase().slice(-4) !== ".swf" ? (this.options.swfPath && this.options.swfPath.slice(-1) !== "/" ? "/" : "") + "Jplayer.swf" : "") }); this.internal.poster = $.extend({}, { id: this.options.idPrefix + "_poster_" + this.count, jq: undefined }); // Register listeners defined in the constructor $.each($.jPlayer.event, function(eventName,eventType) { if(self.options[eventName] !== undefined) { self.element.bind(eventType + ".jPlayer", self.options[eventName]); // With .jPlayer namespace. self.options[eventName] = undefined; // Destroy the handler pointer copy on the options. Reason, events can be added/removed in other ways so this could be obsolete and misleading. } }); // Determine if we require solutions for audio, video or both media types. this.require.audio = false; this.require.video = false; $.each(this.formats, function(priority, format) { self.require[self.format[format].media] = true; }); // Now required types are known, finish the options default settings. if(this.require.video) { this.options = $.extend(true, {}, this.optionsVideo, this.options ); } else { this.options = $.extend(true, {}, this.optionsAudio, this.options ); } this._setSize(); // update status and jPlayer element size // Determine the status for Blocklisted options. this.status.nativeVideoControls = this._uaBlocklist(this.options.nativeVideoControls); this.status.noFullWindow = this._uaBlocklist(this.options.noFullWindow); this.status.noVolume = this._uaBlocklist(this.options.noVolume); // Create event handlers if native fullscreen is supported if($.jPlayer.nativeFeatures.fullscreen.api.fullscreenEnabled) { this._fullscreenAddEventListeners(); } // The native controls are only for video and are disabled when audio is also used. this._restrictNativeVideoControls(); // Create the poster image. this.htmlElement.poster = document.createElement('img'); this.htmlElement.poster.id = this.internal.poster.id; this.htmlElement.poster.onload = function() { // Note that this did not work on Firefox 3.6: poster.addEventListener("onload", function() {}, false); Did not investigate x-browser. if(!self.status.video || self.status.waitForPlay) { self.internal.poster.jq.show(); } }; this.element.append(this.htmlElement.poster); this.internal.poster.jq = $("#" + this.internal.poster.id); this.internal.poster.jq.css({'width': this.status.width, 'height': this.status.height}); this.internal.poster.jq.hide(); this.internal.poster.jq.bind("click.jPlayer", function() { self._trigger($.jPlayer.event.click); }); // Generate the required media elements this.html.audio.available = false; if(this.require.audio) { // If a supplied format is audio this.htmlElement.audio = document.createElement('audio'); this.htmlElement.audio.id = this.internal.audio.id; this.html.audio.available = !!this.htmlElement.audio.canPlayType && this._testCanPlayType(this.htmlElement.audio); // Test is for IE9 on Win Server 2008. } this.html.video.available = false; if(this.require.video) { // If a supplied format is video this.htmlElement.video = document.createElement('video'); this.htmlElement.video.id = this.internal.video.id; this.html.video.available = !!this.htmlElement.video.canPlayType && this._testCanPlayType(this.htmlElement.video); // Test is for IE9 on Win Server 2008. } this.flash.available = this._checkForFlash(10.1); this.html.canPlay = {}; this.flash.canPlay = {}; $.each(this.formats, function(priority, format) { self.html.canPlay[format] = self.html[self.format[format].media].available && "" !== self.htmlElement[self.format[format].media].canPlayType(self.format[format].codec); self.flash.canPlay[format] = self.format[format].flashCanPlay && self.flash.available; }); this.html.desired = false; this.flash.desired = false; $.each(this.solutions, function(solutionPriority, solution) { if(solutionPriority === 0) { self[solution].desired = true; } else { var audioCanPlay = false; var videoCanPlay = false; $.each(self.formats, function(formatPriority, format) { if(self[self.solutions[0]].canPlay[format]) { // The other solution can play if(self.format[format].media === 'video') { videoCanPlay = true; } else { audioCanPlay = true; } } }); self[solution].desired = (self.require.audio && !audioCanPlay) || (self.require.video && !videoCanPlay); } }); // This is what jPlayer will support, based on solution and supplied. this.html.support = {}; this.flash.support = {}; $.each(this.formats, function(priority, format) { self.html.support[format] = self.html.canPlay[format] && self.html.desired; self.flash.support[format] = self.flash.canPlay[format] && self.flash.desired; }); // If jPlayer is supporting any format in a solution, then the solution is used. this.html.used = false; this.flash.used = false; $.each(this.solutions, function(solutionPriority, solution) { $.each(self.formats, function(formatPriority, format) { if(self[solution].support[format]) { self[solution].used = true; return false; } }); }); // Init solution active state and the event gates to false. this._resetActive(); this._resetGate(); // Set up the css selectors for the control and feedback entities. this._cssSelectorAncestor(this.options.cssSelectorAncestor); // If neither html nor flash are being used by this browser, then media playback is not possible. Trigger an error event. if(!(this.html.used || this.flash.used)) { this._error( { type: $.jPlayer.error.NO_SOLUTION, context: "{solution:'" + this.options.solution + "', supplied:'" + this.options.supplied + "'}", message: $.jPlayer.errorMsg.NO_SOLUTION, hint: $.jPlayer.errorHint.NO_SOLUTION }); if(this.css.jq.noSolution.length) { this.css.jq.noSolution.show(); } } else { if(this.css.jq.noSolution.length) { this.css.jq.noSolution.hide(); } } // Add the flash solution if it is being used. if(this.flash.used) { var htmlObj, flashVars = 'jQuery=' + encodeURI(this.options.noConflict) + '&id=' + encodeURI(this.internal.self.id) + '&vol=' + this.options.volume + '&muted=' + this.options.muted; // Code influenced by SWFObject 2.2: http://code.google.com/p/swfobject/ // Non IE browsers have an initial Flash size of 1 by 1 otherwise the wmode affected the Flash ready event. if($.jPlayer.browser.msie && (Number($.jPlayer.browser.version) < 9 || $.jPlayer.browser.documentMode < 9)) { var objStr = ''; var paramStr = [ '', '', '', '', '' ]; htmlObj = document.createElement(objStr); for(var i=0; i < paramStr.length; i++) { htmlObj.appendChild(document.createElement(paramStr[i])); } } else { var createParam = function(el, n, v) { var p = document.createElement("param"); p.setAttribute("name", n); p.setAttribute("value", v); el.appendChild(p); }; htmlObj = document.createElement("object"); htmlObj.setAttribute("id", this.internal.flash.id); htmlObj.setAttribute("name", this.internal.flash.id); htmlObj.setAttribute("data", this.internal.flash.swf); htmlObj.setAttribute("type", "application/x-shockwave-flash"); htmlObj.setAttribute("width", "1"); // Non-zero htmlObj.setAttribute("height", "1"); // Non-zero htmlObj.setAttribute("tabindex", "-1"); createParam(htmlObj, "flashvars", flashVars); createParam(htmlObj, "allowscriptaccess", "always"); createParam(htmlObj, "bgcolor", this.options.backgroundColor); createParam(htmlObj, "wmode", this.options.wmode); } this.element.append(htmlObj); this.internal.flash.jq = $(htmlObj); } // Setup playbackRate ability before using _addHtmlEventListeners() if(this.html.used && !this.flash.used) { // If only HTML // Using the audio element capabilities for playbackRate. ie., Assuming video element is the same. this.status.playbackRateEnabled = this._testPlaybackRate('audio'); } else { this.status.playbackRateEnabled = false; } this._updatePlaybackRate(); // Add the HTML solution if being used. if(this.html.used) { // The HTML Audio handlers if(this.html.audio.available) { this._addHtmlEventListeners(this.htmlElement.audio, this.html.audio); this.element.append(this.htmlElement.audio); this.internal.audio.jq = $("#" + this.internal.audio.id); } // The HTML Video handlers if(this.html.video.available) { this._addHtmlEventListeners(this.htmlElement.video, this.html.video); this.element.append(this.htmlElement.video); this.internal.video.jq = $("#" + this.internal.video.id); if(this.status.nativeVideoControls) { this.internal.video.jq.css({'width': this.status.width, 'height': this.status.height}); } else { this.internal.video.jq.css({'width':'0px', 'height':'0px'}); // Using size 0x0 since a .hide() causes issues in iOS } this.internal.video.jq.bind("click.jPlayer", function() { self._trigger($.jPlayer.event.click); }); } } // Create the bridge that emulates the HTML Media element on the jPlayer DIV if( this.options.emulateHtml ) { this._emulateHtmlBridge(); } if(this.html.used && !this.flash.used) { // If only HTML, then emulate flash ready() call after 100ms. setTimeout( function() { self.internal.ready = true; self.version.flash = "n/a"; self._trigger($.jPlayer.event.repeat); // Trigger the repeat event so its handler can initialize itself with the loop option. self._trigger($.jPlayer.event.ready); }, 100); } // Initialize the interface components with the options. this._updateNativeVideoControls(); // The other controls are now setup in _cssSelectorAncestor() if(this.css.jq.videoPlay.length) { this.css.jq.videoPlay.hide(); } $.jPlayer.prototype.count++; // Change static variable via prototype. }, destroy: function() { // MJP: The background change remains. Would need to store the original to restore it correctly. // MJP: The jPlayer element's size change remains. // Clear the media to reset the GUI and stop any downloads. Streams on some browsers had persited. (Chrome) this.clearMedia(); // Remove the size/sizeFull cssClass from the cssSelectorAncestor this._removeUiClass(); // Remove the times from the GUI if(this.css.jq.currentTime.length) { this.css.jq.currentTime.text(""); } if(this.css.jq.duration.length) { this.css.jq.duration.text(""); } // Remove any bindings from the interface controls. $.each(this.css.jq, function(fn, jq) { // Check selector is valid before trying to execute method. if(jq.length) { jq.unbind(".jPlayer"); } }); // Remove the click handlers for $.jPlayer.event.click this.internal.poster.jq.unbind(".jPlayer"); if(this.internal.video.jq) { this.internal.video.jq.unbind(".jPlayer"); } // Remove the fullscreen event handlers this._fullscreenRemoveEventListeners(); // Remove key bindings if(this === $.jPlayer.focus) { $.jPlayer.focus = null; } // Destroy the HTML bridge. if(this.options.emulateHtml) { this._destroyHtmlBridge(); } this.element.removeData("jPlayer"); // Remove jPlayer data this.element.unbind(".jPlayer"); // Remove all event handlers created by the jPlayer constructor this.element.empty(); // Remove the inserted child elements delete this.instances[this.internal.instance]; // Clear the instance on the static instance object }, enable: function() { // Plan to implement // options.disabled = false }, disable: function () { // Plan to implement // options.disabled = true }, _testCanPlayType: function(elem) { // IE9 on Win Server 2008 did not implement canPlayType(), but it has the property. try { elem.canPlayType(this.format.mp3.codec); // The type is irrelevant. return true; } catch(err) { return false; } }, _testPlaybackRate: function(type) { // type: String 'audio' or 'video' var el, rate = 0.5; type = typeof type === 'string' ? type : 'audio'; el = document.createElement(type); // Wrapping in a try/catch, just in case older HTML5 browsers throw and error. try { if('playbackRate' in el) { el.playbackRate = rate; return el.playbackRate === rate; } else { return false; } } catch(err) { return false; } }, _uaBlocklist: function(list) { // list : object with properties that are all regular expressions. Property names are irrelevant. // Returns true if the user agent is matched in list. var ua = navigator.userAgent.toLowerCase(), block = false; $.each(list, function(p, re) { if(re && re.test(ua)) { block = true; return false; // exit $.each. } }); return block; }, _restrictNativeVideoControls: function() { // Fallback to noFullWindow when nativeVideoControls is true and audio media is being used. Affects when both media types are used. if(this.require.audio) { if(this.status.nativeVideoControls) { this.status.nativeVideoControls = false; this.status.noFullWindow = true; } } }, _updateNativeVideoControls: function() { if(this.html.video.available && this.html.used) { // Turn the HTML Video controls on/off this.htmlElement.video.controls = this.status.nativeVideoControls; // Show/hide the jPlayer GUI. this._updateAutohide(); // For when option changed. The poster image is not updated, as it is dealt with in setMedia(). Acceptable degradation since seriously doubt these options will change on the fly. Can again review later. if(this.status.nativeVideoControls && this.require.video) { this.internal.poster.jq.hide(); this.internal.video.jq.css({'width': this.status.width, 'height': this.status.height}); } else if(this.status.waitForPlay && this.status.video) { this.internal.poster.jq.show(); this.internal.video.jq.css({'width': '0px', 'height': '0px'}); } } }, _addHtmlEventListeners: function(mediaElement, entity) { var self = this; mediaElement.preload = this.options.preload; mediaElement.muted = this.options.muted; mediaElement.volume = this.options.volume; if(this.status.playbackRateEnabled) { mediaElement.defaultPlaybackRate = this.options.defaultPlaybackRate; mediaElement.playbackRate = this.options.playbackRate; } // Create the event listeners // Only want the active entity to affect jPlayer and bubble events. // Using entity.gate so that object is referenced and gate property always current mediaElement.addEventListener("progress", function() { if(entity.gate) { if(self.internal.cmdsIgnored && this.readyState > 0) { // Detect iOS executed the command self.internal.cmdsIgnored = false; } self._getHtmlStatus(mediaElement); self._updateInterface(); self._trigger($.jPlayer.event.progress); } }, false); mediaElement.addEventListener("loadeddata", function() { if(entity.gate) { self.androidFix.setMedia = false; // Disable the fix after the first progress event. if(self.androidFix.play) { // Play Android audio - performing the fix. self.androidFix.play = false; self.play(self.androidFix.time); } if(self.androidFix.pause) { // Pause Android audio at time - performing the fix. self.androidFix.pause = false; self.pause(self.androidFix.time); } self._trigger($.jPlayer.event.loadeddata); } }, false); mediaElement.addEventListener("timeupdate", function() { if(entity.gate) { self._getHtmlStatus(mediaElement); self._updateInterface(); self._trigger($.jPlayer.event.timeupdate); } }, false); mediaElement.addEventListener("durationchange", function() { if(entity.gate) { self._getHtmlStatus(mediaElement); self._updateInterface(); self._trigger($.jPlayer.event.durationchange); } }, false); mediaElement.addEventListener("play", function() { if(entity.gate) { self._updateButtons(true); self._html_checkWaitForPlay(); // So the native controls update this variable and puts the hidden interface in the correct state. Affects toggling native controls. self._trigger($.jPlayer.event.play); } }, false); mediaElement.addEventListener("playing", function() { if(entity.gate) { self._updateButtons(true); self._seeked(); self._trigger($.jPlayer.event.playing); } }, false); mediaElement.addEventListener("pause", function() { if(entity.gate) { self._updateButtons(false); self._trigger($.jPlayer.event.pause); } }, false); mediaElement.addEventListener("waiting", function() { if(entity.gate) { self._seeking(); self._trigger($.jPlayer.event.waiting); } }, false); mediaElement.addEventListener("seeking", function() { if(entity.gate) { self._seeking(); self._trigger($.jPlayer.event.seeking); } }, false); mediaElement.addEventListener("seeked", function() { if(entity.gate) { self._seeked(); self._trigger($.jPlayer.event.seeked); } }, false); mediaElement.addEventListener("volumechange", function() { if(entity.gate) { // Read the values back from the element as the Blackberry PlayBook shares the volume with the physical buttons master volume control. // However, when tested 6th July 2011, those buttons do not generate an event. The physical play/pause button does though. self.options.volume = mediaElement.volume; self.options.muted = mediaElement.muted; self._updateMute(); self._updateVolume(); self._trigger($.jPlayer.event.volumechange); } }, false); mediaElement.addEventListener("ratechange", function() { if(entity.gate) { self.options.defaultPlaybackRate = mediaElement.defaultPlaybackRate; self.options.playbackRate = mediaElement.playbackRate; self._updatePlaybackRate(); self._trigger($.jPlayer.event.ratechange); } }, false); mediaElement.addEventListener("suspend", function() { // Seems to be the only way of capturing that the iOS4 browser did not actually play the media from the page code. ie., It needs a user gesture. if(entity.gate) { self._seeked(); self._trigger($.jPlayer.event.suspend); } }, false); mediaElement.addEventListener("ended", function() { if(entity.gate) { // Order of the next few commands are important. Change the time and then pause. // Solves a bug in Firefox, where issuing pause 1st causes the media to play from the start. ie., The pause is ignored. if(!$.jPlayer.browser.webkit) { // Chrome crashes if you do this in conjunction with a setMedia command in an ended event handler. ie., The playlist demo. self.htmlElement.media.currentTime = 0; // Safari does not care about this command. ie., It works with or without this line. (Both Safari and Chrome are Webkit.) } self.htmlElement.media.pause(); // Pause otherwise a click on the progress bar will play from that point, when it shouldn't, since it stopped playback. self._updateButtons(false); self._getHtmlStatus(mediaElement, true); // With override true. Otherwise Chrome leaves progress at full. self._updateInterface(); self._trigger($.jPlayer.event.ended); } }, false); mediaElement.addEventListener("error", function() { if(entity.gate) { self._updateButtons(false); self._seeked(); if(self.status.srcSet) { // Deals with case of clearMedia() causing an error event. clearTimeout(self.internal.htmlDlyCmdId); // Clears any delayed commands used in the HTML solution. self.status.waitForLoad = true; // Allows the load operation to try again. self.status.waitForPlay = true; // Reset since a play was captured. if(self.status.video && !self.status.nativeVideoControls) { self.internal.video.jq.css({'width':'0px', 'height':'0px'}); } if(self._validString(self.status.media.poster) && !self.status.nativeVideoControls) { self.internal.poster.jq.show(); } if(self.css.jq.videoPlay.length) { self.css.jq.videoPlay.show(); } self._error( { type: $.jPlayer.error.URL, context: self.status.src, // this.src shows absolute urls. Want context to show the url given. message: $.jPlayer.errorMsg.URL, hint: $.jPlayer.errorHint.URL }); } } }, false); // Create all the other event listeners that bubble up to a jPlayer event from html, without being used by jPlayer. $.each($.jPlayer.htmlEvent, function(i, eventType) { mediaElement.addEventListener(this, function() { if(entity.gate) { self._trigger($.jPlayer.event[eventType]); } }, false); }); }, _getHtmlStatus: function(media, override) { var ct = 0, cpa = 0, sp = 0, cpr = 0; // Fixes the duration bug in iOS, where the durationchange event occurs when media.duration is not always correct. // Fixes the initial duration bug in BB OS7, where the media.duration is infinity and displays as NaN:NaN due to Date() using inifity. if(isFinite(media.duration)) { this.status.duration = media.duration; } ct = media.currentTime; cpa = (this.status.duration > 0) ? 100 * ct / this.status.duration : 0; if((typeof media.seekable === "object") && (media.seekable.length > 0)) { sp = (this.status.duration > 0) ? 100 * media.seekable.end(media.seekable.length-1) / this.status.duration : 100; cpr = (this.status.duration > 0) ? 100 * media.currentTime / media.seekable.end(media.seekable.length-1) : 0; // Duration conditional for iOS duration bug. ie., seekable.end is a NaN in that case. } else { sp = 100; cpr = cpa; } if(override) { ct = 0; cpr = 0; cpa = 0; } this.status.seekPercent = sp; this.status.currentPercentRelative = cpr; this.status.currentPercentAbsolute = cpa; this.status.currentTime = ct; this.status.remaining = this.status.duration - this.status.currentTime; this.status.videoWidth = media.videoWidth; this.status.videoHeight = media.videoHeight; this.status.readyState = media.readyState; this.status.networkState = media.networkState; this.status.playbackRate = media.playbackRate; this.status.ended = media.ended; }, _resetStatus: function() { this.status = $.extend({}, this.status, $.jPlayer.prototype.status); // Maintains the status properties that persist through a reset. }, _trigger: function(eventType, error, warning) { // eventType always valid as called using $.jPlayer.event.eventType var event = $.Event(eventType); event.jPlayer = {}; event.jPlayer.version = $.extend({}, this.version); event.jPlayer.options = $.extend(true, {}, this.options); // Deep copy event.jPlayer.status = $.extend(true, {}, this.status); // Deep copy event.jPlayer.html = $.extend(true, {}, this.html); // Deep copy event.jPlayer.flash = $.extend(true, {}, this.flash); // Deep copy if(error) { event.jPlayer.error = $.extend({}, error); } if(warning) { event.jPlayer.warning = $.extend({}, warning); } this.element.trigger(event); }, jPlayerFlashEvent: function(eventType, status) { // Called from Flash if(eventType === $.jPlayer.event.ready) { if(!this.internal.ready) { this.internal.ready = true; this.internal.flash.jq.css({'width':'0px', 'height':'0px'}); // Once Flash generates the ready event, minimise to zero as it is not affected by wmode anymore. this.version.flash = status.version; if(this.version.needFlash !== this.version.flash) { this._error( { type: $.jPlayer.error.VERSION, context: this.version.flash, message: $.jPlayer.errorMsg.VERSION + this.version.flash, hint: $.jPlayer.errorHint.VERSION }); } this._trigger($.jPlayer.event.repeat); // Trigger the repeat event so its handler can initialize itself with the loop option. this._trigger(eventType); } else { // This condition occurs if the Flash is hidden and then shown again. // Firefox also reloads the Flash if the CSS position changes. position:fixed is used for full screen. // Only do this if the Flash is the solution being used at the moment. Affects Media players where both solution may be being used. if(this.flash.gate) { // Send the current status to the Flash now that it is ready (available) again. if(this.status.srcSet) { // Need to read original status before issuing the setMedia command. var currentTime = this.status.currentTime, paused = this.status.paused; this.setMedia(this.status.media); this.volumeWorker(this.options.volume); if(currentTime > 0) { if(paused) { this.pause(currentTime); } else { this.play(currentTime); } } } this._trigger($.jPlayer.event.flashreset); } } } if(this.flash.gate) { switch(eventType) { case $.jPlayer.event.progress: this._getFlashStatus(status); this._updateInterface(); this._trigger(eventType); break; case $.jPlayer.event.timeupdate: this._getFlashStatus(status); this._updateInterface(); this._trigger(eventType); break; case $.jPlayer.event.play: this._seeked(); this._updateButtons(true); this._trigger(eventType); break; case $.jPlayer.event.pause: this._updateButtons(false); this._trigger(eventType); break; case $.jPlayer.event.ended: this._updateButtons(false); this._trigger(eventType); break; case $.jPlayer.event.click: this._trigger(eventType); // This could be dealt with by the default break; case $.jPlayer.event.error: this.status.waitForLoad = true; // Allows the load operation to try again. this.status.waitForPlay = true; // Reset since a play was captured. if(this.status.video) { this.internal.flash.jq.css({'width':'0px', 'height':'0px'}); } if(this._validString(this.status.media.poster)) { this.internal.poster.jq.show(); } if(this.css.jq.videoPlay.length && this.status.video) { this.css.jq.videoPlay.show(); } if(this.status.video) { // Set up for another try. Execute before error event. this._flash_setVideo(this.status.media); } else { this._flash_setAudio(this.status.media); } this._updateButtons(false); this._error( { type: $.jPlayer.error.URL, context:status.src, message: $.jPlayer.errorMsg.URL, hint: $.jPlayer.errorHint.URL }); break; case $.jPlayer.event.seeking: this._seeking(); this._trigger(eventType); break; case $.jPlayer.event.seeked: this._seeked(); this._trigger(eventType); break; case $.jPlayer.event.ready: // The ready event is handled outside the switch statement. // Captured here otherwise 2 ready events would be generated if the ready event handler used setMedia. break; default: this._trigger(eventType); } } return false; }, _getFlashStatus: function(status) { this.status.seekPercent = status.seekPercent; this.status.currentPercentRelative = status.currentPercentRelative; this.status.currentPercentAbsolute = status.currentPercentAbsolute; this.status.currentTime = status.currentTime; this.status.duration = status.duration; this.status.remaining = status.duration - status.currentTime; this.status.videoWidth = status.videoWidth; this.status.videoHeight = status.videoHeight; // The Flash does not generate this information in this release this.status.readyState = 4; // status.readyState; this.status.networkState = 0; // status.networkState; this.status.playbackRate = 1; // status.playbackRate; this.status.ended = false; // status.ended; }, _updateButtons: function(playing) { if(playing === undefined) { playing = !this.status.paused; } else { this.status.paused = !playing; } // Apply the state classes. (For the useStateClassSkin:true option) if(playing) { this.addStateClass('playing'); } else { this.removeStateClass('playing'); } if(!this.status.noFullWindow && this.options.fullWindow) { this.addStateClass('fullScreen'); } else { this.removeStateClass('fullScreen'); } if(this.options.loop) { this.addStateClass('looped'); } else { this.removeStateClass('looped'); } // Toggle the GUI element pairs. (For the useStateClassSkin:false option) if(this.css.jq.play.length && this.css.jq.pause.length) { if(playing) { this.css.jq.play.hide(); this.css.jq.pause.show(); } else { this.css.jq.play.show(); this.css.jq.pause.hide(); } } if(this.css.jq.restoreScreen.length && this.css.jq.fullScreen.length) { if(this.status.noFullWindow) { this.css.jq.fullScreen.hide(); this.css.jq.restoreScreen.hide(); } else if(this.options.fullWindow) { this.css.jq.fullScreen.hide(); this.css.jq.restoreScreen.show(); } else { this.css.jq.fullScreen.show(); this.css.jq.restoreScreen.hide(); } } if(this.css.jq.repeat.length && this.css.jq.repeatOff.length) { if(this.options.loop) { this.css.jq.repeat.hide(); this.css.jq.repeatOff.show(); } else { this.css.jq.repeat.show(); this.css.jq.repeatOff.hide(); } } }, _updateInterface: function() { if(this.css.jq.seekBar.length) { this.css.jq.seekBar.width(this.status.seekPercent+"%"); } if(this.css.jq.playBar.length) { if(this.options.smoothPlayBar) { this.css.jq.playBar.stop().animate({ width: this.status.currentPercentAbsolute+"%" }, 250, "linear"); } else { this.css.jq.playBar.width(this.status.currentPercentRelative+"%"); } } var currentTimeText = ''; if(this.css.jq.currentTime.length) { currentTimeText = this._convertTime(this.status.currentTime); if(currentTimeText !== this.css.jq.currentTime.text()) { this.css.jq.currentTime.text(this._convertTime(this.status.currentTime)); } } var durationText = '', duration = this.status.duration, remaining = this.status.remaining; if(this.css.jq.duration.length) { if(typeof this.status.media.duration === 'string') { durationText = this.status.media.duration; } else { if(typeof this.status.media.duration === 'number') { duration = this.status.media.duration; remaining = duration - this.status.currentTime; } if(this.options.remainingDuration) { durationText = (remaining > 0 ? '-' : '') + this._convertTime(remaining); } else { durationText = this._convertTime(duration); } } if(durationText !== this.css.jq.duration.text()) { this.css.jq.duration.text(durationText); } } }, _convertTime: ConvertTime.prototype.time, _seeking: function() { if(this.css.jq.seekBar.length) { this.css.jq.seekBar.addClass("jp-seeking-bg"); } this.addStateClass('seeking'); }, _seeked: function() { if(this.css.jq.seekBar.length) { this.css.jq.seekBar.removeClass("jp-seeking-bg"); } this.removeStateClass('seeking'); }, _resetGate: function() { this.html.audio.gate = false; this.html.video.gate = false; this.flash.gate = false; }, _resetActive: function() { this.html.active = false; this.flash.active = false; }, _escapeHtml: function(s) { return s.split('&').join('&').split('<').join('<').split('>').join('>').split('"').join('"'); }, _qualifyURL: function(url) { var el = document.createElement('div'); el.innerHTML= 'x'; return el.firstChild.href; }, _absoluteMediaUrls: function(media) { var self = this; $.each(media, function(type, url) { if(url && self.format[type]) { media[type] = self._qualifyURL(url); } }); return media; }, addStateClass: function(state) { if(this.ancestorJq.length) { this.ancestorJq.addClass(this.options.stateClass[state]); } }, removeStateClass: function(state) { if(this.ancestorJq.length) { this.ancestorJq.removeClass(this.options.stateClass[state]); } }, setMedia: function(media) { /* media[format] = String: URL of format. Must contain all of the supplied option's video or audio formats. * media.poster = String: Video poster URL. * media.track = Array: Of objects defining the track element: kind, src, srclang, label, def. * media.stream = Boolean: * NOT IMPLEMENTED * Designating actual media streams. ie., "false/undefined" for files. Plan to refresh the flash every so often. */ var self = this, supported = false, posterChanged = this.status.media.poster !== media.poster; // Compare before reset. Important for OSX Safari as this.htmlElement.poster.src is absolute, even if original poster URL was relative. this._resetMedia(); this._resetGate(); this._resetActive(); // Clear the Android Fix. this.androidFix.setMedia = false; this.androidFix.play = false; this.androidFix.pause = false; // Convert all media URLs to absolute URLs. media = this._absoluteMediaUrls(media); $.each(this.formats, function(formatPriority, format) { var isVideo = self.format[format].media === 'video'; $.each(self.solutions, function(solutionPriority, solution) { if(self[solution].support[format] && self._validString(media[format])) { // Format supported in solution and url given for format. var isHtml = solution === 'html'; if(isVideo) { if(isHtml) { self.html.video.gate = true; self._html_setVideo(media); self.html.active = true; } else { self.flash.gate = true; self._flash_setVideo(media); self.flash.active = true; } if(self.css.jq.videoPlay.length) { self.css.jq.videoPlay.show(); } self.status.video = true; } else { if(isHtml) { self.html.audio.gate = true; self._html_setAudio(media); self.html.active = true; // Setup the Android Fix - Only for HTML audio. if($.jPlayer.platform.android) { self.androidFix.setMedia = true; } } else { self.flash.gate = true; self._flash_setAudio(media); self.flash.active = true; } if(self.css.jq.videoPlay.length) { self.css.jq.videoPlay.hide(); } self.status.video = false; } supported = true; return false; // Exit $.each } }); if(supported) { return false; // Exit $.each } }); if(supported) { if(!(this.status.nativeVideoControls && this.html.video.gate)) { // Set poster IMG if native video controls are not being used // Note: With IE the IMG onload event occurs immediately when cached. // Note: Poster hidden by default in _resetMedia() if(this._validString(media.poster)) { if(posterChanged) { // Since some browsers do not generate img onload event. this.htmlElement.poster.src = media.poster; } else { this.internal.poster.jq.show(); } } } if(this.css.jq.title.length) { if(typeof media.title === 'string') { this.css.jq.title.html(media.title); if(this.htmlElement.audio) { this.htmlElement.audio.setAttribute('title', media.title); } if(this.htmlElement.video) { this.htmlElement.video.setAttribute('title', media.title); } } } this.status.srcSet = true; this.status.media = $.extend({}, media); this._updateButtons(false); this._updateInterface(); this._trigger($.jPlayer.event.setmedia); } else { // jPlayer cannot support any formats provided in this browser // Send an error event this._error( { type: $.jPlayer.error.NO_SUPPORT, context: "{supplied:'" + this.options.supplied + "'}", message: $.jPlayer.errorMsg.NO_SUPPORT, hint: $.jPlayer.errorHint.NO_SUPPORT }); } }, _resetMedia: function() { this._resetStatus(); this._updateButtons(false); this._updateInterface(); this._seeked(); this.internal.poster.jq.hide(); clearTimeout(this.internal.htmlDlyCmdId); if(this.html.active) { this._html_resetMedia(); } else if(this.flash.active) { this._flash_resetMedia(); } }, clearMedia: function() { this._resetMedia(); if(this.html.active) { this._html_clearMedia(); } else if(this.flash.active) { this._flash_clearMedia(); } this._resetGate(); this._resetActive(); }, load: function() { if(this.status.srcSet) { if(this.html.active) { this._html_load(); } else if(this.flash.active) { this._flash_load(); } } else { this._urlNotSetError("load"); } }, focus: function() { if(this.options.keyEnabled) { $.jPlayer.focus = this; } }, play: function(time) { var guiAction = typeof time === "object"; // Flags GUI click events so we know this was not a direct command, but an action taken by the user on the GUI. if(guiAction && this.options.useStateClassSkin && !this.status.paused) { this.pause(time); // The time would be the click event, but passing it over so info is not lost. } else { time = (typeof time === "number") ? time : NaN; // Remove jQuery event from click handler if(this.status.srcSet) { this.focus(); if(this.html.active) { this._html_play(time); } else if(this.flash.active) { this._flash_play(time); } } else { this._urlNotSetError("play"); } } }, videoPlay: function() { // Handles clicks on the play button over the video poster this.play(); }, pause: function(time) { time = (typeof time === "number") ? time : NaN; // Remove jQuery event from click handler if(this.status.srcSet) { if(this.html.active) { this._html_pause(time); } else if(this.flash.active) { this._flash_pause(time); } } else { this._urlNotSetError("pause"); } }, tellOthers: function(command, conditions) { var self = this, hasConditions = typeof conditions === 'function', args = Array.prototype.slice.call(arguments); // Convert arguments to an Array. if(typeof command !== 'string') { // Ignore, since no command. return; // Return undefined to maintain chaining. } if(hasConditions) { args.splice(1, 1); // Remove the conditions from the arguments } $.each(this.instances, function() { // Remember that "this" is the instance's "element" in the $.each() loop. if(self.element !== this) { // Do not tell my instance. if(!hasConditions || conditions.call(this.data("jPlayer"), self)) { this.jPlayer.apply(this, args); } } }); }, pauseOthers: function(time) { this.tellOthers("pause", function() { // In the conditions function, the "this" context is the other instance's jPlayer object. return this.status.srcSet; }, time); }, stop: function() { if(this.status.srcSet) { if(this.html.active) { this._html_pause(0); } else if(this.flash.active) { this._flash_pause(0); } } else { this._urlNotSetError("stop"); } }, playHead: function(p) { p = this._limitValue(p, 0, 100); if(this.status.srcSet) { if(this.html.active) { this._html_playHead(p); } else if(this.flash.active) { this._flash_playHead(p); } } else { this._urlNotSetError("playHead"); } }, _muted: function(muted) { this.mutedWorker(muted); if(this.options.globalVolume) { this.tellOthers("mutedWorker", function() { // Check the other instance has global volume enabled. return this.options.globalVolume; }, muted); } }, mutedWorker: function(muted) { this.options.muted = muted; if(this.html.used) { this._html_setProperty('muted', muted); } if(this.flash.used) { this._flash_mute(muted); } // The HTML solution generates this event from the media element itself. if(!this.html.video.gate && !this.html.audio.gate) { this._updateMute(muted); this._updateVolume(this.options.volume); this._trigger($.jPlayer.event.volumechange); } }, mute: function(mute) { // mute is either: undefined (true), an event object (true) or a boolean (muted). var guiAction = typeof mute === "object"; // Flags GUI click events so we know this was not a direct command, but an action taken by the user on the GUI. if(guiAction && this.options.useStateClassSkin && this.options.muted) { this._muted(false); } else { mute = mute === undefined ? true : !!mute; this._muted(mute); } }, unmute: function(unmute) { // unmute is either: undefined (true), an event object (true) or a boolean (!muted). unmute = unmute === undefined ? true : !!unmute; this._muted(!unmute); }, _updateMute: function(mute) { if(mute === undefined) { mute = this.options.muted; } if(mute) { this.addStateClass('muted'); } else { this.removeStateClass('muted'); } if(this.css.jq.mute.length && this.css.jq.unmute.length) { if(this.status.noVolume) { this.css.jq.mute.hide(); this.css.jq.unmute.hide(); } else if(mute) { this.css.jq.mute.hide(); this.css.jq.unmute.show(); } else { this.css.jq.mute.show(); this.css.jq.unmute.hide(); } } }, volume: function(v) { this.volumeWorker(v); if(this.options.globalVolume) { this.tellOthers("volumeWorker", function() { // Check the other instance has global volume enabled. return this.options.globalVolume; }, v); } }, volumeWorker: function(v) { v = this._limitValue(v, 0, 1); this.options.volume = v; if(this.html.used) { this._html_setProperty('volume', v); } if(this.flash.used) { this._flash_volume(v); } // The HTML solution generates this event from the media element itself. if(!this.html.video.gate && !this.html.audio.gate) { this._updateVolume(v); this._trigger($.jPlayer.event.volumechange); } }, volumeBar: function(e) { // Handles clicks on the volumeBar if(this.css.jq.volumeBar.length) { // Using $(e.currentTarget) to enable multiple volume bars var $bar = $(e.currentTarget), offset = $bar.offset(), x = e.pageX - offset.left, w = $bar.width(), y = $bar.height() - e.pageY + offset.top, h = $bar.height(); if(this.options.verticalVolume) { this.volume(y/h); } else { this.volume(x/w); } } if(this.options.muted) { this._muted(false); } }, _updateVolume: function(v) { if(v === undefined) { v = this.options.volume; } v = this.options.muted ? 0 : v; if(this.status.noVolume) { if(this.css.jq.volumeBar.length) { this.css.jq.volumeBar.hide(); } if(this.css.jq.volumeBarValue.length) { this.css.jq.volumeBarValue.hide(); } if(this.css.jq.volumeMax.length) { this.css.jq.volumeMax.hide(); } } else { if(this.css.jq.volumeBar.length) { this.css.jq.volumeBar.show(); } if(this.css.jq.volumeBarValue.length) { this.css.jq.volumeBarValue.show(); this.css.jq.volumeBarValue[this.options.verticalVolume ? "height" : "width"]((v*100)+"%"); } if(this.css.jq.volumeMax.length) { this.css.jq.volumeMax.show(); } } }, volumeMax: function() { // Handles clicks on the volume max this.volume(1); if(this.options.muted) { this._muted(false); } }, _cssSelectorAncestor: function(ancestor) { var self = this; this.options.cssSelectorAncestor = ancestor; this._removeUiClass(); this.ancestorJq = ancestor ? $(ancestor) : []; // Would use $() instead of [], but it is only 1.4+ if(ancestor && this.ancestorJq.length !== 1) { // So empty strings do not generate the warning. this._warning( { type: $.jPlayer.warning.CSS_SELECTOR_COUNT, context: ancestor, message: $.jPlayer.warningMsg.CSS_SELECTOR_COUNT + this.ancestorJq.length + " found for cssSelectorAncestor.", hint: $.jPlayer.warningHint.CSS_SELECTOR_COUNT }); } this._addUiClass(); $.each(this.options.cssSelector, function(fn, cssSel) { self._cssSelector(fn, cssSel); }); // Set the GUI to the current state. this._updateInterface(); this._updateButtons(); this._updateAutohide(); this._updateVolume(); this._updateMute(); }, _cssSelector: function(fn, cssSel) { var self = this; if(typeof cssSel === 'string') { if($.jPlayer.prototype.options.cssSelector[fn]) { if(this.css.jq[fn] && this.css.jq[fn].length) { this.css.jq[fn].unbind(".jPlayer"); } this.options.cssSelector[fn] = cssSel; this.css.cs[fn] = this.options.cssSelectorAncestor + " " + cssSel; if(cssSel) { // Checks for empty string this.css.jq[fn] = $(this.css.cs[fn]); } else { this.css.jq[fn] = []; // To comply with the css.jq[fn].length check before its use. As of jQuery 1.4 could have used $() for an empty set. } if(this.css.jq[fn].length && this[fn]) { var handler = function(e) { e.preventDefault(); self[fn](e); if(self.options.autoBlur) { $(this).blur(); } }; this.css.jq[fn].bind("click.jPlayer", handler); // Using jPlayer namespace } if(cssSel && this.css.jq[fn].length !== 1) { // So empty strings do not generate the warning. ie., they just remove the old one. this._warning( { type: $.jPlayer.warning.CSS_SELECTOR_COUNT, context: this.css.cs[fn], message: $.jPlayer.warningMsg.CSS_SELECTOR_COUNT + this.css.jq[fn].length + " found for " + fn + " method.", hint: $.jPlayer.warningHint.CSS_SELECTOR_COUNT }); } } else { this._warning( { type: $.jPlayer.warning.CSS_SELECTOR_METHOD, context: fn, message: $.jPlayer.warningMsg.CSS_SELECTOR_METHOD, hint: $.jPlayer.warningHint.CSS_SELECTOR_METHOD }); } } else { this._warning( { type: $.jPlayer.warning.CSS_SELECTOR_STRING, context: cssSel, message: $.jPlayer.warningMsg.CSS_SELECTOR_STRING, hint: $.jPlayer.warningHint.CSS_SELECTOR_STRING }); } }, duration: function(e) { if(this.options.toggleDuration) { if(this.options.captureDuration) { e.stopPropagation(); } this._setOption("remainingDuration", !this.options.remainingDuration); } }, seekBar: function(e) { // Handles clicks on the seekBar if(this.css.jq.seekBar.length) { // Using $(e.currentTarget) to enable multiple seek bars var $bar = $(e.currentTarget), offset = $bar.offset(), x = e.pageX - offset.left, w = $bar.width(), p = 100 * x / w; this.playHead(p); } }, playbackRate: function(pbr) { this._setOption("playbackRate", pbr); }, playbackRateBar: function(e) { // Handles clicks on the playbackRateBar if(this.css.jq.playbackRateBar.length) { // Using $(e.currentTarget) to enable multiple playbackRate bars var $bar = $(e.currentTarget), offset = $bar.offset(), x = e.pageX - offset.left, w = $bar.width(), y = $bar.height() - e.pageY + offset.top, h = $bar.height(), ratio, pbr; if(this.options.verticalPlaybackRate) { ratio = y/h; } else { ratio = x/w; } pbr = ratio * (this.options.maxPlaybackRate - this.options.minPlaybackRate) + this.options.minPlaybackRate; this.playbackRate(pbr); } }, _updatePlaybackRate: function() { var pbr = this.options.playbackRate, ratio = (pbr - this.options.minPlaybackRate) / (this.options.maxPlaybackRate - this.options.minPlaybackRate); if(this.status.playbackRateEnabled) { if(this.css.jq.playbackRateBar.length) { this.css.jq.playbackRateBar.show(); } if(this.css.jq.playbackRateBarValue.length) { this.css.jq.playbackRateBarValue.show(); this.css.jq.playbackRateBarValue[this.options.verticalPlaybackRate ? "height" : "width"]((ratio*100)+"%"); } } else { if(this.css.jq.playbackRateBar.length) { this.css.jq.playbackRateBar.hide(); } if(this.css.jq.playbackRateBarValue.length) { this.css.jq.playbackRateBarValue.hide(); } } }, repeat: function(event) { // Handle clicks on the repeat button var guiAction = typeof event === "object"; // Flags GUI click events so we know this was not a direct command, but an action taken by the user on the GUI. if(guiAction && this.options.useStateClassSkin && this.options.loop) { this._loop(false); } else { this._loop(true); } }, repeatOff: function() { // Handle clicks on the repeatOff button this._loop(false); }, _loop: function(loop) { if(this.options.loop !== loop) { this.options.loop = loop; this._updateButtons(); this._trigger($.jPlayer.event.repeat); } }, // Options code adapted from ui.widget.js (1.8.7). Made changes so the key can use dot notation. To match previous getData solution in jPlayer 1. option: function(key, value) { var options = key; // Enables use: options(). Returns a copy of options object if ( arguments.length === 0 ) { return $.extend( true, {}, this.options ); } if(typeof key === "string") { var keys = key.split("."); // Enables use: options("someOption") Returns a copy of the option. Supports dot notation. if(value === undefined) { var opt = $.extend(true, {}, this.options); for(var i = 0; i < keys.length; i++) { if(opt[keys[i]] !== undefined) { opt = opt[keys[i]]; } else { this._warning( { type: $.jPlayer.warning.OPTION_KEY, context: key, message: $.jPlayer.warningMsg.OPTION_KEY, hint: $.jPlayer.warningHint.OPTION_KEY }); return undefined; } } return opt; } // Enables use: options("someOptionObject", someObject}). Creates: {someOptionObject:someObject} // Enables use: options("someOption", someValue). Creates: {someOption:someValue} // Enables use: options("someOptionObject.someOption", someValue). Creates: {someOptionObject:{someOption:someValue}} options = {}; var opts = options; for(var j = 0; j < keys.length; j++) { if(j < keys.length - 1) { opts[keys[j]] = {}; opts = opts[keys[j]]; } else { opts[keys[j]] = value; } } } // Otherwise enables use: options(optionObject). Uses original object (the key) this._setOptions(options); return this; }, _setOptions: function(options) { var self = this; $.each(options, function(key, value) { // This supports the 2 level depth that the options of jPlayer has. Would review if we ever need more depth. self._setOption(key, value); }); return this; }, _setOption: function(key, value) { var self = this; // The ability to set options is limited at this time. switch(key) { case "volume" : this.volume(value); break; case "muted" : this._muted(value); break; case "globalVolume" : this.options[key] = value; break; case "cssSelectorAncestor" : this._cssSelectorAncestor(value); // Set and refresh all associations for the new ancestor. break; case "cssSelector" : $.each(value, function(fn, cssSel) { self._cssSelector(fn, cssSel); // NB: The option is set inside this function, after further validity checks. }); break; case "playbackRate" : this.options[key] = value = this._limitValue(value, this.options.minPlaybackRate, this.options.maxPlaybackRate); if(this.html.used) { this._html_setProperty('playbackRate', value); } this._updatePlaybackRate(); break; case "defaultPlaybackRate" : this.options[key] = value = this._limitValue(value, this.options.minPlaybackRate, this.options.maxPlaybackRate); if(this.html.used) { this._html_setProperty('defaultPlaybackRate', value); } this._updatePlaybackRate(); break; case "minPlaybackRate" : this.options[key] = value = this._limitValue(value, 0.1, this.options.maxPlaybackRate - 0.1); this._updatePlaybackRate(); break; case "maxPlaybackRate" : this.options[key] = value = this._limitValue(value, this.options.minPlaybackRate + 0.1, 16); this._updatePlaybackRate(); break; case "fullScreen" : if(this.options[key] !== value) { // if changed var wkv = $.jPlayer.nativeFeatures.fullscreen.used.webkitVideo; if(!wkv || wkv && !this.status.waitForPlay) { if(!wkv) { // No sensible way to unset option on these devices. this.options[key] = value; } if(value) { this._requestFullscreen(); } else { this._exitFullscreen(); } if(!wkv) { this._setOption("fullWindow", value); } } } break; case "fullWindow" : if(this.options[key] !== value) { // if changed this._removeUiClass(); this.options[key] = value; this._refreshSize(); } break; case "size" : if(!this.options.fullWindow && this.options[key].cssClass !== value.cssClass) { this._removeUiClass(); } this.options[key] = $.extend({}, this.options[key], value); // store a merged copy of it, incase not all properties changed. this._refreshSize(); break; case "sizeFull" : if(this.options.fullWindow && this.options[key].cssClass !== value.cssClass) { this._removeUiClass(); } this.options[key] = $.extend({}, this.options[key], value); // store a merged copy of it, incase not all properties changed. this._refreshSize(); break; case "autohide" : this.options[key] = $.extend({}, this.options[key], value); // store a merged copy of it, incase not all properties changed. this._updateAutohide(); break; case "loop" : this._loop(value); break; case "remainingDuration" : this.options[key] = value; this._updateInterface(); break; case "toggleDuration" : this.options[key] = value; break; case "nativeVideoControls" : this.options[key] = $.extend({}, this.options[key], value); // store a merged copy of it, incase not all properties changed. this.status.nativeVideoControls = this._uaBlocklist(this.options.nativeVideoControls); this._restrictNativeVideoControls(); this._updateNativeVideoControls(); break; case "noFullWindow" : this.options[key] = $.extend({}, this.options[key], value); // store a merged copy of it, incase not all properties changed. this.status.nativeVideoControls = this._uaBlocklist(this.options.nativeVideoControls); // Need to check again as noFullWindow can depend on this flag and the restrict() can override it. this.status.noFullWindow = this._uaBlocklist(this.options.noFullWindow); this._restrictNativeVideoControls(); this._updateButtons(); break; case "noVolume" : this.options[key] = $.extend({}, this.options[key], value); // store a merged copy of it, incase not all properties changed. this.status.noVolume = this._uaBlocklist(this.options.noVolume); this._updateVolume(); this._updateMute(); break; case "emulateHtml" : if(this.options[key] !== value) { // To avoid multiple event handlers being created, if true already. this.options[key] = value; if(value) { this._emulateHtmlBridge(); } else { this._destroyHtmlBridge(); } } break; case "timeFormat" : this.options[key] = $.extend({}, this.options[key], value); // store a merged copy of it, incase not all properties changed. break; case "keyEnabled" : this.options[key] = value; if(!value && this === $.jPlayer.focus) { $.jPlayer.focus = null; } break; case "keyBindings" : this.options[key] = $.extend(true, {}, this.options[key], value); // store a merged DEEP copy of it, incase not all properties changed. break; case "audioFullScreen" : this.options[key] = value; break; case "autoBlur" : this.options[key] = value; break; } return this; }, // End of: (Options code adapted from ui.widget.js) _refreshSize: function() { this._setSize(); // update status and jPlayer element size this._addUiClass(); // update the ui class this._updateSize(); // update internal sizes this._updateButtons(); this._updateAutohide(); this._trigger($.jPlayer.event.resize); }, _setSize: function() { // Determine the current size from the options if(this.options.fullWindow) { this.status.width = this.options.sizeFull.width; this.status.height = this.options.sizeFull.height; this.status.cssClass = this.options.sizeFull.cssClass; } else { this.status.width = this.options.size.width; this.status.height = this.options.size.height; this.status.cssClass = this.options.size.cssClass; } // Set the size of the jPlayer area. this.element.css({'width': this.status.width, 'height': this.status.height}); }, _addUiClass: function() { if(this.ancestorJq.length) { this.ancestorJq.addClass(this.status.cssClass); } }, _removeUiClass: function() { if(this.ancestorJq.length) { this.ancestorJq.removeClass(this.status.cssClass); } }, _updateSize: function() { // The poster uses show/hide so can simply resize it. this.internal.poster.jq.css({'width': this.status.width, 'height': this.status.height}); // Video html or flash resized if necessary at this time, or if native video controls being used. if(!this.status.waitForPlay && this.html.active && this.status.video || this.html.video.available && this.html.used && this.status.nativeVideoControls) { this.internal.video.jq.css({'width': this.status.width, 'height': this.status.height}); } else if(!this.status.waitForPlay && this.flash.active && this.status.video) { this.internal.flash.jq.css({'width': this.status.width, 'height': this.status.height}); } }, _updateAutohide: function() { var self = this, event = "mousemove.jPlayer", namespace = ".jPlayerAutohide", eventType = event + namespace, handler = function() { self.css.jq.gui.fadeIn(self.options.autohide.fadeIn, function() { clearTimeout(self.internal.autohideId); self.internal.autohideId = setTimeout( function() { self.css.jq.gui.fadeOut(self.options.autohide.fadeOut); }, self.options.autohide.hold); }); }; if(this.css.jq.gui.length) { // End animations first so that its callback is executed now. // Otherwise an in progress fadeIn animation still has the callback to fadeOut again. this.css.jq.gui.stop(true, true); // Removes the fadeOut operation from the fadeIn callback. clearTimeout(this.internal.autohideId); this.element.unbind(namespace); this.css.jq.gui.unbind(namespace); if(!this.status.nativeVideoControls) { if(this.options.fullWindow && this.options.autohide.full || !this.options.fullWindow && this.options.autohide.restored) { this.element.bind(eventType, handler); this.css.jq.gui.bind(eventType, handler); this.css.jq.gui.hide(); } else { this.css.jq.gui.show(); } } else { this.css.jq.gui.hide(); } } }, fullScreen: function(event) { var guiAction = typeof event === "object"; // Flags GUI click events so we know this was not a direct command, but an action taken by the user on the GUI. if(guiAction && this.options.useStateClassSkin && this.options.fullScreen) { this._setOption("fullScreen", false); } else { this._setOption("fullScreen", true); } }, restoreScreen: function() { this._setOption("fullScreen", false); }, _fullscreenAddEventListeners: function() { var self = this, fs = $.jPlayer.nativeFeatures.fullscreen; if(fs.api.fullscreenEnabled) { if(fs.event.fullscreenchange) { // Create the event handler function and store it for removal. if(typeof this.internal.fullscreenchangeHandler !== 'function') { this.internal.fullscreenchangeHandler = function() { self._fullscreenchange(); }; } document.addEventListener(fs.event.fullscreenchange, this.internal.fullscreenchangeHandler, false); } // No point creating handler for fullscreenerror. // Either logic avoids fullscreen occurring (w3c/moz), or their is no event on the browser (webkit). } }, _fullscreenRemoveEventListeners: function() { var fs = $.jPlayer.nativeFeatures.fullscreen; if(this.internal.fullscreenchangeHandler) { document.removeEventListener(fs.event.fullscreenchange, this.internal.fullscreenchangeHandler, false); } }, _fullscreenchange: function() { // If nothing is fullscreen, then we cannot be in fullscreen mode. if(this.options.fullScreen && !$.jPlayer.nativeFeatures.fullscreen.api.fullscreenElement()) { this._setOption("fullScreen", false); } }, _requestFullscreen: function() { // Either the container or the jPlayer div var e = this.ancestorJq.length ? this.ancestorJq[0] : this.element[0], fs = $.jPlayer.nativeFeatures.fullscreen; // This method needs the video element. For iOS and Android. if(fs.used.webkitVideo) { e = this.htmlElement.video; } if(fs.api.fullscreenEnabled) { fs.api.requestFullscreen(e); } }, _exitFullscreen: function() { var fs = $.jPlayer.nativeFeatures.fullscreen, e; // This method needs the video element. For iOS and Android. if(fs.used.webkitVideo) { e = this.htmlElement.video; } if(fs.api.fullscreenEnabled) { fs.api.exitFullscreen(e); } }, _html_initMedia: function(media) { // Remove any existing track elements var $media = $(this.htmlElement.media).empty(); // Create any track elements given with the media, as an Array of track Objects. $.each(media.track || [], function(i,v) { var track = document.createElement('track'); track.setAttribute("kind", v.kind ? v.kind : ""); track.setAttribute("src", v.src ? v.src : ""); track.setAttribute("srclang", v.srclang ? v.srclang : ""); track.setAttribute("label", v.label ? v.label : ""); if(v.def) { track.setAttribute("default", v.def); } $media.append(track); }); this.htmlElement.media.src = this.status.src; if(this.options.preload !== 'none') { this._html_load(); // See function for comments } this._trigger($.jPlayer.event.timeupdate); // The flash generates this event for its solution. }, _html_setFormat: function(media) { var self = this; // Always finds a format due to checks in setMedia() $.each(this.formats, function(priority, format) { if(self.html.support[format] && media[format]) { self.status.src = media[format]; self.status.format[format] = true; self.status.formatType = format; return false; } }); }, _html_setAudio: function(media) { this._html_setFormat(media); this.htmlElement.media = this.htmlElement.audio; this._html_initMedia(media); }, _html_setVideo: function(media) { this._html_setFormat(media); if(this.status.nativeVideoControls) { this.htmlElement.video.poster = this._validString(media.poster) ? media.poster : ""; } this.htmlElement.media = this.htmlElement.video; this._html_initMedia(media); }, _html_resetMedia: function() { if(this.htmlElement.media) { if(this.htmlElement.media.id === this.internal.video.id && !this.status.nativeVideoControls) { this.internal.video.jq.css({'width':'0px', 'height':'0px'}); } this.htmlElement.media.pause(); } }, _html_clearMedia: function() { if(this.htmlElement.media) { this.htmlElement.media.src = "about:blank"; // The following load() is only required for Firefox 3.6 (PowerMacs). // Recent HTMl5 browsers only require the src change. Due to changes in W3C spec and load() effect. this.htmlElement.media.load(); // Stops an old, "in progress" download from continuing the download. Triggers the loadstart, error and emptied events, due to the empty src. Also an abort event if a download was in progress. } }, _html_load: function() { // This function remains to allow the early HTML5 browsers to work, such as Firefox 3.6 // A change in the W3C spec for the media.load() command means that this is no longer necessary. // This command should be removed and actually causes minor undesirable effects on some browsers. Such as loading the whole file and not only the metadata. if(this.status.waitForLoad) { this.status.waitForLoad = false; this.htmlElement.media.load(); } clearTimeout(this.internal.htmlDlyCmdId); }, _html_play: function(time) { var self = this, media = this.htmlElement.media; this.androidFix.pause = false; // Cancel the pause fix. this._html_load(); // Loads if required and clears any delayed commands. // Setup the Android Fix. if(this.androidFix.setMedia) { this.androidFix.play = true; this.androidFix.time = time; } else if(!isNaN(time)) { // Attempt to play it, since iOS has been ignoring commands if(this.internal.cmdsIgnored) { media.play(); } try { // !media.seekable is for old HTML5 browsers, like Firefox 3.6. // Checking seekable.length is important for iOS6 to work with setMedia().play(time) if(!media.seekable || typeof media.seekable === "object" && media.seekable.length > 0) { media.currentTime = time; media.play(); } else { throw 1; } } catch(err) { this.internal.htmlDlyCmdId = setTimeout(function() { self.play(time); }, 250); return; // Cancel execution and wait for the delayed command. } } else { media.play(); } this._html_checkWaitForPlay(); }, _html_pause: function(time) { var self = this, media = this.htmlElement.media; this.androidFix.play = false; // Cancel the play fix. if(time > 0) { // We do not want the stop() command, which does pause(0), causing a load operation. this._html_load(); // Loads if required and clears any delayed commands. } else { clearTimeout(this.internal.htmlDlyCmdId); } // Order of these commands is important for Safari (Win) and IE9. Pause then change currentTime. media.pause(); // Setup the Android Fix. if(this.androidFix.setMedia) { this.androidFix.pause = true; this.androidFix.time = time; } else if(!isNaN(time)) { try { if(!media.seekable || typeof media.seekable === "object" && media.seekable.length > 0) { media.currentTime = time; } else { throw 1; } } catch(err) { this.internal.htmlDlyCmdId = setTimeout(function() { self.pause(time); }, 250); return; // Cancel execution and wait for the delayed command. } } if(time > 0) { // Avoids a setMedia() followed by stop() or pause(0) hiding the video play button. this._html_checkWaitForPlay(); } }, _html_playHead: function(percent) { var self = this, media = this.htmlElement.media; this._html_load(); // Loads if required and clears any delayed commands. // This playHead() method needs a refactor to apply the android fix. try { if(typeof media.seekable === "object" && media.seekable.length > 0) { media.currentTime = percent * media.seekable.end(media.seekable.length-1) / 100; } else if(media.duration > 0 && !isNaN(media.duration)) { media.currentTime = percent * media.duration / 100; } else { throw "e"; } } catch(err) { this.internal.htmlDlyCmdId = setTimeout(function() { self.playHead(percent); }, 250); return; // Cancel execution and wait for the delayed command. } if(!this.status.waitForLoad) { this._html_checkWaitForPlay(); } }, _html_checkWaitForPlay: function() { if(this.status.waitForPlay) { this.status.waitForPlay = false; if(this.css.jq.videoPlay.length) { this.css.jq.videoPlay.hide(); } if(this.status.video) { this.internal.poster.jq.hide(); this.internal.video.jq.css({'width': this.status.width, 'height': this.status.height}); } } }, _html_setProperty: function(property, value) { if(this.html.audio.available) { this.htmlElement.audio[property] = value; } if(this.html.video.available) { this.htmlElement.video[property] = value; } }, _flash_setAudio: function(media) { var self = this; try { // Always finds a format due to checks in setMedia() $.each(this.formats, function(priority, format) { if(self.flash.support[format] && media[format]) { switch (format) { case "m4a" : case "fla" : self._getMovie().fl_setAudio_m4a(media[format]); break; case "mp3" : self._getMovie().fl_setAudio_mp3(media[format]); break; case "rtmpa": self._getMovie().fl_setAudio_rtmp(media[format]); break; } self.status.src = media[format]; self.status.format[format] = true; self.status.formatType = format; return false; } }); if(this.options.preload === 'auto') { this._flash_load(); this.status.waitForLoad = false; } } catch(err) { this._flashError(err); } }, _flash_setVideo: function(media) { var self = this; try { // Always finds a format due to checks in setMedia() $.each(this.formats, function(priority, format) { if(self.flash.support[format] && media[format]) { switch (format) { case "m4v" : case "flv" : self._getMovie().fl_setVideo_m4v(media[format]); break; case "rtmpv": self._getMovie().fl_setVideo_rtmp(media[format]); break; } self.status.src = media[format]; self.status.format[format] = true; self.status.formatType = format; return false; } }); if(this.options.preload === 'auto') { this._flash_load(); this.status.waitForLoad = false; } } catch(err) { this._flashError(err); } }, _flash_resetMedia: function() { this.internal.flash.jq.css({'width':'0px', 'height':'0px'}); // Must do via CSS as setting attr() to zero causes a jQuery error in IE. this._flash_pause(NaN); }, _flash_clearMedia: function() { try { this._getMovie().fl_clearMedia(); } catch(err) { this._flashError(err); } }, _flash_load: function() { try { this._getMovie().fl_load(); } catch(err) { this._flashError(err); } this.status.waitForLoad = false; }, _flash_play: function(time) { try { this._getMovie().fl_play(time); } catch(err) { this._flashError(err); } this.status.waitForLoad = false; this._flash_checkWaitForPlay(); }, _flash_pause: function(time) { try { this._getMovie().fl_pause(time); } catch(err) { this._flashError(err); } if(time > 0) { // Avoids a setMedia() followed by stop() or pause(0) hiding the video play button. this.status.waitForLoad = false; this._flash_checkWaitForPlay(); } }, _flash_playHead: function(p) { try { this._getMovie().fl_play_head(p); } catch(err) { this._flashError(err); } if(!this.status.waitForLoad) { this._flash_checkWaitForPlay(); } }, _flash_checkWaitForPlay: function() { if(this.status.waitForPlay) { this.status.waitForPlay = false; if(this.css.jq.videoPlay.length) { this.css.jq.videoPlay.hide(); } if(this.status.video) { this.internal.poster.jq.hide(); this.internal.flash.jq.css({'width': this.status.width, 'height': this.status.height}); } } }, _flash_volume: function(v) { try { this._getMovie().fl_volume(v); } catch(err) { this._flashError(err); } }, _flash_mute: function(m) { try { this._getMovie().fl_mute(m); } catch(err) { this._flashError(err); } }, _getMovie: function() { return document[this.internal.flash.id]; }, _getFlashPluginVersion: function() { // _getFlashPluginVersion() code influenced by: // - FlashReplace 1.01: http://code.google.com/p/flashreplace/ // - SWFObject 2.2: http://code.google.com/p/swfobject/ var version = 0, flash; if(window.ActiveXObject) { try { flash = new ActiveXObject("ShockwaveFlash.ShockwaveFlash"); if (flash) { // flash will return null when ActiveX is disabled var v = flash.GetVariable("$version"); if(v) { v = v.split(" ")[1].split(","); version = parseInt(v[0], 10) + "." + parseInt(v[1], 10); } } } catch(e) {} } else if(navigator.plugins && navigator.mimeTypes.length > 0) { flash = navigator.plugins["Shockwave Flash"]; if(flash) { version = navigator.plugins["Shockwave Flash"].description.replace(/.*\s(\d+\.\d+).*/, "$1"); } } return version * 1; // Converts to a number }, _checkForFlash: function (version) { var flashOk = false; if(this._getFlashPluginVersion() >= version) { flashOk = true; } return flashOk; }, _validString: function(url) { return (url && typeof url === "string"); // Empty strings return false }, _limitValue: function(value, min, max) { return (value < min) ? min : ((value > max) ? max : value); }, _urlNotSetError: function(context) { this._error( { type: $.jPlayer.error.URL_NOT_SET, context: context, message: $.jPlayer.errorMsg.URL_NOT_SET, hint: $.jPlayer.errorHint.URL_NOT_SET }); }, _flashError: function(error) { var errorType; if(!this.internal.ready) { errorType = "FLASH"; } else { errorType = "FLASH_DISABLED"; } this._error( { type: $.jPlayer.error[errorType], context: this.internal.flash.swf, message: $.jPlayer.errorMsg[errorType] + error.message, hint: $.jPlayer.errorHint[errorType] }); // Allow the audio player to recover if display:none and then shown again, or with position:fixed on Firefox. // This really only affects audio in a media player, as an audio player could easily move the jPlayer element away from such issues. this.internal.flash.jq.css({'width':'1px', 'height':'1px'}); }, _error: function(error) { this._trigger($.jPlayer.event.error, error); if(this.options.errorAlerts) { this._alert("Error!" + (error.message ? "\n" + error.message : "") + (error.hint ? "\n" + error.hint : "") + "\nContext: " + error.context); } }, _warning: function(warning) { this._trigger($.jPlayer.event.warning, undefined, warning); if(this.options.warningAlerts) { this._alert("Warning!" + (warning.message ? "\n" + warning.message : "") + (warning.hint ? "\n" + warning.hint : "") + "\nContext: " + warning.context); } }, _alert: function(message) { var msg = "jPlayer " + this.version.script + " : id='" + this.internal.self.id +"' : " + message; if(!this.options.consoleAlerts) { alert(msg); } else if(window.console && window.console.log) { window.console.log(msg); } }, _emulateHtmlBridge: function() { var self = this; // Emulate methods on jPlayer's DOM element. $.each( $.jPlayer.emulateMethods.split(/\s+/g), function(i, name) { self.internal.domNode[name] = function(arg) { self[name](arg); }; }); // Bubble jPlayer events to its DOM element. $.each($.jPlayer.event, function(eventName,eventType) { var nativeEvent = true; $.each( $.jPlayer.reservedEvent.split(/\s+/g), function(i, name) { if(name === eventName) { nativeEvent = false; return false; } }); if(nativeEvent) { self.element.bind(eventType + ".jPlayer.jPlayerHtml", function() { // With .jPlayer & .jPlayerHtml namespaces. self._emulateHtmlUpdate(); var domEvent = document.createEvent("Event"); domEvent.initEvent(eventName, false, true); self.internal.domNode.dispatchEvent(domEvent); }); } // The error event would require a special case }); // IE9 has a readyState property on all elements. The document should have it, but all (except media) elements inherit it in IE9. This conflicts with Popcorn, which polls the readyState. }, _emulateHtmlUpdate: function() { var self = this; $.each( $.jPlayer.emulateStatus.split(/\s+/g), function(i, name) { self.internal.domNode[name] = self.status[name]; }); $.each( $.jPlayer.emulateOptions.split(/\s+/g), function(i, name) { self.internal.domNode[name] = self.options[name]; }); }, _destroyHtmlBridge: function() { var self = this; // Bridge event handlers are also removed by destroy() through .jPlayer namespace. this.element.unbind(".jPlayerHtml"); // Remove all event handlers created by the jPlayer bridge. So you can change the emulateHtml option. // Remove the methods and properties var emulated = $.jPlayer.emulateMethods + " " + $.jPlayer.emulateStatus + " " + $.jPlayer.emulateOptions; $.each( emulated.split(/\s+/g), function(i, name) { delete self.internal.domNode[name]; }); } }; $.jPlayer.error = { FLASH: "e_flash", FLASH_DISABLED: "e_flash_disabled", NO_SOLUTION: "e_no_solution", NO_SUPPORT: "e_no_support", URL: "e_url", URL_NOT_SET: "e_url_not_set", VERSION: "e_version" }; $.jPlayer.errorMsg = { FLASH: "jPlayer's Flash fallback is not configured correctly, or a command was issued before the jPlayer Ready event. Details: ", // Used in: _flashError() FLASH_DISABLED: "jPlayer's Flash fallback has been disabled by the browser due to the CSS rules you have used. Details: ", // Used in: _flashError() NO_SOLUTION: "No solution can be found by jPlayer in this browser. Neither HTML nor Flash can be used.", // Used in: _init() NO_SUPPORT: "It is not possible to play any media format provided in setMedia() on this browser using your current options.", // Used in: setMedia() URL: "Media URL could not be loaded.", // Used in: jPlayerFlashEvent() and _addHtmlEventListeners() URL_NOT_SET: "Attempt to issue media playback commands, while no media url is set.", // Used in: load(), play(), pause(), stop() and playHead() VERSION: "jPlayer " + $.jPlayer.prototype.version.script + " needs Jplayer.swf version " + $.jPlayer.prototype.version.needFlash + " but found " // Used in: jPlayerReady() }; $.jPlayer.errorHint = { FLASH: "Check your swfPath option and that Jplayer.swf is there.", FLASH_DISABLED: "Check that you have not display:none; the jPlayer entity or any ancestor.", NO_SOLUTION: "Review the jPlayer options: support and supplied.", NO_SUPPORT: "Video or audio formats defined in the supplied option are missing.", URL: "Check media URL is valid.", URL_NOT_SET: "Use setMedia() to set the media URL.", VERSION: "Update jPlayer files." }; $.jPlayer.warning = { CSS_SELECTOR_COUNT: "e_css_selector_count", CSS_SELECTOR_METHOD: "e_css_selector_method", CSS_SELECTOR_STRING: "e_css_selector_string", OPTION_KEY: "e_option_key" }; $.jPlayer.warningMsg = { CSS_SELECTOR_COUNT: "The number of css selectors found did not equal one: ", CSS_SELECTOR_METHOD: "The methodName given in jPlayer('cssSelector') is not a valid jPlayer method.", CSS_SELECTOR_STRING: "The methodCssSelector given in jPlayer('cssSelector') is not a String or is empty.", OPTION_KEY: "The option requested in jPlayer('option') is undefined." }; $.jPlayer.warningHint = { CSS_SELECTOR_COUNT: "Check your css selector and the ancestor.", CSS_SELECTOR_METHOD: "Check your method name.", CSS_SELECTOR_STRING: "Check your css selector is a string.", OPTION_KEY: "Check your option name." }; }));