Ian Serlin

<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
 
	<mx:Metadata>
		[Event(name="ad_completed", type="flash.events.Event")]
		[Event(name="ad_absent", type="flash.events.Event")]
		[Event(name="ad_error", type="flash.events.Event")]
	</mx:Metadata>
	<mx:Script>
		<![CDATA[
			import mx.controls.SWFLoader;
			import mx.core.FlexMovieClip;
 
			// Possible ad types
			public static const BEFORE_CONTENT:String 		= "before_content";
			public static const DURING_CONTENT:String 		= "during_content";
			public static const AFTER_CONTENT:String		= "after_content";
 
			/**
			 * URL to where you are hosting "yume_player_4x3.swf"
			 */
			public static var yume_player_swf_url:String 	= "yume_player_4x3.swf";
 
			/**
			 * URL to where you are hosting "yume_ad_library.swf"
			 */
			public static var yume_library_swf_url:String	= "yume_ad_library.swf";
 
			/**
			 * URL to where you are hosting any specific CSS associated with the YuMe ads you are displaying.
			 */
			public var yume_css_url:String 					= "";
 
			public var ad_width:Number 	= 480;
			public var ad_height:Number = 360;
 
			/**
			 * The type of ad to play in this player the next time startAd() is called,
			 * valid values are: "before_content", "during_content", "after_content"
			 */
			public function set ad_type( value:String ):void {
				// set ad type
				yume_params.ad_type = value;
				regeneratePlaylistURL();
			}
 
			/**
			 * Help YuMe target the video ad by passing tags related to the content this ad will be shown with.
			 */
			public function set tags( value:String ):void {
				_tags = value;
				regeneratePlaylistURL();
			}
 
			/**
			 * Help YuMe target the video ad by passing the title of the content this ad will be shown with.
			 */
			public function set title( value:String ):void {
				_title = value;
				regeneratePlaylistURL();
			}
 
			/**
			 * Help YuMe target the video ad by passing the duration of the content this ad will be shown with.
			 */
			public function set duration( value:Number ):void {
				_duration = value;
				regeneratePlaylistURL();
			}
 
			/**
			 * Help YuMe advertisers target your company's content by giving them a way to identify you.
			 */
			public function set channel( value:String ):void {
				_channel = value;
				regeneratePlaylistURL();
			}
 
			/**
			 * Any YuMe specific errors caught by the YuMe player.
			 * You should check this value if you catch an "ad_error" event.
			 */
			public function get errors():String {
				return _yume ? _yume.error_string : null;
			}
 
			/**
			 * The object the YuMe interface will be loaded into and accessible through.
			 */
			private var _yume:Object;
 
			/**
			 * The actual visual component the YuMe video will be loaded into.
			 */
			private var _yume_mc:MovieClip = new MovieClip();
 
			/**
			 * True if the yume swfs have been successfully loaded and initialized, false otherwise.
			 */
			private var _yume_ready:Boolean = false;
 
			/**
			 * True if there has been a request to play a YuMe ad. This allows the containing application
			 * to initialize and immediately request ad playback without having to worry about asynchronous
			 * load times and have the ad begin playing as soon as it's loaded. 
			 */
			private var _start_requested:Boolean = false;
 
			/**
			 * Your YuMe API key, given to you by YuMe when you're approved. Below is the test key.
			 */
			private var _yume_api_key:String = "88ElOFHxAh";
 
			/**
			 * Any tags associated with the current content being monetized.
			 */
			private var _tags:String = "";
 
			/**
			 * The title of the current content being monetized.
			 */
			private var _title:String = "";
 
			/**
			 * The duration of the current content being monetized.
			 */
			private var _duration:Number = 30;
 
			/**
			 * The name of the YuMe channel you want to create for advertisers to target.
			 */
			private var _channel:String = "your-company";
 
			public var yume_params:Object = {
				parent_mc: 				_yume_mc,
				ad_type: 				BEFORE_CONTENT,
				yume_url:				yume_player_swf_url,
				yume_library_swf_url:	yume_library_swf_url,
				// this is the test playlist from the YuMe setup documentation
				playlist:				"http://shadow01.yumenetworks.com/dynamic_preroll_playlist.fmil?domain=88ElOFHxAh",
				update_interval: 		1000,
				ad_volume:				100,
				normalscreen_x:			0,
				normalscreen_y:			0,
				normalscreen_width:		ad_width,
				normalscreen_height:	ad_height,
				fullscreen_x:			0,
				fullscreen_y:			0,
				fullscreen_width:		ad_width,
				fullscreen_height:		ad_height,
				yume_leader_slot:		true,
				css_url:				yume_css_url
			};
 
			private function regeneratePlaylistURL():void {
				// set playlist url
				var playlist_type:String = "";
				if( yume_params.ad_type == "during_content" ){
					playlist_type = "dynamic_midroll_playlist.fmil";
				}else if( yume_params.ad_type == "after_content" ){
					playlist_type = "dynamic_postroll_playlist.fmil";
				}else{
					playlist_type = "dynamic_preroll_playlist.fmil";	
				}
				yume_params.playlist = "http://shadow01.yumenetworks.com/" + playlist_type 
					+ "?channel=" + encodeURIComponent( _channel )
                                        + "&domain=" + _yume_api_key 
					+ "&title=" + encodeURIComponent( _title ) 
					+ "&tags=" + encodeURIComponent( _tags ) 
					+ "&duration=" + _duration;	
			}
 
			private function init():void {
				Security.allowDomain( "*" );
				Security.allowInsecureDomain( "*" );
				yume_holder.addChild( _yume_mc );
				var loader:SWFLoader = new SWFLoader();
				loader.addEventListener( Event.COMPLETE, handleLoaderComplete );
				loader.load( yume_library_swf_url );
			}
 
			private function handleLoaderComplete( e:Event ):void {
				_yume 			= e.target.content.yume_ad;
				setupListeners( _yume as IEventDispatcher );
				_yume_ready = true;
				if( _start_requested ){
					startAd();
				}
			}
 
			public function startAd():void {
				if( _yume_ready ){
					yume_params.normalscreen_width 	= this.width;
					yume_params.normalscreen_height 	= this.height;
					_yume.start_ad( yume_params );
					_start_requested = false;
				}else{
					_start_requested = true;
				}
			}
 
			// ================= YUME AD LISTENER IMPLEMENTATION ==============
			private function setupListeners( target:IEventDispatcher ):void {
				target.addEventListener( "ad_present", ad_present );
				target.addEventListener( "ad_absent", ad_absent );
				target.addEventListener( "ad_playing", ad_playing );
				target.addEventListener( "ad_completed", ad_completed );
				target.addEventListener( "ad_closed", ad_closed );
				target.addEventListener( "image_closed", image_closed );
				target.addEventListener( "ad_reopened", ad_reopened );
				target.addEventListener( "ad_clicked2site", ad_clicked2site );
				target.addEventListener( "ad_clicked2video", ad_clicked2video );
				target.addEventListener( "pip_video_playing", pip_video_playing );
				target.addEventListener( "pip_video_completed", pip_video_completed ); 
				target.addEventListener( "ad_error", ad_error );
			}
 
			private function ad_absent( e:Event ):void {
				// bubble
				dispatchEvent( e );
			}
 
			private function ad_error( e:Event ):void {
				// bubble
				dispatchEvent( e );
			}
 
			private function ad_completed( e:Event ):void {
				// bubble
				dispatchEvent( e );
			}
 
			private function ad_playing( e:Event ):void {
				trace( e );
				// displays the number of seconds left in the ad for the user if it can be determined
				if( _yume.get_duration() > 0 ){
					var seconds_left:int = Math.round( _yume.get_duration() - _yume.get_time() );
					info.text = "Sponsor: " + ( seconds_left >= 0 ? seconds_left : '' ) 
						+ " second" + ( seconds_left != 1 ? 's' : '' ) + " remaining";
				}
			}
 
			private function ad_present( e:Event ):void {
				trace( e );
			}
 
			private function image_closed( e:Event ):void {
				trace( e );
			}
 
			private function ad_closed( e:Event ):void {
				trace( e );
			}
 
			private function ad_reopened( e:Event ):void {
				trace( e );
			}
 
			private function ad_clicked2site( e:Event ):void {
				trace( e );
			}
 
			private function ad_clicked2video( e:Event ):void {
				trace( e );
			}
 
			private function pip_video_playing( e:Event ):void {
				trace( e );
			}
 
			private function pip_video_completed( e:Event ):void {
				trace( e );
			}		
 
		]]>
	</mx:Script>
 
	<!-- just a holder for the video ad -->
	<mx:UIComponent id="yume_holder" width="100%" height="100%" creationComplete="init()"/>
 
	<!-- displays the seconds countdown -->
	<mx:HBox backgroundColor="#323232" backgroundAlpha="0.5" width="100%" top="0" paddingLeft="10">
		<mx:Label id="info" fontSize="10" color="#FFFFFF"/>
	</mx:HBox>
 
</mx:Canvas>