gyorgy@0: 
gyorgy@0: /*
gyorgy@0: extension methods to <video> or <audio> object to bring it into parity with PluginMediaElement (see below)
gyorgy@0: */
gyorgy@0: mejs.HtmlMediaElement = {
gyorgy@0: 	pluginType: 'native',
gyorgy@0: 	isFullScreen: false,
gyorgy@0: 
gyorgy@0: 	setCurrentTime: function (time) {
gyorgy@0: 		this.currentTime = time;
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	setMuted: function (muted) {
gyorgy@0: 		this.muted = muted;
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	setVolume: function (volume) {
gyorgy@0: 		this.volume = volume;
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	// for parity with the plugin versions
gyorgy@0: 	stop: function () {
gyorgy@0: 		this.pause();
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	// This can be a url string
gyorgy@0: 	// or an array [{src:'file.mp4',type:'video/mp4'},{src:'file.webm',type:'video/webm'}]
gyorgy@0: 	setSrc: function (url) {
gyorgy@0: 		if (typeof url == 'string') {
gyorgy@0: 			this.src = url;
gyorgy@0: 		} else {
gyorgy@0: 			var i, media;
gyorgy@0: 
gyorgy@0: 			for (i=0; i<url.length; i++) {
gyorgy@0: 				media = url[i];
gyorgy@0: 				if (this.canPlayType(media.type)) {
gyorgy@0: 					this.src = media.src;
gyorgy@0: 				}
gyorgy@0: 			}
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	setVideoSize: function (width, height) {
gyorgy@0: 		this.width = width;
gyorgy@0: 		this.height = height;
gyorgy@0: 	}
gyorgy@0: };
gyorgy@0: 
gyorgy@0: /*
gyorgy@0: Mimics the <video/audio> element by calling Flash's External Interface or Silverlights [ScriptableMember]
gyorgy@0: */
gyorgy@0: mejs.PluginMediaElement = function (pluginid, pluginType, mediaUrl) {
gyorgy@0: 	this.id = pluginid;
gyorgy@0: 	this.pluginType = pluginType;
gyorgy@0: 	this.src = mediaUrl;
gyorgy@0: 	this.events = {};
gyorgy@0: };
gyorgy@0: 
gyorgy@0: // JavaScript values and ExternalInterface methods that match HTML5 video properties methods
gyorgy@0: // http://www.adobe.com/livedocs/flash/9.0/ActionScriptLangRefV3/fl/video/FLVPlayback.html
gyorgy@0: // http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html
gyorgy@0: mejs.PluginMediaElement.prototype = {
gyorgy@0: 
gyorgy@0: 	// special
gyorgy@0: 	pluginElement: null,
gyorgy@0: 	pluginType: '',
gyorgy@0: 	isFullScreen: false,
gyorgy@0: 
gyorgy@0: 	// not implemented :(
gyorgy@0: 	playbackRate: -1,
gyorgy@0: 	defaultPlaybackRate: -1,
gyorgy@0: 	seekable: [],
gyorgy@0: 	played: [],
gyorgy@0: 
gyorgy@0: 	// HTML5 read-only properties
gyorgy@0: 	paused: true,
gyorgy@0: 	ended: false,
gyorgy@0: 	seeking: false,
gyorgy@0: 	duration: 0,
gyorgy@0: 	error: null,
gyorgy@0: 
gyorgy@0: 	// HTML5 get/set properties, but only set (updated by event handlers)
gyorgy@0: 	muted: false,
gyorgy@0: 	volume: 1,
gyorgy@0: 	currentTime: 0,
gyorgy@0: 
gyorgy@0: 	// HTML5 methods
gyorgy@0: 	play: function () {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.playMedia();
gyorgy@0: 			this.paused = false;
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 	load: function () {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.loadMedia();
gyorgy@0: 			this.paused = false;
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 	pause: function () {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.pauseMedia();
gyorgy@0: 			this.paused = true;
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 	stop: function () {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.stopMedia();
gyorgy@0: 			this.paused = true;
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 	canPlayType: function(type) {
gyorgy@0: 		var i,
gyorgy@0: 			j,
gyorgy@0: 			pluginInfo,
gyorgy@0: 			pluginVersions = mejs.plugins[this.pluginType];
gyorgy@0: 
gyorgy@0: 		for (i=0; i<pluginVersions.length; i++) {
gyorgy@0: 			pluginInfo = pluginVersions[i];
gyorgy@0: 
gyorgy@0: 			// test if user has the correct plugin version
gyorgy@0: 			if (mejs.PluginDetector.hasPluginVersion(this.pluginType, pluginInfo.version)) {
gyorgy@0: 
gyorgy@0: 				// test for plugin playback types
gyorgy@0: 				for (j=0; j<pluginInfo.types.length; j++) {
gyorgy@0: 					// find plugin that can play the type
gyorgy@0: 					if (type == pluginInfo.types[j]) {
gyorgy@0: 						return true;
gyorgy@0: 					}
gyorgy@0: 				}
gyorgy@0: 			}
gyorgy@0: 		}
gyorgy@0: 
gyorgy@0: 		return false;
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	// custom methods since not all JavaScript implementations support get/set
gyorgy@0: 
gyorgy@0: 	// This can be a url string
gyorgy@0: 	// or an array [{src:'file.mp4',type:'video/mp4'},{src:'file.webm',type:'video/webm'}]
gyorgy@0: 	setSrc: function (url) {
gyorgy@0: 		if (typeof url == 'string') {
gyorgy@0: 			this.pluginApi.setSrc(mejs.Utility.absolutizeUrl(url));
gyorgy@0: 			this.src = mejs.Utility.absolutizeUrl(url);
gyorgy@0: 		} else {
gyorgy@0: 			var i, media;
gyorgy@0: 
gyorgy@0: 			for (i=0; i<url.length; i++) {
gyorgy@0: 				media = url[i];
gyorgy@0: 				if (this.canPlayType(media.type)) {
gyorgy@0: 					this.pluginApi.setSrc(mejs.Utility.absolutizeUrl(media.src));
gyorgy@0: 					this.src = mejs.Utility.absolutizeUrl(url);
gyorgy@0: 				}
gyorgy@0: 			}
gyorgy@0: 		}
gyorgy@0: 
gyorgy@0: 	},
gyorgy@0: 	setCurrentTime: function (time) {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.setCurrentTime(time);
gyorgy@0: 			this.currentTime = time;
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 	setVolume: function (volume) {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.setVolume(volume);
gyorgy@0: 			this.volume = volume;
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 	setMuted: function (muted) {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.setMuted(muted);
gyorgy@0: 			this.muted = muted;
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	// additional non-HTML5 methods
gyorgy@0: 	setVideoSize: function (width, height) {
gyorgy@0: 		if ( this.pluginElement.style) {
gyorgy@0: 			this.pluginElement.style.width = width + 'px';
gyorgy@0: 			this.pluginElement.style.height = height + 'px';
gyorgy@0: 		}
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.setVideoSize(width, height);
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	setFullscreen: function (fullscreen) {
gyorgy@0: 		if (this.pluginApi != null) {
gyorgy@0: 			this.pluginApi.setFullscreen(fullscreen);
gyorgy@0: 		}
gyorgy@0: 	},
gyorgy@0: 
gyorgy@0: 	// start: fake events
gyorgy@0: 	addEventListener: function (eventName, callback, bubble) {
gyorgy@0: 		this.events[eventName] = this.events[eventName] || [];
gyorgy@0: 		this.events[eventName].push(callback);
gyorgy@0: 	},
gyorgy@0: 	removeEventListener: function (eventName, callback) {
gyorgy@0: 		if (!eventName) { this.events = {}; return true; }
gyorgy@0: 		var callbacks = this.events[eventName];
gyorgy@0: 		if (!callbacks) return true;
gyorgy@0: 		if (!callback) { this.events[eventName] = []; return true; }
gyorgy@0: 		for (i = 0; i < callbacks.length; i++) {
gyorgy@0: 			if (callbacks[i] === callback) {
gyorgy@0: 				this.events[eventName].splice(i, 1);
gyorgy@0: 				return true;
gyorgy@0: 			}
gyorgy@0: 		}
gyorgy@0: 		return false;
gyorgy@0: 	},	
gyorgy@0: 	dispatchEvent: function (eventName) {
gyorgy@0: 		var i,
gyorgy@0: 			args,
gyorgy@0: 			callbacks = this.events[eventName];
gyorgy@0: 
gyorgy@0: 		if (callbacks) {
gyorgy@0: 			args = Array.prototype.slice.call(arguments, 1);
gyorgy@0: 			for (i = 0; i < callbacks.length; i++) {
gyorgy@0: 				callbacks[i].apply(null, args);
gyorgy@0: 			}
gyorgy@0: 		}
gyorgy@0: 	}
gyorgy@0: 	// end: fake events
gyorgy@0: };