/**
* videoplayer.js
* @autor: m_simard
* @since: 25-Oct-2010 12:39:26 PM
* @version $Id: videoplayer.js, #1 25-Oct-2010 12:39:26 PM m_simard $
* This jQuery plugin instanciate flowplayer in HTTP mode (480p/720p) on our tour platform
*
*/
(function($){
// Default Setting
var settings = {
player_http: 'http://static.brazzers.com/player/flowplayer.commercial-http.swf',
player_rtmp: 'http://static.brazzers.com/player/flowplayer.commercial-rtmp.swf?v=1',
player_url: 'http://static.brazzers.com/player/flowplayer.commercial-http.swf',
image_loader: 'http://static.brazzers.com/player/FPImageLoader.swf',
image_loader_default_image: 'http://static.brazzers.com/player/player_default_768x432b.jpg',
width: '100%',
height: '100%',
quality: '480', // 480 or 720
mode: 'http', // http or rtmp
autoplay: false,
player_image_name: '975x548.jpg',
player_image: false, // path for bg image
player_key:null, // license key of the player
goto:null, // this will lead to join page
error_url: null, // this will lead to error url in case of error
label:null, // player label text
notrailer:null, // file not found state
imgExist:true, // img found state
scroll_hack:true,
scroll_hack_pos:0
};
// Bitrates per Quality
$.fn.videoplayerbitrates = {
'mp4': { 480: 2000, 720: 2600},
'f4v': { 432: 2000, 720: 3000}
};
var methods = {
/**
* @member videoplayer
* @return this dependency object
* Usage: $(selector).videoplayer("init", params); if you want to prepare a player information before it instantiated in the browser.
* Prepare, Analyse and Associate the video information located in the DOM to the videoplayer function.
**/
init: function ( options )
{
var elements = this;
//Loop in Chain element
return this.each(function()
{
var $this = $(this),
params = $.extend(settings, options);
// Verify scene data : an attribute scenedata must exist on the videoplayer element and a object on the site must have an ID assign with the same value
if($this.attr("scenedata") == '' && $("#"+$this.attr("scenedata")).size() == 0) return false;
var scene_data = eval('(' + $("#"+$this.attr("scenedata")).html() + ')');
if(params.goto)
{
params.notrailer = true;
}
if(!params.player_image)
{
params.player_image = "http://i1.bzpics.com/scenes/" + scene_data.scene.id + "/" + params.player_image_name;
}
$this.data("scene_data", scene_data)
.data("params", params)
.data("state", 1);
});
},
/**
* @member videoplayer
* @return false
* Usage: $(selector).videoplayer("render", params); or $(selector).videoplayer("render") if the initialisation of the player was already done before.
* Initiate a videoplayer in default mode.
**/
render: function (arguments)
{
parent_arguments = new Array(arguments);
var body = $('body');
//Loop in Chain element
return this.each(function()
{
var $this = $(this);
// trigger init function if it was never called.
if(!$this.data("state")){methods.init.apply($this, parent_arguments);}
var date = new Date();
$this.data("loadstart", date.getTime());
var params = $this.data("params");
// does image were already verified
if(!params.imgExist)
{
//methods.imageExist.apply($this, parent_arguments);
//return false; // If not the process will loop over again.
}
var scene_data = $this.data("scene_data"),
httpfile;
var playObj = {
playlist:[],
plugins:{ }
};
// Find trailer based on quality specification
try{
if(!params.notrailer)
{
if(scene_data['trailer']['http'][480])
{
var extension = 'mp4';
}
else
{
var extension = 'f4v';
if(params.quality == 480) params.quality = 432;
}
if(params.mode == 'http')
{
// if we don't have the file try the old format support
if(scene_data['trailer']['http'][params.quality][extension][$.fn.videoplayerbitrates[extension][params.quality]])
httpfile = scene_data['trailer']['http'][params.quality][extension][$.fn.videoplayerbitrates[extension][params.quality]]['url'];
else{
httpfile = scene_data['trailer']['http'][params.quality][extension][0]['url'];
}
var clipobj = {
autoPlay : params.autoplay,
scaling : 'fit',
provider : 'pseudostreaming',
url : httpfile
};
}
else
{
// Use rtmp player
params.player_url = params.player_rtmp;
//Last attempt to play a video - old support for flv format.
httpfile = scene_data['trailer']['rtmp'][params.quality][extension][$.fn.videoplayerbitrates[extension][params.quality]];
var clipobj = {
autoPlay : params.autoplay,
scaling : 'fit',
provider : 'rtmp',
url : httpfile
};
playObj.plugins.rtmp = {
netConnectionUrl: scene_data['trailer']['rtmp']['connection']
};
}
}
}
catch(e)
{
try{
if(scene_data['trailer']['http'][480]['wmv'])
{
httpfile = scene_data['trailer']['http'][480]['wmv'][0]['url'].replace("wmv", "flv");
var clipobj = {
autoPlay : params.autoplay,
scaling : 'fit',
provider : 'pseudostreaming',
url : httpfile
};
}else
{
throw "no-flv";
}
}
catch(e)
{
params.notrailer = true;
methods.errorHandler.apply($this, [404, 'File not found']);
}
}
// Prepare overlay label
if(params.label)
{
var toppos = params.goto ? 240 : 310,
pfontsize = params.goto ? 40 : 28;
playObj.plugins.content = {
top:toppos,
height:50,
display:'block',
border: 'none',
background: 'transparent',
backgroundGradient: [0,0],
color: '#ffffff',
textDecoration:'outline',
opacity:0.9,
style: {
'p': {
fontFamily: 'Arial',
fontWeight: 'bold',
fontSize: pfontsize,
textAlign: 'center',
color: '#ffffff',
cursor: 'pointer'
}
},
html: '
' + params.label + '
',
onClick: function(){
if(!params.notrailer){fp.play();}else {window.location = params.goto;}
}
};
if(!params.goto)
{
playObj.play = {replayLabel: ''};
}
else
{
playObj.play = null;
}
}
// push the image to the player
if (!params.autoplay)
{
if(params.imgExist === true)
{
//playObj.playlist.push({scaling: 'fit', url: params.player_image, autoplay:false, linkUrl : params.goto});
playObj.playlist.push({scaling: 'fit', url: params.image_loader, linkUrl : params.goto});
playObj.splash = {};
playObj.splash.img = params.player_image;
playObj.splash.fallback = params.image_loader_default_image;
}
else if(!params.notrailer)
{
clipobj.autoPlay = true;
}
}
// Bind The Clip and the JS Events to the player only if a trailer clip exist
if(!params.notrailer)
{
// The videobufferingstart event handler
clipobj.onBegin = function(e){
var date = new Date();
$this.data("bufferstart", date.getTime());
if(fp.getPlugin('content')) fp.getPlugin('content').hide();
body.trigger("videoplayer.begin");
};
// The videostreamingstart event handler
clipobj.onStart = function(e){
var date = new Date();
$this.data("bufferingdone", date.getTime());
methods.bufferingtime.apply($this, arguments);
body.trigger("videoplayer.start");
};
// The video pause event handler
clipobj.onPause = function(e){
body.trigger("videoplayer.pause")
};
// The video resume event handler
clipobj.onResume = function(e){
if(fp.getPlugin('content')) fp.getPlugin('content').hide();
body.trigger("videoplayer.resume");
};
// The video seek event handler
clipobj.onSeek = function(e){
body.trigger("videoplayer.seek")
};
// The video finish event handler
clipobj.onFinish = function(e){
body.trigger("videoplayer.finish");
};
// push the video clip to the player
playObj.playlist.push(clipobj);
// push another time the image for after preview.
if(params.imgExist === true)
{
//playObj.playlist.push({scaling: 'fit', url: params.player_image, autoplay:false});
playObj.playlist.push({scaling: 'fit', url: params.image_loader});
}
}
//Bind a custom error handler to the player
playObj.onError = methods.errorHandler;
//playObj.onLoad = methods.loadHandler;
// Send License Key
if(params.player_key)
{
playObj.key = params.player_key;
}
// Instanciate the player
fp = $f(this, {
src: params.player_url,
wmode: 'transparent',
cachebusting:false,
width:params.width,
height:params.height
}, playObj);
});
},
/**
* @member videoplayer
* @return false
* Usage: $(selector).videoplayer("render480p", params); or $(selector).videoplayer("render480p") if the initialisation of the player was already done before.
* Initiate a videoplayer in 480p mode.
**/
render480: function (arguments)
{
parent_arguments = new Array(arguments);
var body = $('body');
//Loop in Chain element
return this.each(function()
{
var $this = $(this);
// trigger init function if it was never called.
if(!$this.data("state")){methods.init.apply($this, parent_arguments);}
var params = $this.data("params"),
// force quality option
params = $this.data("params");
params.quality = 480;
$this.data("params", params);
// render videoplayer
methods.render.apply($this, new Array(arguments));
});
},
/**
* @member videoplayer
* @return false
* Usage: $(selector).videoplayer("render720p", params); or $(selector).videoplayer("render720p") if the initialisation of the player was already done before.
* Initiate a videoplayer in 720p mode.
**/
render720: function (arguments)
{
parent_arguments = new Array(arguments);
var body = $('body');
//Loop in Chain element
return this.each(function()
{
var $this = $(this);
// trigger init function if it was never called.
if(!$this.data("state")){methods.init.apply($this, parent_arguments);}
var params = $this.data("params");
// force quality option
params.quality = 720;
$this.data("params", params);
// render videoplayer
methods.render.apply($this, new Array(arguments));
});
},
/**
* @member videoplayer
* @return this
* Usage: $(selector).videoplayer("renderHTML5", params);
* Initiate a videoplayer in HTML5 mode.
**/
renderHTML5: function (arguments)
{
parent_arguments = new Array(arguments);
var body = $('body');
//Loop in Chain element
return this.each(function()
{
var $this = $(this);
// trigger init function if it was never called.
if(!$this.data("state")){methods.init.apply($this, parent_arguments);}
var params = $this.data("params"),
scene_data = $this.data("scene_data");
try
{
// video format optimized for Ipad support
var httpfile = scene_data['trailer']['http'][368]['mp4'][0]['url'];
}
catch(err)
{
$this.data("params", params);
methods.errorHandler.apply($this, [4040, 'Ipad format not found']);
if(!params.error_url){
if(params.goto) params.error_url = params.go_to;
else params.error_url = "#";
}
$this.html('');
return false;
}
if(!params.goto)
{
$this.html('');
}
else
{
$this.html('');
}
return false;
});
},
/**
* @member videoplayer
* @return false
* Usage: is triggered only if params.imgExist is set to false
* This is a function that prevent 404 img request on the flash object. In the case the url is wrong we force autoplay the video.
**/
imageExist: function(arguments)
{
parent_arguments = new Array(arguments);
//Loop in Chain element
return this.each(function()
{
$this = $(this);
params = $this.data("params");
$('').load(function(){
params.imgExist = true;
$this.data("params", params);
methods.render.apply($this, parent_arguments);
})
.error(function(){
params.imgExist = 'badfile';
params.autoplay = true;
$this.data("params", params);
methods.render.apply($this, parent_arguments );
})
.attr('src', params.player_image);
});
},
/**
* @member videoplayer
* @return false
* Usage: Is used via the start clip event handler of the player
* Report a calculated the buffering time taken to start displaying the video to our stats server.
**/
bufferingtime: function()
{
$this = $(this);
var bufferstart = $this.data("bufferstart"),
bufferdone = $this.data("bufferingdone");
if(!bufferstart || !bufferdone) return false;
// video start - buffer start time = buffering laps time
var buffertime = bufferdone - bufferstart,
scene_data = $this.data("scene_data"),
params = $this.data("params");
var event = (params.mode == 'http') ? "videoplayer.tour.http.3sbuffering" : "videoplayer.tour.rtmp.3sbuffering" ;
// Send bufferingtime to stats server if ST is defined
window._ST = window._ST || [];
window._ST.push(['_event', "videoplayer", event, "site:" + scene_data.scene.site.id + ",scene:" + scene_data.scene.id , buffertime]);
return false;
},
/**
* @member videoplayer
* @return false
* Usage: Trigger on player ready
* Report a calculated the average time taken to start displaying the video to our stats server.
**/
loadHandler: function()
{
var loadstart = $this.data("loadstart");
if(!loadstart) return false;
var date = new Date();
var loaddone = date.getTime();
// loaddone - loadstart = buffering laps time
var loadtime = loaddone - loadstart,
scene_data = $this.data("scene_data"),
params = $this.data("params");
// Send loadtime to stats server if ST is defined
window._ST = window._ST || [];
window._ST.push(['_event', "videoplayer", "videoplayer.tour.loadtime" , params.mode , loadtime]);
return false;
},
/**
* @member videoplayer
* @param errorCode integer Error Code to monitor
* @param errorMessage string Error Message
* @return false
* Usage: Binded on the player via a event handler. Can be used in the plugin for try/catch JS error as well.
* Report an error type to our stats server and redirect the user to a error url if the player have a defined url.
**/
errorHandler: function(errorCode, errorMessage)
{
$this = $(this);
var scene_data = $this.data("scene_data"),
params = $this.data("params");
// Send error type to stats server if ST is defined
var event = (params.mode == 'http') ? "videoplayer.tour.http.error." : "videoplayer.tour.rtmp.error." ;
window._ST = window._ST || [];
window._ST.push(['_event', "videoplayer", event + errorCode, "site:" + scene_data.scene.site.id + ",scene:" + scene_data.scene.id , 1]);
if(params.error_url){
setTimeout(function(){window.location = params.error_url;}, 1000);
}
return false;
}
};
// Generates the FlowPlayer Flash object
jQuery.fn.videoplayer = function(method, params){
if ( methods[method] )
{
return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
}
else if ( typeof method === 'object' || ! method )
{
return methods.init.apply( this, arguments );
}
else
{
$.error( 'Method ' + method + ' does not exist on jQuery.videoplayer' );
}
};
})(jQuery);
/*
* flowplayer.js 3.2.4. The Flowplayer API
*
* Copyright 2009 Flowplayer Oy
*
* This file is part of Flowplayer.
*
* Flowplayer is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Flowplayer is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Flowplayer. If not, see .
*
* Date: 2010-08-25 12:48:46 +0000 (Wed, 25 Aug 2010)
* Revision: 551
*/
(function(){function g(o){console.log("$f.fireEvent",[].slice.call(o))}function k(q){if(!q||typeof q!="object"){return q}var o=new q.constructor();for(var p in q){if(q.hasOwnProperty(p)){o[p]=k(q[p])}}return o}function m(t,q){if(!t){return}var o,p=0,r=t.length;if(r===undefined){for(o in t){if(q.call(t[o],o,t[o])===false){break}}}else{for(var s=t[0];p1){var t=arguments[1],q=(arguments.length==3)?arguments[2]:{};if(typeof t=="string"){t={src:t}}t=i({bgcolor:"#000000",version:[9,0],expressInstall:"http://static.flowplayer.org/swf/expressinstall.swf",cachebusting:true},t);if(typeof o=="string"){if(o.indexOf(".")!=-1){var s=[];m(n(o),function(){s.push(new b(this,k(t),k(q)))});return new d(s)}else{var r=c(o);return new b(r!==null?r:o,t,q)}}else{if(o){return new b(o,t,q)}}}return null};i(window.$f,{fireEvent:function(){var o=[].slice.call(arguments);var q=$f(o[0]);return q?q._fireEvent(o.slice(1)):null},addPlugin:function(o,p){b.prototype[o]=p;return $f},each:m,extend:i});if(typeof jQuery=="function"){jQuery.fn.flowplayer=function(q,p){if(!arguments.length||typeof arguments[0]=="number"){var o=[];this.each(function(){var r=$f(this);if(r){o.push(r)}});return arguments.length?o[arguments[0]]:new d(o)}return this.each(function(){$f(this,k(q),p?k(p):{})})}}})();(function(){var h=document.all,j="http://www.adobe.com/go/getflashplayer",c=typeof jQuery=="function",e=/(\d+)[^\d]+(\d+)[^\d]*(\d*)/,b={width:"100%",height:"100%",id:"_"+(""+Math.random()).slice(9),allowfullscreen:true,allowscriptaccess:"always",quality:"high",version:[3,0],onFail:null,expressInstall:null,w3c:false,cachebusting:false};if(window.attachEvent){window.attachEvent("onbeforeunload",function(){__flash_unloadHandler=function(){};__flash_savedUnloadHandler=function(){}})}function i(m,l){if(l){for(var f in l){if(l.hasOwnProperty(f)){m[f]=l[f]}}}return m}function a(f,n){var m=[];for(var l in f){if(f.hasOwnProperty(l)){m[l]=n(f[l])}}return m}window.flashembed=function(f,m,l){if(typeof f=="string"){f=document.getElementById(f.replace("#",""))}if(!f){return}if(typeof m=="string"){m={src:m}}return new d(f,i(i({},b),m),l)};var g=i(window.flashembed,{conf:b,getVersion:function(){var m,f;try{f=navigator.plugins["Shockwave Flash"].description.slice(16)}catch(o){try{m=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");f=m&&m.GetVariable("$version")}catch(n){try{m=new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");f=m&&m.GetVariable("$version")}catch(l){}}}f=e.exec(f);return f?[f[1],f[3]]:[0,0]},asString:function(l){if(l===null||l===undefined){return null}var f=typeof l;if(f=="object"&&l.push){f="array"}switch(f){case"string":l=l.replace(new RegExp('(["\\\\])',"g"),"\\$1");l=l.replace(/^\s?(\d+\.?\d+)%/,"$1pct");return'"'+l+'"';case"array":return"["+a(l,function(o){return g.asString(o)}).join(",")+"]";case"function":return'"function()"';case"object":var m=[];for(var n in l){if(l.hasOwnProperty(n)){m.push('"'+n+'":'+g.asString(l[n]))}}return"{"+m.join(",")+"}"}return String(l).replace(/\s/g," ").replace(/\'/g,'"')},getHTML:function(o,l){o=i({},o);var n=''}o.width=o.height=o.id=o.w3c=o.src=null;o.onFail=o.version=o.expressInstall=null;for(var m in o){if(o[m]){n+=''}}var p="";if(l){for(var f in l){if(l[f]){var q=l[f];p+=f+"="+(/function|object/.test(typeof q)?g.asString(q):q)+"&"}}p=p.slice(0,-1);n+='"}n+="";return n},isSupported:function(f){return k[0]>f[0]||k[0]==f[0]&&k[1]>=f[1]}});var k=g.getVersion();function d(f,n,m){if(g.isSupported(n.version)){f.innerHTML=g.getHTML(n,m)}else{if(n.expressInstall&&g.isSupported([6,65])){f.innerHTML=g.getHTML(i(n,{src:n.expressInstall}),{MMredirectURL:location.href,MMplayerType:"PlugIn",MMdoctitle:document.title})}else{if(!f.innerHTML.replace(/\s/g,"")){f.innerHTML="
Flash version "+n.version+" or greater is required
"+(k[0]>0?"Your version is "+k:"You have no flash plugin installed")+"
