/* * jPlayer Plugin for jQuery JavaScript Library * http://www.happyworm.com/jquery/jplayer * * Copyright (c) 2009 - 2011 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.1.0 * Date: 1st September 2011 * * FlashVars expected: (AS3 property of: loaderInfo.parameters) * id: (URL Encoded: String) Id of jPlayer instance * vol: (Number) Sets the initial volume * muted: (Boolean in a String) Sets the initial muted state * jQuery: (URL Encoded: String) Sets the jQuery var name. Used with: someVar = jQuery.noConflict(true); * * Compiled using: Adobe Flex Compiler (mxmlc) Version 4.5.1 build 21328 */ package { import flash.system.Security; import flash.external.ExternalInterface; import flash.utils.Timer; import flash.events.TimerEvent; import flash.text.TextField; import flash.text.TextFormat; import flash.events.KeyboardEvent; import flash.display.Sprite; import happyworm.jPlayer.*; import flash.display.StageAlign; import flash.display.StageScaleMode; import flash.events.Event; import flash.events.MouseEvent; import flash.ui.ContextMenu; import flash.ui.ContextMenuItem; import flash.events.ContextMenuEvent; import flash.net.URLRequest; import flash.net.navigateToURL; public class Jplayer extends Sprite { private var jQuery:String; private var sentNumberFractionDigits:uint = 2; public var commonStatus:JplayerStatus = new JplayerStatus(); // Used for inital ready event so volume is correct. private var myInitTimer:Timer = new Timer(100, 0); private var myMp3Player:JplayerMp3; private var myMp4Player:JplayerMp4; private var isMp3:Boolean = false; private var isVideo:Boolean = false; private var txLog:TextField; private var debug:Boolean = false; // Set debug to false for release compile! public function Jplayer() { flash.system.Security.allowDomain("*"); jQuery = loaderInfo.parameters.jQuery + "('#" + loaderInfo.parameters.id + "').jPlayer"; commonStatus.volume = Number(loaderInfo.parameters.vol); commonStatus.muted = loaderInfo.parameters.muted == "true"; stage.scaleMode = StageScaleMode.NO_SCALE; stage.align = StageAlign.TOP_LEFT; stage.addEventListener(Event.RESIZE, resizeHandler); stage.addEventListener(MouseEvent.CLICK, clickHandler); var initialVolume:Number = commonStatus.volume; if(commonStatus.muted) { initialVolume = 0; } myMp3Player = new JplayerMp3(initialVolume); addChild(myMp3Player); myMp4Player = new JplayerMp4(initialVolume); addChild(myMp4Player); setupListeners(!isMp3, isMp3); // Set up the listeners to the default isMp3 state. // The ContextMenu only partially works. The menu select events never occur. // Investigated and it is something to do with the way jPlayer inserts the Flash on the page. // A simple test inserting the Jplayer.swf on a page using: 1) SWFObject 2.2 works. 2) AC_FL_RunContent() works. // jPlayer Flash insertion is based on SWFObject 2.2 and the resaon behind this failure is not clear. The Flash insertion HTML on the page looks similar. var myContextMenu:ContextMenu = new ContextMenu(); myContextMenu.hideBuiltInItems(); var menuItem_jPlayer:ContextMenuItem = new ContextMenuItem("jPlayer " + JplayerStatus.VERSION); var menuItem_happyworm:ContextMenuItem = new ContextMenuItem("© 2009-2011 Happyworm Ltd", true); menuItem_jPlayer.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, menuSelectHandler_jPlayer); menuItem_happyworm.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, menuSelectHandler_happyworm); myContextMenu.customItems.push(menuItem_jPlayer, menuItem_happyworm); contextMenu = myContextMenu; // Log console for dev compile option: debug if(debug) { txLog = new TextField(); txLog.x = 5; txLog.y = 5; txLog.width = 540; txLog.height = 390; txLog.border = true; txLog.background = true; txLog.backgroundColor = 0xEEEEFF; txLog.multiline = true; txLog.text = "jPlayer " + JplayerStatus.VERSION; txLog.visible = false; this.addChild(txLog); this.stage.addEventListener(KeyboardEvent.KEY_UP, keyboardHandler); myMp3Player.addEventListener(JplayerEvent.DEBUG_MSG, debugMsgHandler); myMp4Player.addEventListener(JplayerEvent.DEBUG_MSG, debugMsgHandler); } // Delay init() because Firefox 3.5.7+ developed a bug with local testing in Firebug. myInitTimer.addEventListener(TimerEvent.TIMER, init); myInitTimer.start(); } private function init(e:TimerEvent):void { myInitTimer.stop(); if(ExternalInterface.available) { ExternalInterface.addCallback("fl_setAudio_mp3", fl_setAudio_mp3); ExternalInterface.addCallback("fl_setAudio_m4a", fl_setAudio_m4a); ExternalInterface.addCallback("fl_setVideo_m4v", fl_setVideo_m4v); ExternalInterface.addCallback("fl_clearMedia", fl_clearMedia); ExternalInterface.addCallback("fl_load", fl_load); ExternalInterface.addCallback("fl_play", fl_play); ExternalInterface.addCallback("fl_pause", fl_pause); ExternalInterface.addCallback("fl_play_head", fl_play_head); ExternalInterface.addCallback("fl_volume", fl_volume); ExternalInterface.addCallback("fl_mute", fl_mute); ExternalInterface.call(jQuery, "jPlayerFlashEvent", JplayerEvent.JPLAYER_READY, extractStatusData(commonStatus)); // See JplayerStatus() class for version number. } } private function setupListeners(oldMP3:Boolean, newMP3:Boolean):void { if(oldMP3 != newMP3) { if(newMP3) { listenToMp3(true); listenToMp4(false); } else { listenToMp3(false); listenToMp4(true); } } } private function listenToMp3(active:Boolean):void { if(active) { myMp3Player.addEventListener(JplayerEvent.JPLAYER_ERROR, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_PROGRESS, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_TIMEUPDATE, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_ENDED, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_PLAY, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_PAUSE, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_LOADSTART, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_SEEKING, jPlayerFlashEvent); myMp3Player.addEventListener(JplayerEvent.JPLAYER_SEEKED, jPlayerFlashEvent); } else { myMp3Player.removeEventListener(JplayerEvent.JPLAYER_ERROR, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_PROGRESS, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_TIMEUPDATE, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_ENDED, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_PLAY, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_PAUSE, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_LOADSTART, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_SEEKING, jPlayerFlashEvent); myMp3Player.removeEventListener(JplayerEvent.JPLAYER_SEEKED, jPlayerFlashEvent); } } private function listenToMp4(active:Boolean):void { if(active) { myMp4Player.addEventListener(JplayerEvent.JPLAYER_ERROR, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_PROGRESS, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_TIMEUPDATE, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_ENDED, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_PLAY, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_PAUSE, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_LOADSTART, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_SEEKING, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_SEEKED, jPlayerFlashEvent); myMp4Player.addEventListener(JplayerEvent.JPLAYER_LOADEDMETADATA, jPlayerMetaDataHandler); // Note the unique handler } else { myMp4Player.removeEventListener(JplayerEvent.JPLAYER_ERROR, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_PROGRESS, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_TIMEUPDATE, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_ENDED, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_PLAY, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_PAUSE, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_LOADSTART, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_SEEKING, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_SEEKED, jPlayerFlashEvent); myMp4Player.removeEventListener(JplayerEvent.JPLAYER_LOADEDMETADATA, jPlayerMetaDataHandler); // Note the unique handler } } private function fl_setAudio_mp3(src:String):Boolean { if (src != null) { log("fl_setAudio_mp3: "+src); setupListeners(isMp3, true); isMp3 = true; isVideo = false; myMp4Player.clearFile(); myMp3Player.setFile(src); return true; } else { log("fl_setAudio_mp3: null"); return false; } } private function fl_setAudio_m4a(src:String):Boolean { if (src != null) { log("fl_setAudio_m4a: "+src); setupListeners(isMp3, false); isMp3 = false; isVideo = false; myMp3Player.clearFile(); myMp4Player.setFile(src); return true; } else { log("fl_setAudio_m4a: null"); return false; } } private function fl_setVideo_m4v(src:String):Boolean { if (src != null) { log("fl_setVideo_m4v: "+src); setupListeners(isMp3, false); isMp3 = false; isVideo = true; myMp3Player.clearFile(); myMp4Player.setFile(src); return true; } else { log("fl_setVideo_m4v: null"); return false; } } private function fl_clearMedia():void { log("clearMedia."); myMp3Player.clearFile(); myMp4Player.clearFile(); } private function fl_load():Boolean { log("load."); if(isMp3) { return myMp3Player.load(); } else { return myMp4Player.load(); } } private function fl_play(time:Number = NaN):Boolean { log("play: time = " + time); if(isMp3) { return myMp3Player.play(time * 1000); // Flash uses milliseconds } else { return myMp4Player.play(time * 1000); // Flash uses milliseconds } } private function fl_pause(time:Number = NaN):Boolean { log("pause: time = " + time); if(isMp3) { return myMp3Player.pause(time * 1000); // Flash uses milliseconds } else { return myMp4Player.pause(time * 1000); // Flash uses milliseconds } } private function fl_play_head(percent:Number):Boolean { log("play_head: "+percent+"%"); if(isMp3) { return myMp3Player.playHead(percent); } else { return myMp4Player.playHead(percent); } } private function fl_volume(v:Number):void { log("volume: "+v); commonStatus.volume = v; if(!commonStatus.muted) { myMp3Player.setVolume(v); myMp4Player.setVolume(v); } } private function fl_mute(mute:Boolean):void { log("mute: "+mute); commonStatus.muted = mute; if(mute) { myMp3Player.setVolume(0); myMp4Player.setVolume(0); } else { myMp3Player.setVolume(commonStatus.volume); myMp4Player.setVolume(commonStatus.volume); } } private function jPlayerFlashEvent(e:JplayerEvent):void { log("jPlayer Flash Event: " + e.type + ": " + e.target); if(ExternalInterface.available) { ExternalInterface.call(jQuery, "jPlayerFlashEvent", e.type, extractStatusData(e.data)); } } private function extractStatusData(data:JplayerStatus):Object { var myStatus:Object = { version: JplayerStatus.VERSION, src: data.src, paused: !data.isPlaying, // Changing this name requires inverting all assignments and conditional statements. srcSet: data.srcSet, seekPercent: data.seekPercent, currentPercentRelative: data.currentPercentRelative, currentPercentAbsolute: data.currentPercentAbsolute, currentTime: data.currentTime / 1000, // JavaScript uses seconds duration: data.duration / 1000, // JavaScript uses seconds volume: commonStatus.volume, muted: commonStatus.muted }; log("extractStatusData: sp="+myStatus.seekPercent+" cpr="+myStatus.currentPercentRelative+" cpa="+myStatus.currentPercentAbsolute+" ct="+myStatus.currentTime+" d="+myStatus.duration); return myStatus; } private function jPlayerMetaDataHandler(e:JplayerEvent):void { log("jPlayerMetaDataHandler:" + e.target); if(ExternalInterface.available) { resizeHandler(new Event(Event.RESIZE)); ExternalInterface.call(jQuery, "jPlayerFlashEvent", e.type, extractStatusData(e.data)); } } private function resizeHandler(e:Event):void { log("resizeHandler: stageWidth = " + stage.stageWidth + " | stageHeight = " + stage.stageHeight); var mediaX:Number = 0; var mediaY:Number = 0; var mediaWidth:Number = 0; var mediaHeight:Number = 0; if(stage.stageWidth > 0 && stage.stageHeight > 0 && myMp4Player.myVideo.width > 0 && myMp4Player.myVideo.height > 0) { var aspectRatioStage:Number = stage.stageWidth / stage.stageHeight; var aspectRatioVideo:Number = myMp4Player.myVideo.width / myMp4Player.myVideo.height; if(aspectRatioStage < aspectRatioVideo) { mediaWidth = stage.stageWidth; mediaHeight = stage.stageWidth / aspectRatioVideo; mediaX = 0; mediaY = (stage.stageHeight - mediaHeight) / 2; } else { mediaWidth = stage.stageHeight * aspectRatioVideo; mediaHeight = stage.stageHeight; mediaX = (stage.stageWidth - mediaWidth) / 2; mediaY = 0; } resizeEntity(myMp4Player, mediaX, mediaY, mediaWidth, mediaHeight); } if(debug && stage.stageWidth > 20 && stage.stageHeight > 20) { txLog.width = stage.stageWidth - 10; txLog.height = stage.stageHeight - 10; } } private function resizeEntity(entity:Sprite, mediaX:Number, mediaY:Number, mediaWidth:Number, mediaHeight:Number):void { entity.x = mediaX; entity.y = mediaY; entity.width = mediaWidth; entity.height = mediaHeight; } private function clickHandler(e:MouseEvent):void { if(isMp3) { jPlayerFlashEvent(new JplayerEvent(JplayerEvent.JPLAYER_CLICK, myMp3Player.myStatus, "click")) } else { jPlayerFlashEvent(new JplayerEvent(JplayerEvent.JPLAYER_CLICK, myMp4Player.myStatus, "click")) } } // This event is never called. See comments in class constructor. private function menuSelectHandler_jPlayer(e:ContextMenuEvent):void { navigateToURL(new URLRequest("http://jplayer.org/"), "_blank"); } // This event is never called. See comments in class constructor. private function menuSelectHandler_happyworm(e:ContextMenuEvent):void { navigateToURL(new URLRequest("http://happyworm.com/"), "_blank"); } private function log(t:String):void { if(debug) { txLog.text = t + "\n" + txLog.text; } } private function debugMsgHandler(e:JplayerEvent):void { log(e.msg); } private function keyboardHandler(e:KeyboardEvent):void { log("keyboardHandler: e.keyCode = " + e.keyCode); switch(e.keyCode) { case 68 : // d txLog.visible = !txLog.visible; log("Toggled log display: " + txLog.visible); break; case 76 : // l if(e.ctrlKey && e.shiftKey) { txLog.text = "Cleared log."; } break; } } } }