<{$action.item.item

").append(e.replace(yn,"")).find(i):e)}),this},v.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(e,t){v.fn[t]=function(e){return this.on(t,e)}}),v.each(["get","post"],function(e,n){v[n]=function(e,r,i,s){return v.isFunction(r)&&(s=s||i,i=r,r=t),v.ajax({type:n,url:e,data:r,success:i,dataType:s})}}),v.extend({getScript:function(e,n){return v.get(e,t,n,"script")},getJSON:function(e,t,n){return v.get(e,t,n,"json")},ajaxSetup:function(e,t){return t?Ln(e,v.ajaxSettings):(t=e,e=v.ajaxSettings),Ln(e,t),e},ajaxSettings:{url:cn,isLocal:dn.test(ln[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":Tn},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":e.String,"text html":!0,"text json":v.parseJSON,"text xml":v.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:Cn(Sn),ajaxTransport:Cn(xn),ajax:function(e,n){function T(e,n,s,a){var l,y,b,w,S,T=n;if(E===2)return;E=2,u&&clearTimeout(u),o=t,i=a||"",x.readyState=e>0?4:0,s&&(w=An(c,x,s));if(e>=200&&e<300||e===304)c.ifModified&&(S=x.getResponseHeader("Last-Modified"),S&&(v.lastModified[r]=S),S=x.getResponseHeader("Etag"),S&&(v.etag[r]=S)),e===304?(T="notmodified",l=!0):(l=On(c,w),T=l.state,y=l.data,b=l.error,l=!b);else{b=T;if(!T||e)T="error",e<0&&(e=0)}x.status=e,x.statusText=(n||T)+"",l?d.resolveWith(h,[y,T,x]):d.rejectWith(h,[x,T,b]),x.statusCode(g),g=t,f&&p.trigger("ajax"+(l?"Success":"Error"),[x,c,l?y:b]),m.fireWith(h,[x,T]),f&&(p.trigger("ajaxComplete",[x,c]),--v.active||v.event.trigger("ajaxStop"))}typeof e=="object"&&(n=e,e=t),n=n||{};var r,i,s,o,u,a,f,l,c=v.ajaxSetup({},n),h=c.context||c,p=h!==c&&(h.nodeType||h instanceof v)?v(h):v.event,d=v.Deferred(),m=v.Callbacks("once memory"),g=c.statusCode||{},b={},w={},E=0,S="canceled",x={readyState:0,setRequestHeader:function(e,t){if(!E){var n=e.toLowerCase();e=w[n]=w[n]||e,b[e]=t}return this},getAllResponseHeaders:function(){return E===2?i:null},getResponseHeader:function(e){var n;if(E===2){if(!s){s={};while(n=pn.exec(i))s[n[1].toLowerCase()]=n[2]}n=s[e.toLowerCase()]}return n===t?null:n},overrideMimeType:function(e){return E||(c.mimeType=e),this},abort:function(e){return e=e||S,o&&o.abort(e),T(0,e),this}};d.promise(x),x.success=x.done,x.error=x.fail,x.complete=m.add,x.statusCode=function(e){if(e){var t;if(E<2)for(t in e)g[t]=[g[t],e[t]];else t=e[x.status],x.always(t)}return this},c.url=((e||c.url)+"").replace(hn,"").replace(mn,ln[1]+"//"),c.dataTypes=v.trim(c.dataType||"*").toLowerCase().split(y),c.crossDomain==null&&(a=wn.exec(c.url.toLowerCase()),c.crossDomain=!(!a||a[1]===ln[1]&&a[2]===ln[2]&&(a[3]||(a[1]==="http:"?80:443))==(ln[3]||(ln[1]==="http:"?80:443)))),c.data&&c.processData&&typeof c.data!="string"&&(c.data=v.param(c.data,c.traditional)),kn(Sn,c,n,x);if(E===2)return x;f=c.global,c.type=c.type.toUpperCase(),c.hasContent=!vn.test(c.type),f&&v.active++===0&&v.event.trigger("ajaxStart");if(!c.hasContent){c.data&&(c.url+=(gn.test(c.url)?"&":"?")+c.data,delete c.data),r=c.url;if(c.cache===!1){var N=v.now(),C=c.url.replace(bn,"$1_="+N);c.url=C+(C===c.url?(gn.test(c.url)?"&":"?")+"_="+N:"")}}(c.data&&c.hasContent&&c.contentType!==!1||n.contentType)&&x.setRequestHeader("Content-Type",c.contentType),c.ifModified&&(r=r||c.url,v.lastModified[r]&&x.setRequestHeader("If-Modified-Since",v.lastModified[r]),v.etag[r]&&x.setRequestHeader("If-None-Match",v.etag[r])),x.setRequestHeader("Accept",c.dataTypes[0]&&c.accepts[c.dataTypes[0]]?c.accepts[c.dataTypes[0]]+(c.dataTypes[0]!=="*"?", "+Tn+"; q=0.01":""):c.accepts["*"]);for(l in c.headers)x.setRequestHeader(l,c.headers[l]);if(!c.beforeSend||c.beforeSend.call(h,x,c)!==!1&&E!==2){S="abort";for(l in{success:1,error:1,complete:1})x[l](c[l]);o=kn(xn,c,n,x);if(!o)T(-1,"No Transport");else{x.readyState=1,f&&p.trigger("ajaxSend",[x,c]),c.async&&c.timeout>0&&(u=setTimeout(function(){x.abort("timeout")},c.timeout));try{E=1,o.send(b,T)}catch(k){if(!(E<2))throw k;T(-1,k)}}return x}return x.abort()},active:0,lastModified:{},etag:{}});var Mn=[],_n=/\?/,Dn=/(=)\?(?=&|$)|\?\?/,Pn=v.now();v.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Mn.pop()||v.expando+"_"+Pn++;return this[e]=!0,e}}),v.ajaxPrefilter("json jsonp",function(n,r,i){var s,o,u,a=n.data,f=n.url,l=n.jsonp!==!1,c=l&&Dn.test(f),h=l&&!c&&typeof a=="string"&&!(n.contentType||"").indexOf("application/x-www-form-urlencoded")&&Dn.test(a);if(n.dataTypes[0]==="jsonp"||c||h)return s=n.jsonpCallback=v.isFunction(n.jsonpCallback)?n.jsonpCallback():n.jsonpCallback,o=e[s],c?n.url=f.replace(Dn,"$1"+s):h?n.data=a.replace(Dn,"$1"+s):l&&(n.url+=(_n.test(f)?"&":"?")+n.jsonp+"="+s),n.converters["script json"]=function(){return u||v.error(s+" was not called"),u[0]},n.dataTypes[0]="json",e[s]=function(){u=arguments},i.always(function(){e[s]=o,n[s]&&(n.jsonpCallback=r.jsonpCallback,Mn.push(s)),u&&v.isFunction(o)&&o(u[0]),u=o=t}),"script"}),v.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(e){return v.globalEval(e),e}}}),v.ajaxPrefilter("script",function(e){e.cache===t&&(e.cache=!1),e.crossDomain&&(e.type="GET",e.global=!1)}),v.ajaxTransport("script",function(e){if(e.crossDomain){var n,r=i.head||i.getElementsByTagName("head")[0]||i.documentElement;return{send:function(s,o){n=i.createElement("script"),n.async="async",e.scriptCharset&&(n.charset=e.scriptCharset),n.src=e.url,n.onload=n.onreadystatechange=function(e,i){if(i||!n.readyState||/loaded|complete/.test(n.readyState))n.onload=n.onreadystatechange=null,r&&n.parentNode&&r.removeChild(n),n=t,i||o(200,"success")},r.insertBefore(n,r.firstChild)},abort:function(){n&&n.onload(0,1)}}}});var Hn,Bn=e.ActiveXObject?function(){for(var e in Hn)Hn[e](0,1)}:!1,jn=0;v.ajaxSettings.xhr=e.ActiveXObject?function(){return!this.isLocal&&Fn()||In()}:Fn,function(e){v.extend(v.support,{ajax:!!e,cors:!!e&&"withCredentials"in e})}(v.ajaxSettings.xhr()),v.support.ajax&&v.ajaxTransport(function(n){if(!n.crossDomain||v.support.cors){var r;return{send:function(i,s){var o,u,a=n.xhr();n.username?a.open(n.type,n.url,n.async,n.username,n.password):a.open(n.type,n.url,n.async);if(n.xhrFields)for(u in n.xhrFields)a[u]=n.xhrFields[u];n.mimeType&&a.overrideMimeType&&a.overrideMimeType(n.mimeType),!n.crossDomain&&!i["X-Requested-With"]&&(i["X-Requested-With"]="XMLHttpRequest");try{for(u in i)a.setRequestHeader(u,i[u])}catch(f){}a.send(n.hasContent&&n.data||null),r=function(e,i){var u,f,l,c,h;try{if(r&&(i||a.readyState===4)){r=t,o&&(a.onreadystatechange=v.noop,Bn&&delete Hn[o]);if(i)a.readyState!==4&&a.abort();else{u=a.status,l=a.getAllResponseHeaders(),c={},h=a.responseXML,h&&h.documentElement&&(c.xml=h);try{c.text=a.responseText}catch(p){}try{f=a.statusText}catch(p){f=""}!u&&n.isLocal&&!n.crossDomain?u=c.text?200:404:u===1223&&(u=204)}}}catch(d){i||s(-1,d)}c&&s(u,f,c,l)},n.async?a.readyState===4?setTimeout(r,0):(o=++jn,Bn&&(Hn||(Hn={},v(e).unload(Bn)),Hn[o]=r),a.onreadystatechange=r):r()},abort:function(){r&&r(0,1)}}}});var qn,Rn,Un=/^(?:toggle|show|hide)$/,zn=new RegExp("^(?:([-+])=|)("+m+")([a-z%]*)$","i"),Wn=/queueHooks$/,Xn=[Gn],Vn={"*":[function(e,t){var n,r,i=this.createTween(e,t),s=zn.exec(t),o=i.cur(),u=+o||0,a=1,f=20;if(s){n=+s[2],r=s[3]||(v.cssNumber[e]?"":"px");if(r!=="px"&&u){u=v.css(i.elem,e,!0)||n||1;do a=a||".5",u/=a,v.style(i.elem,e,u+r);while(a!==(a=i.cur()/o)&&a!==1&&--f)}i.unit=r,i.start=u,i.end=s[1]?u+(s[1]+1)*n:n}return i}]};v.Animation=v.extend(Kn,{tweener:function(e,t){v.isFunction(e)?(t=e,e=["*"]):e=e.split(" ");var n,r=0,i=e.length;for(;r-1,f={},l={},c,h;a?(l=i.position(),c=l.top,h=l.left):(c=parseFloat(o)||0,h=parseFloat(u)||0),v.isFunction(t)&&(t=t.call(e,n,s)),t.top!=null&&(f.top=t.top-s.top+c),t.left!=null&&(f.left=t.left-s.left+h),"using"in t?t.using.call(e,f):i.css(f)}},v.fn.extend({position:function(){if(!this[0])return;var e=this[0],t=this.offsetParent(),n=this.offset(),r=er.test(t[0].nodeName)?{top:0,left:0}:t.offset();return n.top-=parseFloat(v.css(e,"marginTop"))||0,n.left-=parseFloat(v.css(e,"marginLeft"))||0,r.top+=parseFloat(v.css(t[0],"borderTopWidth"))||0,r.left+=parseFloat(v.css(t[0],"borderLeftWidth"))||0,{top:n.top-r.top,left:n.left-r.left}},offsetParent:function(){return this.map(function(){var e=this.offsetParent||i.body;while(e&&!er.test(e.nodeName)&&v.css(e,"position")==="static")e=e.offsetParent;return e||i.body})}}),v.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(e,n){var r=/Y/.test(n);v.fn[e]=function(i){return v.access(this,function(e,i,s){var o=tr(e);if(s===t)return o?n in o?o[n]:o.document.documentElement[i]:e[i];o?o.scrollTo(r?v(o).scrollLeft():s,r?s:v(o).scrollTop()):e[i]=s},e,i,arguments.length,null)}}),v.each({Height:"height",Width:"width"},function(e,n){v.each({padding:"inner"+e,content:n,"":"outer"+e},function(r,i){v.fn[i]=function(i,s){var o=arguments.length&&(r||typeof i!="boolean"),u=r||(i===!0||s===!0?"margin":"border");return v.access(this,function(n,r,i){var s;return v.isWindow(n)?n.document.documentElement["client"+e]:n.nodeType===9?(s=n.documentElement,Math.max(n.body["scroll"+e],s["scroll"+e],n.body["offset"+e],s["offset"+e],s["client"+e])):i===t?v.css(n,r,i,u):v.style(n,r,i,u)},n,o?i:t,o,null)}})}),e.jQuery=e.$=v,typeof define=="function"&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return v})})(window); \ No newline at end of file diff --git a/multimedia/files/images/jquery.jplayer.js b/multimedia/files/images/jquery.jplayer.js new file mode 100644 index 0000000..f1ffed7 --- /dev/null +++ b/multimedia/files/images/jquery.jplayer.js @@ -0,0 +1,2663 @@ +/* + * jPlayer Plugin for jQuery JavaScript Library + * http://www.jplayer.org + * + * Copyright (c) 2009 - 2012 Happyworm Ltd + * Dual licensed under the MIT and GPL licenses. + * - http://www.opensource.org/licenses/mit-license.php + * - http://www.gnu.org/copyleft/gpl.html + * + * Author: Mark J Panaghiston + * Version: 2.2.15 + * Date: 19th November 2012 + */ + +/* 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 */ + +(function (root, factory) { + if (typeof define === 'function' && define.amd) { + // AMD. Register as an anonymous module. + define(['jquery'], factory); + } else { + // Browser globals + factory(root.jQuery); + } +}(this, function ($, undefined) { + + // Adapted from jquery.ui.widget.js (1.8.7): $.widget.bridge + $.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 = $.data( this, 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 = $.data( this, 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 { + $.data( this, 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)) + + // 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', + '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", + // "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" + // "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"); + } + }); + }; + + $.jPlayer.timeFormat = { + showHour: false, + showMin: true, + showSec: true, + padHour: false, + padMin: true, + padSec: true, + sepHour: ":", + sepMin: ":", + sepSec: "" + }; + + $.jPlayer.convertTime = function(s) { + s = (s && typeof s === 'number') ? s : 0; + + var myTime = new Date(s * 1000), + hour = myTime.getUTCHours(), + min = $.jPlayer.timeFormat.showHour ? myTime.getUTCMinutes() : myTime.getUTCMinutes() + hour * 60, + sec = $.jPlayer.timeFormat.showMin ? myTime.getUTCSeconds() : myTime.getUTCSeconds() + min * 60, + strHour = ($.jPlayer.timeFormat.padHour && hour < 10) ? "0" + hour : hour, + strMin = ($.jPlayer.timeFormat.padMin && min < 10) ? "0" + min : min, + strSec = ($.jPlayer.timeFormat.padSec && sec < 10) ? "0" + sec : sec, + strTime = ""; + + strTime += $.jPlayer.timeFormat.showHour ? strHour + $.jPlayer.timeFormat.sepHour : ""; + strTime += $.jPlayer.timeFormat.showMin ? strMin + $.jPlayer.timeFormat.sepMin : ""; + strTime += $.jPlayer.timeFormat.showSec ? strSec + $.jPlayer.timeFormat.sepSec : ""; + + return strTime; + }; + + // 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 + 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(); + + $.jPlayer.prototype = { + count: 0, // Static Variable: Change it via prototype. + version: { // Static Object + script: "2.2.15", + needFlash: "2.2.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, + wmode: "opaque", // Valid wmode: window, transparent, opaque, direct, gpu. + allowFullScreen: true, + 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", + currentTime: ".jp-current-time", + duration: ".jp-duration", + 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. + }, + 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-4]\.(?!.*?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/ + }, + verticalVolume: false, // Calculate volume from the bottom of the volume bar. Default is from the left. Also volume affects either width or height. + // globalVolume: false, // Not implemented: Set to make volume changes affect all jPlayer instances + // globalMute: false, // Not implemented: Set to make mute changes affect all jPlayer instances + 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. + 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, + readyState: 0, + networkState: 0, + playbackRate: 1, + ended: 0 + +/* Persistant status properties created dynamically at _init(): + width + height + cssClass + nativeVideoControls + noFullWindow + noVolume +*/ + }, + + 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; codecs="mp3"', + flashCanPlay: true, + media: 'audio' + }, + m4a: { // AAC / MP4 + codec: 'audio/mp4; codecs="mp4a.40.2"', + flashCanPlay: true, + media: 'audio' + }, + oga: { // OGG + codec: 'audio/ogg; codecs="vorbis"', + 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' + }, + 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. + + // 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); + + 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("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"); + htmlObj.setAttribute("allowFullScreen", "true"); + createParam(htmlObj, "flashvars", flashVars); + createParam(htmlObj, "allowscriptaccess", "always"); + createParam(htmlObj, "bgcolor", this.options.backgroundColor); + createParam(htmlObj, "wmode", this.options.wmode); + createParam(htmlObj, "allowFullScreen", "true"); + } + + this.element.append(htmlObj); + this.internal.flash.jq = $(htmlObj); + } + + // 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(); // Must do this first, otherwise there is a bizarre bug in iOS 4.3.2, where the native controls are not shown. Fails in iOS if called after _updateButtons() below. Works if called later in setMedia too, so it odd. + this._updateInterface(); + this._updateButtons(false); + this._updateAutohide(); + this._updateVolume(this.options.volume); + this._updateMute(this.options.muted); + 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(); + // 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; + } + }, + _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; + + // 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("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("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.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); + 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; + + // 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) { + this.status.paused = !playing; + if(this.css.jq.play.length && this.css.jq.pause.length) { + if(playing) { + this.css.jq.play.hide(); + this.css.jq.pause.show(); + this.css.jq.videoPlay.hide(); // Original for NetCommons + } else { + this.css.jq.play.show(); + this.css.jq.pause.hide(); + this.css.jq.videoPlay.show(); // Original for NetCommons + } + } + } + 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) { + this.css.jq.playBar.width(this.status.currentPercentRelative+"%"); + } + if(this.css.jq.currentTime.length) { + this.css.jq.currentTime.text($.jPlayer.convertTime(this.status.currentTime)); + } + if(this.css.jq.duration.length) { + this.css.jq.duration.text($.jPlayer.convertTime(this.status.duration)); + } + }, + _seeking: function() { + if(this.css.jq.seekBar.length) { + this.css.jq.seekBar.addClass("jp-seeking-bg"); + } + }, + _seeked: function() { + if(this.css.jq.seekBar.length) { + this.css.jq.seekBar.removeClass("jp-seeking-bg"); + } + }, + _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; + }, + 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.subtitles = String: * NOT IMPLEMENTED * URL of subtitles SRT file + * media.chapters = String: * NOT IMPLEMENTED * URL of chapters SRT file + * 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(); + + $.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; + } 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(); + } + } + } + this.status.srcSet = true; + this.status.media = $.extend({}, media); + this._updateButtons(false); + this._updateInterface(); + } 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"); + } + }, + play: function(time) { + time = (typeof time === "number") ? time : NaN; // Remove jQuery event from click handler + if(this.status.srcSet) { + 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"); + } + }, + pauseOthers: function() { + var self = this; + $.each(this.instances, function(i, element) { + if(self.element !== element) { // Do not this instance. + if(element.data("jPlayer").status.srcSet) { // Check that media is set otherwise would cause error event. + element.jPlayer("pause"); + } + } + }); + }, + 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.options.muted = muted; + if(this.html.used) { + this._html_mute(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). + 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(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) { + v = this._limitValue(v, 0, 1); + this.options.volume = v; + + if(this.html.used) { + this._html_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) { + var offset = this.css.jq.volumeBar.offset(), + x = e.pageX - offset.left, + w = this.css.jq.volumeBar.width(), + y = this.css.jq.volumeBar.height() - e.pageY + offset.top, + h = this.css.jq.volumeBar.height(); + + if(this.options.verticalVolume) { + this.volume(y/h); + } else { + this.volume(x/w); + } + } + if(this.options.muted) { + this._muted(false); + } + }, + volumeBarValue: function(e) { // Handles clicks on the volumeBarValue + this.volumeBar(e); + }, + _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); + }); + }, + _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) { + var handler = function(e) { + self[fn](e); + $(this).blur(); + return false; + }; + 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 + }); + } + }, + seekBar: function(e) { // Handles clicks on the seekBar + if(this.css.jq.seekBar) { + var offset = this.css.jq.seekBar.offset(); + var x = e.pageX - offset.left; + var w = this.css.jq.seekBar.width(); + var p = 100*x/w; + this.playHead(p); + } + }, + playBar: function(e) { // Handles clicks on the playBar + this.seekBar(e); + }, + repeat: function() { // Handle clicks on the repeat button + 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); + } + }, + + // Plan to review the cssSelector method to cope with missing associated functions accordingly. + + currentTime: function() { // Handles clicks on the text + // Added to avoid errors using cssSelector system for the text + }, + duration: function() { // Handles clicks on the text + // Added to avoid errors using cssSelector system for the text + }, + gui: function() { // Handles clicks on the gui + // Added to avoid errors using cssSelector system for the gui + }, + noSolution: function() { // Handles clicks on the error message + // Added to avoid errors using cssSelector system for no-solution + }, + + // 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 "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 "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 "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; + } + + 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() { + 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.addEventListener(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._html_load(); // Loads if required and clears any delayed commands. + + 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; + + 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(); + + 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. + + 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_volume: function(v) { + if(this.html.audio.available) { + this.htmlElement.audio.volume = v; + } + if(this.html.video.available) { + this.htmlElement.video.volume = v; + } + }, + _html_mute: function(m) { + if(this.html.audio.available) { + this.htmlElement.audio.muted = m; + } + if(this.html.video.available) { + this.htmlElement.video.muted = m; + } + }, + _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\n" + error.message : "") + (error.hint ? "\n\n" + error.hint : "") + "\n\nContext: " + error.context); + } + }, + _warning: function(warning) { + this._trigger($.jPlayer.event.warning, undefined, warning); + if(this.options.warningAlerts) { + this._alert("Warning!" + (warning.message ? "\n\n" + warning.message : "") + (warning.hint ? "\n\n" + warning.hint : "") + "\n\nContext: " + warning.context); + } + }, + _alert: function(message) { + alert("jPlayer " + this.version.script + " : id='" + this.internal.self.id +"' : " + message); + }, + _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." + }; +})); diff --git a/multimedia/files/js/default/multimedia.js b/multimedia/files/js/default/multimedia.js index ea23263..e0a8d6b 100644 --- a/multimedia/files/js/default/multimedia.js +++ b/multimedia/files/js/default/multimedia.js @@ -1,452 +1,448 @@ -var clsMultimedia = Class.create(); -var multimediaCls = Array(); - -clsMultimedia.prototype = { - initialize: function(id) { - this.id = id; - this.multimedia_id = null; - this.album_id = null; - this.album_edit_flag = null; - this.item_id = null; - this.dragDrop = null; - }, - initializeMultimedia: function() { - var post = { - "action":"multimedia_action_edit_initialize" - } - commonCls.sendPost(this.id, post); - }, - editMultimedia: function(form_el) { - commonCls.sendPost(this.id, "action=multimedia_action_edit_entry" + "&" + Form.serialize(form_el), {"target_el":$(this.id)}); - }, - editDisplay: function(form_el) { - commonCls.sendPost(this.id, "action=multimedia_action_edit_display" + "&" + Form.serialize(form_el), {"target_el":$(this.id)}); - }, - showAlbumEntry: function(event, multimedia_id, album_id) { - var params = new Object(); - params["prefix_id_name"] = "popup_multimedia_album_entry"; - params["action"] = "multimedia_view_main_album_entry"; - params["multimedia_id"] = multimedia_id; - params["album_id"] = album_id; - - var optionParams = new Object(); - var top_el = $(this.id); - optionParams["top_el"] = top_el; - optionParams["modal_flag"] = true; - optionParams["target_el"] = top_el; - - commonCls.sendPopupView(event, params, optionParams); - }, - showAlbumEdit: function() { - var params = new Object(); - params["action"] = "multimedia_view_main_init"; - params["multimedia_id"] = this.multimedia_id; - params["album_edit_flag"] = this.album_edit_flag = 1; - commonCls.sendView(this.id, params); - }, - showAlbumList: function(param) { - var params = new Object(); - params["action"] = "multimedia_view_main_init"; - params["multimedia_id"] = this.multimedia_id; - Object.extend(params, param); - - commonCls.sendView(this.id, params); - }, - deleteAlbum: function(album_id, confirmMessage) { - if (!confirm(confirmMessage)) return false; - var post = { - "action":"multimedia_action_main_album_delete", - "album_id":album_id - }; - - var params = new Object(); - params["callbackfunc"] = function(res){ - if(this.album_edit_flag == 1) { - commonCls.sendView(this.id, {action:'multimedia_view_main_init', album_edit_flag:1}); - }else { - commonCls.sendView(this.id, {action:'multimedia_view_main_init', album_edit_flag:0}); - } - }.bind(this); - commonCls.sendPost(this.id, post, params); - }, - showItem: function(event, item_id) { - var play_count_el = $("multimedia_play_count_" + item_id + this.id); - var play_count = parseInt(play_count_el.innerHTML.match(/\d+/)[0]) + 1; - play_count_el.innerHTML = play_count_el.innerHTML.replace(/\d+/, play_count); - - var params = new Object(); - params = { - "action":"multimedia_view_main_item_detail", - "item_id":item_id, - "prefix_id_name":"popup_multimedia_item_detail" - }; - - var popupParams = new Object(); - var top_el = $(this.id); - popupParams["top_el"] = top_el; - popupParams['modal_flag'] = true; - popupParams['target_el'] = top_el; - - commonCls.sendPopupView(event, params, popupParams); - }, - showItemUpload: function(event, album_id) { - var params = new Object(); - params = { - "action":"multimedia_view_main_item_upload", - "album_id":album_id, - "prefix_id_name":"multimedia_item_upload" - }; - - var popupParams = new Object(); - var top_el = $(this.id); - popupParams['top_el'] = top_el; - popupParams['target_el'] = top_el; - popupParams['modal_flag'] = true; - - commonCls.sendPopupView(event, params, popupParams); - }, - upload: function(form_el) { - var upload_el = $('multimedia_item_upload_area' + this.id); - commonCls.displayNone(upload_el); - var loading_el = $('multimedia_item_upload_loading' + this.id); - commonCls.displayVisible(loading_el); - var contrl_el = $('multimedia_item_upload_control' + this.id); - commonCls.displayNone(contrl_el); - var cancel_el = $('multimedia_item_upload_cancel' + this.id); - commonCls.displayVisible(cancel_el); - var params = new Object(); - params["param"] = {"action":"multimedia_action_main_item_upload"}; - params["top_el"] = $(this.id); - params["method"] = "post"; - params["form_prefix"] = "multimedia_attachment"; - params["timeout_flag"] = false; - params["callbackfunc"] = function(files, res) { - if(this.id.indexOf("_multimedia_item_upload")<0) { - commonCls.sendView(this.id, {'action':'multimedia_view_main_init'}); - }else { - var refreshElement_id = this.id.replace("_multimedia_item_upload", ""); - if($(refreshElement_id)) { - commonCls.sendRefresh(refreshElement_id); - } - } - commonCls.removeBlock(this.id); - }.bind(this); - params["callbackfunc_error"] = function(file, res){ - commonCls.alert(res); - commonCls.displayNone(cancel_el); - commonCls.displayNone(loading_el); - commonCls.displayVisible(upload_el); - commonCls.displayVisible(contrl_el); - }.bind(this); - commonCls.sendAttachment(params); - }, - showItemEdit: function(event, item_id) { - var params = new Object(); - params = { - "action":"multimedia_view_main_item_edit", - "item_id":item_id, - "prefix_id_name":"popup_multimedia_item_edit" - }; - - var popupParams = new Object(); - var top_el = $(this.id); - popupParams["top_el"] = top_el; - popupParams["modal_flag"] = true; - popupParams["target_el"] = top_el; - - commonCls.sendPopupView(event, params, popupParams); - }, - selectJacket: function(src, album_id) { - var form = $("multimedia_album_form" + this.id); - form["album_jacket"].value = src.substring(src.lastIndexOf("/") + 1, src.length); - form["upload_id"].value = ""; - - var params = new Object(); - params["param"] = { - "action":"multimedia_view_main_album_jacket", - "multimedia_id":this.multimedia_id, - "album_id":album_id, - "album_jacket":form["album_jacket"].value - }; - params["top_el"] = $(this.id); - params["target_el"] = $("multimedia_album_jacket" + this.id).parentNode; - - commonCls.send(params); - }, - uploadJacket: function() { - var form = $("multimedia_album_form" + this.id); - - var params = new Object(); - params["param"] = { - "action":"multimedia_action_main_album_jacket", - "multimedia_id":form["multimedia_id"], - "album_id":form["album_id"] - }; - - params["top_el"] = $(this.id); - params['form_prefix'] = "multimedia_jacket"; - - params["callbackfunc"] = function(files, res){ - form["album_jacket"].value = "?action="+ files[0]['action_name'] + "&upload_id=" + files[0]['upload_id']; - form["upload_id"].value = files[0]["upload_id"]; - - var params = new Object(); - params["param"] = { - "action":"multimedia_view_main_album_jacket", - "multimedia_id":this.multimedia_id, - "album_id":this.album_id, - "upload_id":form["upload_id"].value, - "album_jacket":form["album_jacket"].value - }; - - params["top_el"] = $(this.id); - params["target_el"] = $("multimedia_album_jacket" + this.id).parentNode; - - commonCls.send(params); - }.bind(this); - - commonCls.sendAttachment(params); - }, - editItem: function(form_el) { - var params = new Object(); - params["callbackfunc"] = function(res){ - commonCls.removeBlock(this.id); - commonCls.sendRefresh(this.id.replace("_popup_multimedia_item_edit", "")); - }.bind(this); - commonCls.sendPost(this.id, "action=multimedia_action_main_item_edit" + "&" + Form.serialize(form_el), params); - }, - deleteItem: function(confirmMessage, item_id) { - if (!confirm(confirmMessage)) return false; - var post = { - "action":"multimedia_action_main_item_delete", - "item_id":item_id - }; - var params = new Object(); - params["callbackfunc"] = function(res){ - commonCls.sendRefresh(this.id); - }.bind(this); - - commonCls.sendPost(this.id, post, params); - }, - enterAlbum: function() { - var post = "action=multimedia_action_main_album_entry&" + Form.serialize($("multimedia_album_form" + this.id)); - var params = new Object(); - params["callbackfunc"] = function(res){ - var id = this.id.replace("_popup_multimedia_album_entry", ""); - commonCls.removeBlock(this.id); - if(multimediaCls[id].album_edit_flag == 1) { - commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:1}); - }else { - commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:0}); - } - }.bind(this); - - commonCls.sendPost(this.id, post, params); - }, - showAlbumSeq: function(event, multimedia_id) { - var param_popup = new Object(); - param_popup = { - "action":"multimedia_view_main_album_sequence", - "multimedia_id":multimedia_id, - "prefix_id_name":"multimedia_album_sequence_popup" - }; - - var params = new Object(); - params['top_el'] = $(this.id); - params['modal_flag'] = true; - commonCls.sendPopupView(event, param_popup, params); - }, - closeAlbumSeq: function() { - var id = this.id.replace("_multimedia_album_sequence_popup", ""); - commonCls.removeBlock(this.id); - if(multimediaCls[id].album_edit_flag == 1) { - commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:1}); - }else { - commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:0}); - } - }, - vote: function(album_id, item_id) { - var post = { - "action":"multimedia_action_main_item_vote", - "album_id":album_id, - "item_id":item_id - }; - var params = new Object(); - params["callbackfunc"] = function(res) { - var id = this.id.replace("_popup_multimedia_item_detail", ""); - var top_vote_count_el = $("multimedia_vote_count_" + item_id + id); - var detail_vote_count_el = $("multimedia_vote_count" + this.id); - var vote_count = parseInt(top_vote_count_el.innerHTML.match(/\d+/)[0]) + 1; - top_vote_count_el.innerHTML = top_vote_count_el.innerHTML.replace(/\d+/, vote_count); - detail_vote_count_el.innerHTML = detail_vote_count_el.innerHTML.replace(/\d+/, vote_count); - var vote_link_el = $("multimedia_vote_link" + this.id); - vote_link_el.innerHTML = ""; - }.bind(this); - commonCls.sendPost(this.id, post, params); - }, - showComment: function(album_id, item_id) { - var params = new Object(); - params["param"] = { - "action":"multimedia_view_main_comment", - "item_id":item_id - }; - params["top_el"] = $(this.id); - params["target_el"] = $("multimedia_comment_area" + this.id); - - commonCls.send(params); - }, - enterComment: function(album_id, item_id) { - var params = new Object(); - params["target_el"] = $("multimedia_comment_area" + this.id); - params["callbackfunc"] = function(res) { - var count_el = $("multimedia_comment_count" + this.id); - var count = parseInt(count_el.innerHTML.match(/\d+/)[0]) + 1; - count_el.innerHTML = count_el.innerHTML.replace(/\d+/, count); - }.bind(this); - commonCls.sendPost(this.id, Form.serialize($("multimedia_comment_form" + this.id)), params); - }, - cancelComment: function() { - commonCls.displayNone($("multimedia_comment_area" + this.id)); - commonCls.focus($("_href" + this.id)); - }, - showCommentEntry: function(comment_id) { - var commentForm = $("multimedia_comment_form" + this.id); - commentForm["comment_value"].value = $("multimedia_comment_value" + comment_id + this.id).innerHTML.replace(/\n/ig,"").replace(/()/ig,"\n").unescapeHTML(); - commentForm["comment_id"].value = comment_id; - - commentForm["comment_value"].focus(); - commentForm["comment_value"].select(); - }, - deleteComment: function(comment_id, item_id, album_id, confirmMessage) { - if (!confirm(confirmMessage)) return false; - - var post = { - "action":"multimedia_action_main_comment_delete", - "album_id":album_id, - "item_id":item_id, - "comment_id":comment_id - }; - - var params = new Object(); - params["target_el"] = $("multimedia_comment_area" + this.id); - params["callbackfunc"] = function(res){ - this.showFooter(album_id, item_id); - }.bind(this); - - commonCls.sendPost(this.id, post, params); - }, - itemMouseOver: function(div) { - if (this.dragDrop && !this.dragDrop.hasSelection()) { - Element.addClassName(div, "multimedia_item_over"); - } - }, - itemMouseOut: function(div) { - if (this.dragDrop && !this.dragDrop.hasSelection()) { - Element.removeClassName(div, 'multimedia_item_over'); - } - }, - setItem: function(type, data) { - var top_el = $(this.id); - var obj_el = $('multimedia_toolbar_' + type + '_text' + this.id); - var params = new Object(); - switch(type) { - case "list": - obj_el = $('multimedia_toolbar_' + data + '_text' + this.id); - params["target_el"] = top_el; - params["param"] = {"action":"multimedia_view_main_init","view_type":data,"now_page":1}; - break; - case "album": - params["target_el"] = top_el; - params["param"] = {"action":"multimedia_view_main_init","album":data,"now_page":1}; - break; - case "date": - params["target_el"] = top_el; - params["param"] = {"action":"multimedia_view_main_init","date":data,"now_page":1}; - break; - case "sort": - params["target_el"] = top_el; - params["param"] = {"action":"multimedia_view_main_init","sort":data,"now_page":1}; - break; - case "search": - params["method"] = "post"; - params["target_el"] = $("multimedia_top_main" + this.id); - var form_el = $("multimedia_search_form" + this.id); - form_el.sort.value = data; - params["param"] = "action=multimedia_action_main_search&now_page=1&"+Form.serialize(form_el); - break; - } - params["top_el"] = top_el; - params["loading_el"] = obj_el; - commonCls.send(params); - }, - toPage: function(el, now_page, type) { - var top_el = $(this.id); - var params = new Object(); - switch(type) { - case "search": - params["method"] = "post"; - params["target_el"] = $("multimedia_top_main" + this.id); - params["param"] = "action=multimedia_action_main_search&now_page="+ now_page +"&" +Form.serialize($("multimedia_search_form" + this.id)); - break; - case "item": - params["target_el"] = top_el; - params["param"] = "action=multimedia_view_main_item_init&now_page="+ now_page +"&" +Form.serialize($("multimedia_item_init_form" + this.id)); - break; - case "comment": - params["target_el"] = $("multimedia_comment_area" + this.id); - params["param"] = "action=multimedia_view_main_comment&now_page="+ now_page +"&item_id=" + this.item_id; - break; - default: - params["target_el"] = top_el; - params["param"] = "action=multimedia_view_main_init&now_page="+ now_page; - break; - } - params["top_el"] = top_el; - params["loading_el"] = el; - commonCls.send(params); - }, - search : function(el, type, condition) { - condition = condition.unescapeHTML(); - var params = new Object(); - var id = ""; - if(this.id.indexOf("_popup_multimedia_item_detail") < 0) { - id = this.id; - }else { - id = this.id.replace("_popup_multimedia_item_detail", ""); - params["callbackfunc"] = function(res) { - commonCls.removeBlock(this.id); - }.bind(this); - } - var form_el = $("multimedia_search_form" + id); - params["method"] = "post"; - params["param"] = "action=multimedia_action_main_search&"; - params["loading_el"] = el; - params["target_el"] = $("multimedia_top_main" + id); - switch(type) { - case "user": - form_el.keyword.value = condition; - form_el.poster_check.checked = true; - form_el.tag_check.checked = false; - form_el.name_check.checked = false; - form_el.description_check.checked = false; - break; - case "tag": - form_el.keyword.value = condition; - form_el.poster_check.checked = false; - form_el.tag_check.checked = true; - form_el.name_check.checked = false; - form_el.description_check.checked = false; - break; - case "channel": - form_el.keyword.value = ""; - form_el.poster_check.checked = true; - form_el.tag_check.checked = true; - form_el.name_check.checked = true; - form_el.description_check.checked = true; - form_el.search_album.value = condition; - break; - } - params["param"] += Form.serialize(form_el); - commonCls.send(params); - } +var clsMultimedia = Class.create(); +var multimediaCls = Array(); + +clsMultimedia.prototype = { + initialize: function(id) { + this.id = id; + this.multimedia_id = null; + this.album_id = null; + this.album_edit_flag = null; + this.item_id = null; + this.dragDrop = null; + }, + initializeMultimedia: function() { + var post = { + "action":"multimedia_action_edit_initialize" + } + commonCls.sendPost(this.id, post); + }, + editMultimedia: function(form_el) { + commonCls.sendPost(this.id, "action=multimedia_action_edit_entry" + "&" + Form.serialize(form_el), {"target_el":$(this.id)}); + }, + editDisplay: function(form_el) { + commonCls.sendPost(this.id, "action=multimedia_action_edit_display" + "&" + Form.serialize(form_el), {"target_el":$(this.id)}); + }, + showAlbumEntry: function(event, multimedia_id, album_id) { + var params = new Object(); + params["prefix_id_name"] = "popup_multimedia_album_entry"; + params["action"] = "multimedia_view_main_album_entry"; + params["multimedia_id"] = multimedia_id; + params["album_id"] = album_id; + + var optionParams = new Object(); + var top_el = $(this.id); + optionParams["top_el"] = top_el; + optionParams["modal_flag"] = true; + optionParams["target_el"] = top_el; + + commonCls.sendPopupView(event, params, optionParams); + }, + showAlbumEdit: function() { + var params = new Object(); + params["action"] = "multimedia_view_main_init"; + params["multimedia_id"] = this.multimedia_id; + params["album_edit_flag"] = this.album_edit_flag = 1; + commonCls.sendView(this.id, params); + }, + showAlbumList: function(param) { + var params = new Object(); + params["action"] = "multimedia_view_main_init"; + params["multimedia_id"] = this.multimedia_id; + Object.extend(params, param); + + commonCls.sendView(this.id, params); + }, + deleteAlbum: function(album_id, confirmMessage) { + if (!confirm(confirmMessage)) return false; + var post = { + "action":"multimedia_action_main_album_delete", + "album_id":album_id + }; + + var params = new Object(); + params["callbackfunc"] = function(res){ + if(this.album_edit_flag == 1) { + commonCls.sendView(this.id, {action:'multimedia_view_main_init', album_edit_flag:1}); + }else { + commonCls.sendView(this.id, {action:'multimedia_view_main_init', album_edit_flag:0}); + } + }.bind(this); + commonCls.sendPost(this.id, post, params); + }, + showItem: function(event, item_id) { + var params = new Object(); + params = { + "action":"multimedia_view_main_item_detail", + "item_id":item_id, + "prefix_id_name":"popup_multimedia_item_detail" + }; + + var popupParams = new Object(); + var top_el = $(this.id); + popupParams["top_el"] = top_el; + popupParams['modal_flag'] = true; + popupParams['target_el'] = top_el; + + commonCls.sendPopupView(event, params, popupParams); + }, + showItemUpload: function(event, album_id) { + var params = new Object(); + params = { + "action":"multimedia_view_main_item_upload", + "album_id":album_id, + "prefix_id_name":"multimedia_item_upload" + }; + + var popupParams = new Object(); + var top_el = $(this.id); + popupParams['top_el'] = top_el; + popupParams['target_el'] = top_el; + popupParams['modal_flag'] = true; + + commonCls.sendPopupView(event, params, popupParams); + }, + upload: function(form_el) { + var upload_el = $('multimedia_item_upload_area' + this.id); + commonCls.displayNone(upload_el); + var loading_el = $('multimedia_item_upload_loading' + this.id); + commonCls.displayVisible(loading_el); + var contrl_el = $('multimedia_item_upload_control' + this.id); + commonCls.displayNone(contrl_el); + var cancel_el = $('multimedia_item_upload_cancel' + this.id); + commonCls.displayVisible(cancel_el); + var params = new Object(); + params["param"] = {"action":"multimedia_action_main_item_upload"}; + params["top_el"] = $(this.id); + params["method"] = "post"; + params["form_prefix"] = "multimedia_attachment"; + params["timeout_flag"] = false; + params["callbackfunc"] = function(files, res) { + if(this.id.indexOf("_multimedia_item_upload")<0) { + commonCls.sendView(this.id, {'action':'multimedia_view_main_init'}); + }else { + var refreshElement_id = this.id.replace("_multimedia_item_upload", ""); + if($(refreshElement_id)) { + commonCls.sendRefresh(refreshElement_id); + } + } + commonCls.removeBlock(this.id); + }.bind(this); + params["callbackfunc_error"] = function(file, res){ + commonCls.alert(res); + commonCls.displayNone(cancel_el); + commonCls.displayNone(loading_el); + commonCls.displayVisible(upload_el); + commonCls.displayVisible(contrl_el); + }.bind(this); + commonCls.sendAttachment(params); + }, + showItemEdit: function(event, item_id) { + var params = new Object(); + params = { + "action":"multimedia_view_main_item_edit", + "item_id":item_id, + "prefix_id_name":"popup_multimedia_item_edit" + }; + + var popupParams = new Object(); + var top_el = $(this.id); + popupParams["top_el"] = top_el; + popupParams["modal_flag"] = true; + popupParams["target_el"] = top_el; + + commonCls.sendPopupView(event, params, popupParams); + }, + selectJacket: function(src, album_id) { + var form = $("multimedia_album_form" + this.id); + form["album_jacket"].value = src.substring(src.lastIndexOf("/") + 1, src.length); + form["upload_id"].value = ""; + + var params = new Object(); + params["param"] = { + "action":"multimedia_view_main_album_jacket", + "multimedia_id":this.multimedia_id, + "album_id":album_id, + "album_jacket":form["album_jacket"].value + }; + params["top_el"] = $(this.id); + params["target_el"] = $("multimedia_album_jacket" + this.id).parentNode; + + commonCls.send(params); + }, + uploadJacket: function() { + var form = $("multimedia_album_form" + this.id); + + var params = new Object(); + params["param"] = { + "action":"multimedia_action_main_album_jacket", + "multimedia_id":form["multimedia_id"], + "album_id":form["album_id"] + }; + + params["top_el"] = $(this.id); + params['form_prefix'] = "multimedia_jacket"; + + params["callbackfunc"] = function(files, res){ + form["album_jacket"].value = "?action="+ files[0]['action_name'] + "&upload_id=" + files[0]['upload_id']; + form["upload_id"].value = files[0]["upload_id"]; + + var params = new Object(); + params["param"] = { + "action":"multimedia_view_main_album_jacket", + "multimedia_id":this.multimedia_id, + "album_id":this.album_id, + "upload_id":form["upload_id"].value, + "album_jacket":form["album_jacket"].value + }; + + params["top_el"] = $(this.id); + params["target_el"] = $("multimedia_album_jacket" + this.id).parentNode; + + commonCls.send(params); + }.bind(this); + + commonCls.sendAttachment(params); + }, + editItem: function(form_el) { + var params = new Object(); + params["callbackfunc"] = function(res){ + commonCls.removeBlock(this.id); + commonCls.sendRefresh(this.id.replace("_popup_multimedia_item_edit", "")); + }.bind(this); + commonCls.sendPost(this.id, "action=multimedia_action_main_item_edit" + "&" + Form.serialize(form_el), params); + }, + deleteItem: function(confirmMessage, item_id) { + if (!confirm(confirmMessage)) return false; + var post = { + "action":"multimedia_action_main_item_delete", + "item_id":item_id + }; + var params = new Object(); + params["callbackfunc"] = function(res){ + commonCls.sendRefresh(this.id); + }.bind(this); + + commonCls.sendPost(this.id, post, params); + }, + enterAlbum: function() { + var post = "action=multimedia_action_main_album_entry&" + Form.serialize($("multimedia_album_form" + this.id)); + var params = new Object(); + params["callbackfunc"] = function(res){ + var id = this.id.replace("_popup_multimedia_album_entry", ""); + commonCls.removeBlock(this.id); + if(multimediaCls[id].album_edit_flag == 1) { + commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:1}); + }else { + commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:0}); + } + }.bind(this); + + commonCls.sendPost(this.id, post, params); + }, + showAlbumSeq: function(event, multimedia_id) { + var param_popup = new Object(); + param_popup = { + "action":"multimedia_view_main_album_sequence", + "multimedia_id":multimedia_id, + "prefix_id_name":"multimedia_album_sequence_popup" + }; + + var params = new Object(); + params['top_el'] = $(this.id); + params['modal_flag'] = true; + commonCls.sendPopupView(event, param_popup, params); + }, + closeAlbumSeq: function() { + var id = this.id.replace("_multimedia_album_sequence_popup", ""); + commonCls.removeBlock(this.id); + if(multimediaCls[id].album_edit_flag == 1) { + commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:1}); + }else { + commonCls.sendView(id, {action:'multimedia_view_main_init', album_edit_flag:0}); + } + }, + vote: function(album_id, item_id) { + var post = { + "action":"multimedia_action_main_item_vote", + "album_id":album_id, + "item_id":item_id + }; + var params = new Object(); + params["callbackfunc"] = function(res) { + var id = this.id.replace("_popup_multimedia_item_detail", ""); + var top_vote_count_el = $("multimedia_vote_count_" + item_id + id); + var detail_vote_count_el = $("multimedia_vote_count" + this.id); + var vote_count = parseInt(top_vote_count_el.innerHTML.match(/\d+/)[0]) + 1; + top_vote_count_el.innerHTML = top_vote_count_el.innerHTML.replace(/\d+/, vote_count); + detail_vote_count_el.innerHTML = detail_vote_count_el.innerHTML.replace(/\d+/, vote_count); + var vote_link_el = $("multimedia_vote_link" + this.id); + vote_link_el.innerHTML = ""; + }.bind(this); + commonCls.sendPost(this.id, post, params); + }, + showComment: function(album_id, item_id) { + var params = new Object(); + params["param"] = { + "action":"multimedia_view_main_comment", + "item_id":item_id + }; + params["top_el"] = $(this.id); + params["target_el"] = $("multimedia_comment_area" + this.id); + + commonCls.send(params); + }, + enterComment: function(album_id, item_id) { + var params = new Object(); + params["target_el"] = $("multimedia_comment_area" + this.id); + params["callbackfunc"] = function(res) { + var count_el = $("multimedia_comment_count" + this.id); + var count = parseInt(count_el.innerHTML.match(/\d+/)[0]) + 1; + count_el.innerHTML = count_el.innerHTML.replace(/\d+/, count); + }.bind(this); + commonCls.sendPost(this.id, Form.serialize($("multimedia_comment_form" + this.id)), params); + }, + cancelComment: function() { + commonCls.displayNone($("multimedia_comment_area" + this.id)); + commonCls.focus($("_href" + this.id)); + }, + showCommentEntry: function(comment_id) { + var commentForm = $("multimedia_comment_form" + this.id); + commentForm["comment_value"].value = $("multimedia_comment_value" + comment_id + this.id).innerHTML.replace(/\n/ig,"").replace(/()/ig,"\n").unescapeHTML(); + commentForm["comment_id"].value = comment_id; + + commentForm["comment_value"].focus(); + commentForm["comment_value"].select(); + }, + deleteComment: function(comment_id, item_id, album_id, confirmMessage) { + if (!confirm(confirmMessage)) return false; + + var post = { + "action":"multimedia_action_main_comment_delete", + "album_id":album_id, + "item_id":item_id, + "comment_id":comment_id + }; + + var params = new Object(); + params["target_el"] = $("multimedia_comment_area" + this.id); + params["callbackfunc"] = function(res){ + this.showFooter(album_id, item_id); + }.bind(this); + + commonCls.sendPost(this.id, post, params); + }, + itemMouseOver: function(div) { + if (this.dragDrop && !this.dragDrop.hasSelection()) { + Element.addClassName(div, "multimedia_item_over"); + } + }, + itemMouseOut: function(div) { + if (this.dragDrop && !this.dragDrop.hasSelection()) { + Element.removeClassName(div, 'multimedia_item_over'); + } + }, + setItem: function(type, data) { + var top_el = $(this.id); + var obj_el = $('multimedia_toolbar_' + type + '_text' + this.id); + var params = new Object(); + switch(type) { + case "list": + obj_el = $('multimedia_toolbar_' + data + '_text' + this.id); + params["target_el"] = top_el; + params["param"] = {"action":"multimedia_view_main_init","view_type":data,"now_page":1}; + break; + case "album": + params["target_el"] = top_el; + params["param"] = {"action":"multimedia_view_main_init","album":data,"now_page":1}; + break; + case "date": + params["target_el"] = top_el; + params["param"] = {"action":"multimedia_view_main_init","date":data,"now_page":1}; + break; + case "sort": + params["target_el"] = top_el; + params["param"] = {"action":"multimedia_view_main_init","sort":data,"now_page":1}; + break; + case "search": + params["method"] = "post"; + params["target_el"] = $("multimedia_top_main" + this.id); + var form_el = $("multimedia_search_form" + this.id); + form_el.sort.value = data; + params["param"] = "action=multimedia_action_main_search&now_page=1&"+Form.serialize(form_el); + break; + } + params["top_el"] = top_el; + params["loading_el"] = obj_el; + commonCls.send(params); + }, + toPage: function(el, now_page, type) { + var top_el = $(this.id); + var params = new Object(); + switch(type) { + case "search": + params["method"] = "post"; + params["target_el"] = $("multimedia_top_main" + this.id); + params["param"] = "action=multimedia_action_main_search&now_page="+ now_page +"&" +Form.serialize($("multimedia_search_form" + this.id)); + break; + case "item": + params["target_el"] = top_el; + params["param"] = "action=multimedia_view_main_item_init&now_page="+ now_page +"&" +Form.serialize($("multimedia_item_init_form" + this.id)); + break; + case "comment": + params["target_el"] = $("multimedia_comment_area" + this.id); + params["param"] = "action=multimedia_view_main_comment&now_page="+ now_page +"&item_id=" + this.item_id; + break; + default: + params["target_el"] = top_el; + params["param"] = "action=multimedia_view_main_init&now_page="+ now_page; + break; + } + params["top_el"] = top_el; + params["loading_el"] = el; + commonCls.send(params); + }, + search : function(el, type, condition) { + condition = condition.unescapeHTML(); + var params = new Object(); + var id = ""; + if(this.id.indexOf("_popup_multimedia_item_detail") < 0) { + id = this.id; + }else { + id = this.id.replace("_popup_multimedia_item_detail", ""); + params["callbackfunc"] = function(res) { + commonCls.removeBlock(this.id); + }.bind(this); + } + var form_el = $("multimedia_search_form" + id); + params["method"] = "post"; + params["param"] = "action=multimedia_action_main_search&"; + params["loading_el"] = el; + params["target_el"] = $("multimedia_top_main" + id); + switch(type) { + case "user": + form_el.keyword.value = condition; + form_el.poster_check.checked = true; + form_el.tag_check.checked = false; + form_el.name_check.checked = false; + form_el.description_check.checked = false; + break; + case "tag": + form_el.keyword.value = condition; + form_el.poster_check.checked = false; + form_el.tag_check.checked = true; + form_el.name_check.checked = false; + form_el.description_check.checked = false; + break; + case "channel": + form_el.keyword.value = ""; + form_el.poster_check.checked = true; + form_el.tag_check.checked = true; + form_el.name_check.checked = true; + form_el.description_check.checked = true; + form_el.search_album.value = condition; + break; + } + params["param"] += Form.serialize(form_el); + commonCls.send(params); + } } \ No newline at end of file diff --git a/multimedia/install.ini b/multimedia/install.ini old mode 100644 new mode 100755 index b349e01..76ceacc --- a/multimedia/install.ini +++ b/multimedia/install.ini @@ -1,4 +1,4 @@ -version = "2.4.0.0" +version = "2.4.3.0" action_name = "multimedia_view_main_init" edit_action_name = "multimedia_view_edit_display" block_add_action = "multimedia_view_edit_initialize" @@ -28,6 +28,7 @@ multimedia_id = album_id = item_id = comment_id = +tag_id = room_id = core.page_id block_id = core.block_id multimedia_album.album_jacket = text.upload_id diff --git a/multimedia/language/english/main.ini b/multimedia/language/english/main.ini index 582693a..e0654f5 100644 --- a/multimedia/language/english/main.ini +++ b/multimedia/language/english/main.ini @@ -148,6 +148,7 @@ multimedia_item_description = "Description" [Multimedia_Action_Main_Item_Upload] multimedia_item_upload_video_convert_error = "Error occurred when video file was converted.\nerror code:%s" multimedia_item_upload_video_update_error = "Error occurred when video data was updated." +multimedia_item_upload_video_information_error = "Error occurred when video information get." multimedia_item_upload_video_extension_error = "No extension %s found." multimedia_item_upload_thmbnail_create_error = "Error occurred when make thumbnail." multimedia_item_upload_video_insert_error = "Error occurred when video data was written." @@ -156,8 +157,15 @@ multimedia_item_upload_video_type_error = "This is not a supported video file." multimedia_item_upload_video_count_error = "Error occurred when video category was updated." multimedia_item_upload_video_nogd_error = "Error occurred when create thumnail, please install PHP GD library." multimedia_item_upload_thmbnail_get_error = "Error occurred when try to get thumbnail." +multimedia_item_upload_video_no_ffmpeg_error = "No ffmpeg library found at the path below.\nPlease check server settings.\n\n%s" +multimedia_item_upload_video_no_mp4box_error = "No MP4Box library found at the path below.\nPlease check server settings.\n\n%s" +multimedia_item_upload_video_no_gd_error = "No extension php-gd found. \nPlease install this extension for create thumbnail image." [Multimedia_View_Main_Comment:Multimedia_Action_Main_Comment] multimedia_comment = "Comment" multimedia_comment_number = "Comments(%s)" -multimedia_comment_value = "Post a comment" \ No newline at end of file +multimedia_comment_value = "Post a comment" + +[Multimedia_View_Main_Item_Iframe] +multimedia_err_no_item = "No video found." +multimedia_err_incorrectauth="This video is only opened to the login user." diff --git a/multimedia/language/japanese/main.ini b/multimedia/language/japanese/main.ini index 9c923fb..15d7623 100644 --- a/multimedia/language/japanese/main.ini +++ b/multimedia/language/japanese/main.ini @@ -148,6 +148,7 @@ multimedia_item_description = "説明" [Multimedia_Action_Main_Item_Upload] multimedia_item_upload_video_convert_error = "動画変換処理エラーが発生しました。\nerror code:%s" multimedia_item_upload_video_update_error = "動画データ更新エラーが発生しました。" +multimedia_item_upload_video_information_error = "動画情報取得処理エラーが発生しました。" multimedia_item_upload_video_extension_error = "PHP拡張ライブラリ「%s」が見つかりませんでした。" multimedia_item_upload_thmbnail_create_error = "動画サムネイル処理エラーが発生しました。" multimedia_item_upload_video_insert_error = "動画データ登録エラーが発生しました。" @@ -156,8 +157,15 @@ multimedia_item_upload_video_type_error = "サポートしている動画ファ multimedia_item_upload_video_count_error = "動画カテゴリ更新エラーが発生しました。" multimedia_item_upload_video_nogd_error = "サムネイルの作成に失敗しました。PHP GD libraryをインストールしてください。" multimedia_item_upload_thmbnail_get_error = "サムネイル作成処理で何らかのエラーが発生しました。" +multimedia_item_upload_video_no_ffmpeg_error = "ffmpegが下記パスに見つかりませんでした。\n設定を確認してください。\n\n%s" +multimedia_item_upload_video_no_mp4box_error = "MP4Boxが下記パスに見つかりませんでした。\n設定を確認してください。\n\n%s" +multimedia_item_upload_video_no_gd_error = "PHP GD ライブラリがインストールされていません。\nサムネイル作成に必要ですので、インストールしてください。" [Multimedia_View_Main_Comment:Multimedia_Action_Main_Comment] multimedia_comment = "コメント" multimedia_comment_number = "コメント(合計 %s 件)" -multimedia_comment_value = "コメントを書く" \ No newline at end of file +multimedia_comment_value = "コメントを書く" + +[Multimedia_View_Main_Item_Iframe] +multimedia_err_no_item = "指定された動画が存在していません。" +multimedia_err_incorrectauth="指定された動画はログインしたユーザーだけに公開します。" diff --git a/multimedia/templates/default/multimedia_player_list.xml b/multimedia/templates/default/multimedia_player_list.xml index ca513f0..731de59 100644 --- a/multimedia/templates/default/multimedia_player_list.xml +++ b/multimedia/templates/default/multimedia_player_list.xml @@ -1,4 +1,4 @@ -"?> +"?> <{strip}> diff --git a/multimedia/templates/default/multimedia_view_main_channel.html b/multimedia/templates/default/multimedia_view_main_channel.html index 6163f64..7a01858 100644 --- a/multimedia/templates/default/multimedia_view_main_channel.html +++ b/multimedia/templates/default/multimedia_view_main_channel.html @@ -78,7 +78,9 @@ -<{/strip}> \ No newline at end of file +<{/strip}> diff --git a/multimedia/templates/default/multimedia_view_main_item_detail.html b/multimedia/templates/default/multimedia_view_main_item_detail.html index 394e697..955f470 100644 --- a/multimedia/templates/default/multimedia_view_main_item_detail.html +++ b/multimedia/templates/default/multimedia_view_main_item_detail.html @@ -1,129 +1,132 @@ -<{strip}> -

- - <{$lang.multimedia_video_object|smarty:nodefaults}> - - <{if $action.multimedia_obj.vote_flag == _ON}> - <{if $action.item.vote_authority}> - - <{$lang._separator|smarty:nodefaults}> - - <{$lang.multimedia_vote|smarty:nodefaults}> - - - <{/if}> - <{$lang._separator|smarty:nodefaults}> - - <{$lang.multimedia_vote_count|sprintf:$action.item.item_vote_count}> - - <{/if}> - <{if $action.multimedia_obj.comment_flag == _ON}> - <{$lang._separator|smarty:nodefaults}> - - - <{$lang.multimedia_comment_count|sprintf:$action.commentCount}> - - - <{/if}> - <{*$lang._separator|smarty:nodefaults*}> - -

<{$action.embed_code}>

- - <{$action.item.insert_user_name}> - -

-
-

- <{$action.item.item_description|nl2br}> -
-
<{$lang.multimedia_item_album|smarty:nodefaults}>
-
- - <{$action.channel.album_name}>(<{$action.channel.item_count}>) - -
-
-
-
<{$lang.multimedia_tag|smarty:nodefaults}>
-
- <{foreach item=tag from=$action.tags}> - ');return false;"> - <{$tag.tag_value}><{$lang.multimedia_tag_use_number|sprintf:$tag.used_number}> - - <{/foreach}> -
-
-

- ');return false;"> - <{$lang.multimedia_user_items|sprintf:$action.item.insert_user_name}> - -

- <{if !empty($action.item_list|smarty:nodefaults)}> -

- <{$lang.multimedia_tag_items|smarty:nodefaults}> -

- <{foreach from=$action.item_list key=key item=item}> -

- - $<{$item.item_name}>$ - -
- - <{$item.item_name}> - -
- <{$lang.multimedia_play_count_title|sprintf:$item.item_play_count}> -

- <{/foreach}> -
-

- <{/if}> -

-<{include file="../multimedia_script.html"}> - + + +<{strip}> +

+ +<{* + + +*}> +

+ + <{$lang.multimedia_video_object|smarty:nodefaults}> + + <{if $action.multimedia_obj.vote_flag == _ON}> + <{if $action.item.vote_authority}> + + <{$lang._separator|smarty:nodefaults}> + + <{$lang.multimedia_vote|smarty:nodefaults}> + + + <{/if}> + <{$lang._separator|smarty:nodefaults}> + + <{$lang.multimedia_vote_count|sprintf:$action.item.item_vote_count}> + + <{/if}> + <{if $action.multimedia_obj.comment_flag == _ON}> + <{$lang._separator|smarty:nodefaults}> + + + <{$lang.multimedia_comment_count|sprintf:$action.commentCount}> + + + <{/if}> + <{*$lang._separator|smarty:nodefaults*}> + +

<{$action.embed_code}>

+ + <{$action.item.insert_user_name}> + +

+
+

+ <{$action.item.item_description|nl2br}> +
+
<{$lang.multimedia_item_album|smarty:nodefaults}>
+
+ + <{$action.channel.album_name}>(<{$action.channel.item_count}>) + +
+
+
+
<{$lang.multimedia_tag|smarty:nodefaults}>
+
+ <{foreach item=tag from=$action.tags}> + ');return false;"> + <{$tag.tag_value}><{$lang.multimedia_tag_use_number|sprintf:$tag.used_number}> + + <{/foreach}> +
+
+

+ ');return false;"> + <{$lang.multimedia_user_items|sprintf:$action.item.insert_user_name}> + +

+ <{if !empty($action.item_list|smarty:nodefaults)}> +

+ <{$lang.multimedia_tag_items|smarty:nodefaults}> +

+ <{foreach from=$action.item_list key=key item=item}> +

+ + $<{$item.item_name}>$ + +
+ + <{$item.item_name}> + +
+ <{$lang.multimedia_play_count_title|sprintf:$item.item_play_count}> +

+ <{/foreach}> +
+

+ <{/if}> +

+<{include file="../multimedia_script.html"}> + <{/strip}> \ No newline at end of file diff --git a/multimedia/templates/default/multimedia_view_main_item_detail.html.bak b/multimedia/templates/default/multimedia_view_main_item_detail.html.bak new file mode 100644 index 0000000..0e25f18 --- /dev/null +++ b/multimedia/templates/default/multimedia_view_main_item_detail.html.bak @@ -0,0 +1,195 @@ +<{strip}> +<{* + +*}> +

+ +

+ play +

+ +

<{$action.embed_code}>

+ + <{$action.item.insert_user_name}> + +

+
+

+ <{$action.item.item_description|nl2br}> +
+
<{$lang.multimedia_item_album|smarty:nodefaults}>
+
+ + <{$action.channel.album_name}>(<{$action.channel.item_count}>) + +
+
+
+
<{$lang.multimedia_tag|smarty:nodefaults}>
+
+ <{foreach item=tag from=$action.tags}> + ');return false;"> + <{$tag.tag_value}><{$lang.multimedia_tag_use_number|sprintf:$tag.used_number}> + + <{/foreach}> +
+
+

+ ');return false;"> + <{$lang.multimedia_user_items|sprintf:$action.item.insert_user_name}> + +

+ <{if !empty($action.item_list|smarty:nodefaults)}> +

+ <{$lang.multimedia_tag_items|smarty:nodefaults}> +

+ <{foreach from=$action.item_list key=key item=item}> +

+ + $<{$item.item_name}>$ + +
+ + <{$item.item_name}> + +
+ <{$lang.multimedia_play_count_title|sprintf:$item.item_play_count}> +

+ <{/foreach}> +
+

+ <{/if}> +

+<{include file="../multimedia_script.html"}> + + + + + +<{/strip}> \ No newline at end of file diff --git a/multimedia/templates/default/multimedia_view_main_item_iframe.html b/multimedia/templates/default/multimedia_view_main_item_iframe.html new file mode 100644 index 0000000..9672d87 --- /dev/null +++ b/multimedia/templates/default/multimedia_view_main_item_iframe.html @@ -0,0 +1,2 @@ +<{strip}> +<{/strip}> \ No newline at end of file diff --git a/multimedia/templates/default/multimedia_view_main_list.html b/multimedia/templates/default/multimedia_view_main_list.html index b84435e..ac7847c 100644 --- a/multimedia/templates/default/multimedia_view_main_list.html +++ b/multimedia/templates/default/multimedia_view_main_list.html @@ -16,6 +16,9 @@ <{/if}>

+ <{$lang.multimedia_display\|smarty:nodefaults}> +	+ + <{if $action.multimedia.display==$smarty.const.MULTIMEDIA_DISPLAY_LIST \|\| $action.multimedia.display==""}>checked='checked'<{/if}>/> + <{$lang.multimedia_display_list\|smarty:nodefaults}> + + + <{if $action.multimedia.display==$smarty.const.MULTIMEDIA_DISPLAY_ALBUM}>checked='checked'<{/if}>/> + <{$lang.multimedia_display_album\|smarty:nodefaults}> + +
+ + <{$lang.multimedia_album_visible_row\|smarty:nodefaults}> + +	+ +
+ <{$lang.multimedia_auto_play\|smarty:nodefaults}> +	+ + <{if $action.multimedia.autoplay_flag==$smarty.const._ON}>checked='checked'<{/if}>/> + <{$lang.multimedia_flag_on\|smarty:nodefaults}> + + + <{if $action.multimedia.autoplay_flag==$smarty.const._OFF \|\| $action.multimedia.display==""}>checked='checked'<{/if}>/> + <{$lang.multimedia_flag_off\|smarty:nodefaults}> + +
+ <{$lang.multimedia_buffer_time\|smarty:nodefaults}> +	+ + + +
+ + <{$lang.multimedia_new_period\|smarty:nodefaults}> + +	+ +

+ <{$lang.multimedia_album_authority\|smarty:nodefaults}> +	+ + + + <{$smarty.const._AUTH_CHIEF_NAME}> + + + <{if $action.multimedia.album_authority <= $smarty.const._AUTH_MODERATE}>checked="checked"<{/if}>/> + <{$smarty.const._AUTH_MODERATE_NAME}> + + + <{if $action.multimedia.album_authority <= $smarty.const._AUTH_GENERAL}>checked="checked"<{/if}>/> + <{$smarty.const._AUTH_GENERAL_NAME}> + +
+ <{$lang.multimedia_vote_flag\|smarty:nodefaults}> +	+ + <{if $action.multimedia.vote_flag == _ON \|\| $action.multimedia.vote_flag == ""}>checked="checked"<{/if}>/> + <{$lang.multimedia_flag_on\|smarty:nodefaults}> + + + <{if $action.multimedia.vote_flag == _OFF}>checked="checked"<{/if}>/> + <{$lang.multimedia_flag_off\|smarty:nodefaults}> + +
+ <{$lang.multimedia_comment_flag\|smarty:nodefaults}> +	+ + <{if $action.multimedia.comment_flag == _ON \|\| $action.multimedia.comment_flag == ""}>checked="checked"<{/if}> /> + <{$lang.multimedia_flag_on\|smarty:nodefaults}> + + + <{if $action.multimedia.comment_flag == _OFF}>checked="checked"<{/if}>/> + <{$lang.multimedia_flag_off\|smarty:nodefaults}> + +

+ + <{$lang.multimedia_album_name\|smarty:nodefaults}> + +	+ +
+ + <{$lang.multimedia_album_jacket\|smarty:nodefaults}> + +	+ + <{include file = "multimedia_view_main_album_jacket.html"}> + + + <{foreach item=albumJacketSample from=$action.albumJacketSamples name=albumJacketSample}> + + + + <{/foreach}> + + + + <{$lang.multimedia_album_jacket_custom\|smarty:nodefaults}> + + + + + +
+ + <{$lang.multimedia_album_description\|smarty:nodefaults}> + +	+ <{$action.album_obj.album_description}> +
+ <{$lang.multimedia_public_flag\|smarty:nodefaults}> +	+ + + <{$lang.multimedia_public_flag_on\|smarty:nodefaults}> + + + + <{$lang.multimedia_public_flag_off\|smarty:nodefaults}> + +

+ + <{$lang.multimedia_item_name\|smarty:nodefaults}> + +	+ +
+ + <{$lang.multimedia_item_description\|smarty:nodefaults}> + +	+ <{$action.item.item_description}> +
+ + <{$lang.multimedia_item_tag\|smarty:nodefaults}> + +	+ + <{$lang.multimedia_item_tag_readme\|smarty:nodefaults}> +
+ + <{$lang.multimedia_item_album_select\|smarty:nodefaults}> + +	+ +
+ + <{$lang.multimedia_item_privacy\|smarty:nodefaults}> + +	+ +

+ <{$lang.multimedia_item_upload_path\|smarty:nodefaults}> +	+ + + + <{$lang.multimedia_item_upload_type\|smarty:nodefaults}> +
+ + <{$lang.multimedia_item_name\|smarty:nodefaults}> + +	+ +
+ + <{$lang.multimedia_item_description\|smarty:nodefaults}> + +	+ +
+ + <{$lang.multimedia_item_tag\|smarty:nodefaults}> + +	+ + <{$lang.multimedia_item_tag_readme\|smarty:nodefaults}> +
+ + <{$lang.multimedia_item_album_select\|smarty:nodefaults}> + +	+ +
+ + <{$lang.multimedia_item_privacy\|smarty:nodefaults}> + +	+ +

+ "/> + <{$action.question.question_name|smarty:nodefaults}> +

<{$action.faq_obj.faq_name}>