416 lines
16 KiB
ActionScript
416 lines
16 KiB
ActionScript
/*
|
|
* 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;
|
|
}
|
|
}
|
|
}
|
|
}
|