/* * jQuery Media Plugin for converting elements into rich media content. * * Examples and documentation at: http://malsup.com/jquery/media/ * Copyright (c) 2007-2008 M. Alsup * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html * * @author: M. Alsup * @version: 0.92 (24-SEP-2009) * @requires jQuery v1.1.2 or later * $Id: jquery.media.js 2460 2007-07-23 02:53:15Z malsup $ * * Supported Media Players: *	- Flash *	- Quicktime *	- Real Player *	- Silverlight *	- Windows Media Player *	- iframe * * Supported Media Formats: *	 Any types supported by the above players, such as: *	 Video: asf, avi, flv, mov, mpg, mpeg, mp4, qt, smil, swf, wmv, 3g2, 3gp *	 Audio: aif, aac, au, gsm, mid, midi, mov, mp3, m4a, snd, rm, wav, wma *	 Other: bmp, html, pdf, psd, qif, qtif, qti, tif, tiff, xaml * * Thanks to Mark Hicken and Brent Pedersen for helping me debug this on the Mac! * Thanks to Dan Rossi for numerous bug reports and code bits! * Thanks to Skye Giordano for several great suggestions! * Thanks to Richard Connamacher for excellent improvements to the non-IE behavior! */;(function($) {/** * Chainable method for converting elements into rich media. * * @param options * @param callback fn invoked for each matched element before conversion * @param callback fn invoked for each matched element after conversion */$.fn.media = function(options, f1, f2) {	if (options == 'undo') {		return this.each(function() {			var $this = $(this);			var html = $this.data('media.origHTML');			if (html)				$this.replaceWith(html);		});	}		return this.each(function() {		if (typeof options == 'function') {			f2 = f1;			f1 = options;			options = {};		}		var o = getSettings(this, options);		// pre-conversion callback, passes original element and fully populated options		if (typeof f1 == 'function') f1(this, o);				var r = getTypesRegExp();		var m = r.exec(o.src.toLowerCase()) || [''];		o.type ? m[0] = o.type : m.shift();		for (var i=0; i < m.length; i++) {			fn = m[i].toLowerCase();			if (isDigit(fn[0])) fn = 'fn' + fn; // fns can't begin with numbers			if (!$.fn.media[fn])				continue;  // unrecognized media type			// normalize autoplay settings			var player = $.fn.media[fn+'_player'];			if (!o.params) o.params = {};			if (player) {				var num = player.autoplayAttr == 'autostart';				o.params[player.autoplayAttr || 'autoplay'] = num ? (o.autoplay ? 1 : 0) : o.autoplay ? true : false;			}			var $div = $.fn.media[fn](this, o);			$div.css('backgroundColor', o.bgColor).width(o.width);						if (o.canUndo) {				var $temp = $('<div></div>').append(this);				$div.data('media.origHTML', $temp.html()); // store original markup			}						// post-conversion callback, passes original element, new div element and fully populated options			if (typeof f2 == 'function') f2(this, $div[0], o, player.name);			break;		}	});};/** * Non-chainable method for adding or changing file format / player mapping * @name mapFormat * @param String format File format extension (ie: mov, wav, mp3) * @param String player Player name to use for the format (one of: flash, quicktime, realplayer, winmedia, silverlight or iframe */var dir = location.pathname.substring(0,location.pathname.lastIndexOf('pages/')-1);$.fn.media.mapFormat = function(format, player) {	if (!format || !player || !$.fn.media.defaults.players[player]) return; // invalid	format = format.toLowerCase();	if (isDigit(format[0])) format = 'fn' + format;	$.fn.media[format] = $.fn.media[player];	$.fn.media[format+'_player'] = $.fn.media.defaults.players[player];};// global defautls; override as needed$.fn.media.defaults = {	standards:  false,      // use object tags only (no embeds for non-IE browsers)	canUndo:    true,       // tells plugin to store the original markup so it can be reverted via: $(sel).mediaUndo()	width:		400,	height:		400,	autoplay:	0,		   	// normalized cross-player setting	bgColor:	'#ffffff', 	// background color	params:		{ wmode: 'transparent'},	// added to object element as param elements; added to embed element as attrs	attrs:		{},			// added to object and embed elements as attrs	flvKeyName: 'file', 	// key used for object src param (thanks to Andrea Ercolino)	flashvars:	{},			// added to flash content as flashvars param/attr	flashVersion:	'7',	// required flash version	expressInstaller: null,	// src for express installer	// default flash video and mp3 player (@see: http://jeroenwijering.com/?item=Flash_Media_Player)	//var dir = location.pathname.substring(0,location.pathname.lastIndexOf('pages/')-1);		flvPlayer:	 dir+'/modules/videoplayer/js/mediaplayer.swf',	mp3Player:	 dir+'/modules/videoplayer/js/mediaplayer.swf',	// @see http://msdn2.microsoft.com/en-us/library/bb412401.aspx	silverlight: {		inplaceInstallPrompt: 'true', // display in-place install prompt?		isWindowless:		  'true', // windowless mode (false for wrapping markup)		framerate:			  '24',	  // maximum framerate		version:			  '0.9',  // Silverlight version		onError:			  null,	  // onError callback		onLoad:			      null,   // onLoad callback		initParams:			  null,	  // object init params		userContext:		  null	  // callback arg passed to the load callback	}};// Media Players; think twice before overriding$.fn.media.defaults.players = {	flash: {		name:		 'flash',		title:		 'Flash',		types:		 'flv,mp3,swf',		mimetype:	 'application/x-shockwave-flash',		pluginspage: 'http://www.adobe.com/go/getflashplayer',		ieAttrs: {			classid:  'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000',			type:	  'application/x-oleobject',			codebase: 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=' + $.fn.media.defaults.flashVersion		}	},	quicktime: {		name:		 'quicktime',		title:		 'QuickTime',		mimetype:	 'video/quicktime',		pluginspage: 'http://www.apple.com/quicktime/download/',		types:		 'aif,aiff,aac,au,bmp,gsm,mov,mid,midi,mpg,mpeg,mp4,m4a,psd,qt,qtif,qif,qti,snd,tif,tiff,wav,3g2,3gp',		ieAttrs: {			classid:  'clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B',			codebase: 'http://www.apple.com/qtactivex/qtplugin.cab'		}	},	realplayer: {		name:		  'real',		title:		  'RealPlayer',		types:		  'ra,ram,rm,rpm,rv,smi,smil',		mimetype:	  'audio/x-pn-realaudio-plugin',		pluginspage:  'http://www.real.com/player/',		autoplayAttr: 'autostart',		ieAttrs: {			classid: 'clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA'		}	},	winmedia: {		name:		  'winmedia',		title:		  'Windows Media',		types:		  'asx,asf,avi,wma,wmv',		mimetype:	  $.browser.mozilla && isFirefoxWMPPluginInstalled() ? 'application/x-ms-wmp' : 'application/x-mplayer2',		pluginspage:  'http://www.microsoft.com/Windows/MediaPlayer/',		autoplayAttr: 'autostart',		oUrl:		  'url',		ieAttrs: {			classid:  'clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6',			type:	  'application/x-oleobject'		}	},	// special cases	iframe: {		name:  'iframe',		types: 'html,pdf'	},	silverlight: {		name:  'silverlight',		types: 'xaml'	}};////	everything below here is private//// detection script for FF WMP plugin (http://www.therossman.org/experiments/wmp_play.html)// (hat tip to Mark Ross for this script)function isFirefoxWMPPluginInstalled() {	var plugs = navigator.plugins;	for (i = 0; i < plugs.length; i++) {		var plugin = plugs[i];		if (plugin['filename'] == 'np-mswmp.dll')			return true;	}	return false;}var counter = 1;for (var player in $.fn.media.defaults.players) {	var types = $.fn.media.defaults.players[player].types;	$.each(types.split(','), function(i,o) {		if (isDigit(o[0])) o = 'fn' + o;		$.fn.media[o] = $.fn.media[player] = getGenerator(player);		$.fn.media[o+'_player'] = $.fn.media.defaults.players[player];	});};function getTypesRegExp() {	var types = '';	for (var player in $.fn.media.defaults.players) {		if (types.length) types += ',';		types += $.fn.media.defaults.players[player].types;	};	return new RegExp('\\.(' + types.replace(/,/ig,'|') + ')\\b');};function getGenerator(player) {	return function(el, options) {		return generate(el, options, player);	};};function isDigit(c) {	return '0123456789'.indexOf(c) > -1;};// flatten all possible options: global defaults, meta, option objfunction getSettings(el, options) {	options = options || {};	var $el = $(el);	var cls = el.className || '';	// support metadata plugin (v1.0 and v2.0)	var meta = $.metadata ? $el.metadata() : $.meta ? $el.data() : {};	meta = meta || {};	var w = meta.width	 || parseInt(((cls.match(/w:(\d+)/)||[])[1]||0));	var h = meta.height || parseInt(((cls.match(/h:(\d+)/)||[])[1]||0));	if (w) meta.width	= w;	if (h) meta.height = h;	if (cls) meta.cls = cls;	var a = $.fn.media.defaults;	var b = options;	var c = meta;	var p = { params: { bgColor: options.bgColor || $.fn.media.defaults.bgColor } };	var opts = $.extend({}, a, b, c);	$.each(['attrs','params','flashvars','silverlight'], function(i,o) {		opts[o] = $.extend({}, p[o] || {}, a[o] || {}, b[o] || {}, c[o] || {});	});	if (typeof opts.caption == 'undefined') opts.caption = $el.text();	// make sure we have a source!	opts.src = opts.src || $el.attr('href') || $el.attr('src') || 'unknown';	return opts;};////	Flash Player//// generate flash using SWFObject library if possible$.fn.media.swf = function(el, opts) {	if (!window.SWFObject && !window.swfobject) {		// roll our own		if (opts.flashvars) {			var a = [];			for (var f in opts.flashvars)				a.push(f + '=' + opts.flashvars[f]);			if (!opts.params) opts.params = {};			opts.params.flashvars = a.join('&');		}		return generate(el, opts, 'flash');	}	var id = el.id ? (' id="'+el.id+'"') : '';	var cls = opts.cls ? (' class="' + opts.cls + '"') : '';	var $div = $('<div' + id + cls + '>');	// swfobject v2+	if (window.swfobject) {		$(el).after($div).appendTo($div);		if (!el.id) el.id = 'movie_player_' + counter++;		// replace el with swfobject content		swfobject.embedSWF(opts.src, el.id, opts.width, opts.height, opts.flashVersion,			opts.expressInstaller, opts.flashvars, opts.params, opts.attrs);	}	// swfobject < v2	else {		$(el).after($div).remove();		var so = new SWFObject(opts.src, 'movie_player_' + counter++, opts.width, opts.height, opts.flashVersion, opts.bgColor);		if (opts.expressInstaller) so.useExpressInstall(opts.expressInstaller);		for (var p in opts.params)			if (p != 'bgColor') so.addParam(p, opts.params[p]);		for (var f in opts.flashvars)			so.addVariable(f, opts.flashvars[f]);		so.write($div[0]);	}	if (opts.caption) $('<div>').appendTo($div).html(opts.caption);	return $div;};// map flv and mp3 files to the swf player by default$.fn.media.flv = $.fn.media.mp3 = function(el, opts) {	var src = opts.src;	var player = /\.mp3\b/i.test(src) ? $.fn.media.defaults.mp3Player : $.fn.media.defaults.flvPlayer;	var key = opts.flvKeyName;	src = encodeURIComponent(src);	opts.src = player;	opts.src = opts.src + '?'+key+'=' + (src);	var srcObj = {};	srcObj[key] = src;	opts.flashvars = $.extend({}, srcObj, opts.flashvars );	return $.fn.media.swf(el, opts);};////	Silverlight//$.fn.media.xaml = function(el, opts) {	if (!window.Sys || !window.Sys.Silverlight) {		if ($.fn.media.xaml.warning) return;		$.fn.media.xaml.warning = 1;		alert('You must include the Silverlight.js script.');		return;	}	var props = {		width: opts.width,		height: opts.height,		background: opts.bgColor,		inplaceInstallPrompt: opts.silverlight.inplaceInstallPrompt,		isWindowless: opts.silverlight.isWindowless,		framerate: opts.silverlight.framerate,		version: opts.silverlight.version	};	var events = {		onError: opts.silverlight.onError,		onLoad: opts.silverlight.onLoad	};	var id1 = el.id ? (' id="'+el.id+'"') : '';	var id2 = opts.id || 'AG' + counter++;	// convert element to div	var cls = opts.cls ? (' class="' + opts.cls + '"') : '';	var $div = $('<div' + id1 + cls + '>');	$(el).after($div).remove();	Sys.Silverlight.createObjectEx({		source: opts.src,		initParams: opts.silverlight.initParams,		userContext: opts.silverlight.userContext,		id: id2,		parentElement: $div[0],		properties: props,		events: events	});	if (opts.caption) $('<div>').appendTo($div).html(opts.caption);	return $div;};//// generate object/embed markup//function generate(el, opts, player) {	var $el = $(el);	var o = $.fn.media.defaults.players[player];	if (player == 'iframe') {		var o = $('<iframe' + ' width="' + opts.width + '" height="' + opts.height + '" >');		o.attr('src', opts.src);		o.css('backgroundColor', o.bgColor);	}	else if ($.browser.msie) {		var a = ['<object width="' + opts.width + '" height="' + opts.height + '" '];		for (var key in opts.attrs)			a.push(key + '="'+opts.attrs[key]+'" ');		for (var key in o.ieAttrs || {}) {			var v = o.ieAttrs[key];			if (key == 'codebase' && window.location.protocol == 'https:')				v = v.replace('http','https');			a.push(key + '="'+v+'" ');		}		a.push('></ob'+'ject'+'>');		var p = ['<param name="' + (o.oUrl || 'src') +'" value="' + opts.src + '">'];		for (var key in opts.params)			p.push('<param name="'+ key +'" value="' + opts.params[key] + '">');		var o = document.createElement(a.join(''));		for (var i=0; i < p.length; i++)			o.appendChild(document.createElement(p[i]));	}	else if (o.standards) {		// Rewritten to be standards compliant by Richard Connamacher		var a = ['<object type="' + o.mimetype +'" width="' + opts.width + '" height="' + opts.height +'"'];		if (opts.src) a.push(' data="' + opts.src + '" ');		a.push('>');		a.push('<param name="' + (o.oUrl || 'src') +'" value="' + opts.src + '">');		for (var key in opts.params) {			if (key == 'wmode' && player != 'flash') // FF3/Quicktime borks on wmode				continue;			a.push('<param name="'+ key +'" value="' + opts.params[key] + '">');		}		// Alternate HTML		a.push('<div><p><strong>'+o.title+' Required</strong></p><p>'+o.title+' is required to view this media. <a href="'+o.pluginspage+'">Download Here</a>.</p></div>');		a.push('</ob'+'ject'+'>');	}	 else {	        var a = ['<embed width="' + opts.width + '" height="' + opts.height + '" style="display:block"'];	        if (opts.src) a.push(' src="' + opts.src + '" ');	        for (var key in opts.attrs)	            a.push(key + '="'+opts.attrs[key]+'" ');	        for (var key in o.eAttrs || {})	            a.push(key + '="'+o.eAttrs[key]+'" ');	        for (var key in opts.params) {	            if (key == 'wmode' && player != 'flash') // FF3/Quicktime borks on wmode	            	continue;	            a.push(key + '="'+opts.params[key]+'" ');	        }	        a.push('></em'+'bed'+'>');	    }		// convert element to div	var id = el.id ? (' id="'+el.id+'"') : '';	var cls = opts.cls ? (' class="' + opts.cls + '"') : '';	var $div = $('<div' + id + cls + '>');	$el.after($div).remove();	($.browser.msie || player == 'iframe') ? $div.append(o) : $div.html(a.join(''));	if (opts.caption) $('<div>').appendTo($div).html(opts.caption);	return $div;};})(jQuery);
