Archive for the ‘Eyeblaster’ Category

Eyeblaster Mouse Tracker Example

Thursday, May 14th, 2009

This is a simple example code for using the Eyeblaster MouseTracker component I have added some additional functionality and quotes to explain how it works.


/*
	MouseTracker Example (300x250 Panel) - Kurt Grung 3L3373.com
	Usage: Drop a MouseTracker component to the stage and give it a instance name of "mouseTracker" no quotes.
*/

mouseTracker.onMouseMoveXY = mouseTrackerFunction; //This basically calls the MouseTrackFunction below every time the mouse is moved.

function mouseTrackerFunction(nXPos, nYPos, nRelXPos, nRelYPos) {

	if (nRelXPos<0 || nRelXPos>300 || nRelYPos<0 || nRelYPos>250) {

		//Wait Timer - if you wanted to add a delay before the panel shutdown.
		wait = function(){
			clearInterval(waitCall); //Kills the wait call so doesn't loop.
			EB.CollapsePanel("exp"); //Closes Panel down "exp".
		}
		waitCall = setInterval(wait, 1*1000); // 1*1000 = 1 Second.

		//Or you could comment out the above and call a function to start a end animation sequence rather.

	} else {
		//Do something?
	}
} 
Vote in HexoSearch

Capping Machine V.2

Tuesday, April 28th, 2009

Capping Machine V.2 – used for capping expandable panels (or anything really) on rich media platforms uses the Adobe Shared Objects and the date functionality. Set the “var capNum = 5;” with etc value to set the amount of times the panel will be seen/capped. Its compatible with all browsers and OS esp Vista – have fun ;)

Also checkout my AIR #Shared Objects application – remove your flash cookies quickly & easily.

////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////

/*
	Capping Machine V.2
	kurt grung 3L3373.com
*/

trace('-------------------------\n Capping Machine V.2 int\n-------------------------');

//settings
var campaignName = "cappingMachineV2"; //project name
var capNum = 5; //ammount of times you want the panel to be seen

//stamp
myDate = new Date();
dd = myDate.getDate();
mm = myDate.getMonth();
stampDD = (dd);
stampMM = (mm);

//check
userData = SharedObject.getLocal(campaignName, "/");
if (userData.data.stampdd != undefined) {

	trace('stored data detected - ckeck');
	trace('todays time stamp = d/'+stampDD+" m/"+stampMM);
	trace('stored time stamp = d/'+userData.data.stampdd+" m/"+userData.data.stampmm);

	//check
	userData = SharedObject.getLocal(campaignName, "/");	

	if (stampDD > userData.data.stampdd || stampMM > userData.data.stampmm) {

		trace('new date data detected - rest data & display float for today');
		//
		var userData:SharedObject = SharedObject.getLocal(campaignName, "/");
		userData.data.stampdd = stampDD;
		userData.data.stampmm = stampMM;
		userData.data.numx = 1;
		//
		trace('saved new user data - seen ad # '+userData.data.numx+'Xs.');
		//
		EB.ExpandPanel("float");

	} else {
		trace('data match found - start MPU');

		//
		if( userData.data.numx < capNum ){

			numX = userData.data.numx;
			userData.data.numx = numX+1;
			trace('seen ad # '+userData.data.numx+'Xs.');

			EB.ExpandPanel("float");
		}

		//go and play animation/frame etc.
	}
} else {

	//sateOne - reset back to default state
	EB.ExpandPanel("float");

	//clear and save new Objs
	userData.clear();
	var userData:SharedObject = SharedObject.getLocal(campaignName, "/");
	userData.data.stampdd = stampDD;
	userData.data.stampmm = stampMM;
	userData.data.numx = 1;

	trace('displayed float today - saving data - seen ad # '+userData.data.numx+'Xs.');
}

//btns
delBtn.onRelease = function() {
	userData.clear();
	//
	trace('delete shared objects');
};

////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////
Vote in HexoSearch

Flash Video Encoding Overview – Best Practices ‘HD’ Encoding Walkthrough & Techniques

Wednesday, March 25th, 2009


This is document is an intended guide for anyone looking for more information regarding high quality video encoding for online advertising, especially with use of Eyeblaster ad-serving platform/HD delivery system.

Understanding
The best way of getting the highest quality export is by either using high quality compressed video assets with the highest resolution/data-rate you can get your hands on, like say for instance 720p/1080p or by using uncompressed video assets so that will allow you to get best quality possible when compressing that video down further so you can get the highest compression ratio out of that file. Your goal is around 30secs/1minute – 10/15MB 1.5/3minutes – 20/30MBs. What you don’t want to do is take an old video asset that already been compressed down using older codec’s that aren’t even H.264 then re-encoding that asset again that will give you terrible results so keep that in mind.

Technology
Tools of the trade this plays a major part in the equation. Here are a few of the most popular Industry standard encoding applications available; Flix Pro / QuickTime Pro / Sorenson Squeeze & Adobe’s very own “Media Encoder” we have seen a massive update within the new ‘Adobe CS4’ release, they brought out a media specifically in mind for FLV & HD and essentially to clear up the mess of using the hacked together MP4 use of the re-naming of extension containers as there has been issues from the go around this format especially due to the fact that the meta data has been unreadable causing issues when streaming the media (then trying to download the headers of the file it would In some cases download the whole video file instead of downloading the headers and streaming the file when it could) there are ways around it using meta injectors to fix this but the bottom line is I have done extensive testing and depending on how the original media is shot or compressed as most times you won’t be-able to get your hands on uncompressed video assets. If you encode using VP6/VP6-S the ratio’s are so similar there isn’t really any difference so your best other is just to use VP6 really. The new Format is called “F4V” and there has been some major changes/advances to the format, allowing even higher resolution video playback at higher data-rates and faster streaming capabilities all in mind of the new update of the release of Flash Player 10 even though this media runs on older Flash player 9,0,115,0 and above, since the release of Flash Player version 9,0,115,0 & above have already hit the 99% penetration mark early 2009 – more here) this just shows how accessible this media type for online use is, here you can see a version Penetration Breakdown per market globally. I have seen some major improvements on playback & FPS lag as well as system recourses utilized – The format F4V has definitely got the best compression ratios and highest quality encoding I have ever seen (there are some know bugs on streaming this media on Windows Server 2003 – Adobe TechNote). This is mainly due to the birth of the new Adobe MIME types – full list here, Adobe has also integrated XMP technology within the release of CS4.

Compression Techniques
Depending on what the desired results are this example is intended for use with Full Screen HD video encoding while using the “Adobe Media Encoder CS4” but can be adapted to any high quality video encoding usage/application. You will need to come to a conclusion whether you want to accommodate for backwards compatibility basically allowing the High Quality assets to be viewable on anything below Flash Player 9,0,115,0 then you will need to use VP6/VP6-S codec’s or you could just build a detection script to do a number of things i.e. Bandwidth/Flash Player detection etc (we have something similar built into the Eyeblaster HD System) then have multiple encoded files ready to be pulled into the Flash depending on the users current Flash Player configuration setup. Now let’s get on to encoding! – These settings won’t affect which media type used “Select Format” from the tabs and select either – FLV (VP6 Codec) F4V (MainConcept H.264 Codec). Once that is done select “Video” tab. You can select the resize check box if the video needs to be re-sized we keep the video resolution to at-least 1920 pixels wide (so this keeps it compatible with high resolution users on 1080p/1920×1200 monitors and even if needn’t be 2560×1600 or above won’t have too much pixilation when having to upscale that video).
Frame Rates we lower to around 15/20 FPS (Frames Per second) but you can tweak these settings while you are testing compression ratios to see what is best – but keep it around that should be fine.
Field Order/Field Type Specifies whether the output file will have progressive frames or interlaced fields, and if the latter, which field will be written first. Progressive is the correct setting for computer display and motion picture film. Choose Upper First or Lower First when exporting video for an interlaced medium, such as NTSC, or PAL.
Profiles That can be used are either – Baseline, Main & High. The Main and High profiles deliver better quality than the Baseline Profile; what’s the catch? The catch is, as you use more advanced encoding techniques, the file becomes more difficult to decompress, and may not play smoothly on older, slower computers. So you could use Baseline for your older VP6-HD exports but it’s fair to say if the user has a fast connection/updated flash players installed the user’s hardware is more likely to be new/faster so that should be fine.
Level Correlates to pre formatted aspect ratio dimension, frame rate & Field order type if you select anything from 4.2-5.1 it’s 1080p compatible.
VBR/CBR Bitrate Mode or Bitrate Encoding Specifies whether the codec achieves a Constant Bitrate (CBR) or Variable Bitrate(VBR) in the exported file. When comparing CBR and VBR files of the same content and file size, you can make the following generalizations: A CBR file may play back more reliably over a wider range of systems, because a fixed data rate is less demanding on a media player and computer processor. However, a VBR file tends to have a higher image quality, because VBR tailors the amount of compression to the image content. VBR, 2 Pass Variable bitrate, with the encoder making two passes through the file, from beginning to end, and then from end to beginning. The second pass prolongs the process, but it ensures greater encoding efficiency, and often a higher quality output. The target/maximum Bitrate I wouldn’t set it below 1400Kbps you will need to tweak this setting to get best result, keep an eye on the “Estimated File Size” found lower middle of the active window- that will give you an indication of the desired file size to quality ratio.
Key Frames When the video is compressed depending on how many Key Frames have been selected the more frequent the better the quality of the footage will be but that will also mean a larger file size. If you choose 30, a video key frame draws every 30 frames. If you choose 15, the quality is higher because a key frame draws ever 15 frames and the pixels in your footage are more accurate to the original. Reduce Noise (scattered pixels in your footage) increases file size. Reduce noise using your video editor, to reduce the video file size. Using more solid colors in your video reduces its file size. You can use the

ALSO SEE
http://3l3373.com/f4v-encoding-streaming/
http://3l3373.com/hd-on-the-web/

MORE INFORMATION
Aspect Ratios and Resolutions – http://en.wikipedia.org/wiki/File:Aspect_Ratios_and_Resolutions.svg
Encoding options for H.264 video – http://www.adobe.com/devnet/flashmediaserver/articles/h264_encoding_print.html
Using ADOBE MEDIA ENCODER CS4 – http://help.adobe.com/en_US/AdobeMediaEncoder/4.0/WSCA5A8F18-163A-4176-B5EF-61AAF43367CD.html#WS9318C547-6ABC-485d-979C-A58E12D00A44

Vote in HexoSearch

PointRoll Launches Industry’s First Full-Screen HD Video Ad Unit with Paramount Pictures? lol

Friday, March 20th, 2009

Haha is this a joke? I found this on PointRoll’s website today apparently they added it recently from what i have heard… I find this highly amusing as the fact that Eyeblaster have been building HD Full Screen adverts for nearly over a year now… checkout my post on “April 14, 2008” I even find funnier that Eyeblaster ran the release campaign of the film “The Curious Case of Benjamin Button” about two months ago… “Posted on January 20, 2009” I think PointRoll are dreamin..

*Let me make this clear – I am not saying Eyeblaster are but “PointRoll” aren’t the first by a long shot.

What I can’t get my head around is the fact that their demo doesn’t even go fullscreen? nor is the video quality even HD it’s not even high resolution… check out the demo below for yourself;
http://media.pointroll.com/PointRoll/Media/Panels/PointRollLev/600958/oprah_r01.html

Eyeblaster’s version – Full HD/100% Full Screen / With advanced skinning;
http://eyeblaster.org/projects/benjaminbutton/demo2.php?lang=en&num=2

Some love from PointRoll: EB was standard video in very high resolution and passing it off as HD video?

My response
Eyeblaster uses industry standard High Definition video codec’s & compression techniques to give the user the best possible experience. Our HD delivery system does a number of detections in real-time to determine these settings it checks the users current bandwidth, resolution and software settings for compatibility then outputs the best possible HD video asset depending on those factors – we also have a totally unique Full Screen display with dynamic skinning (supported on any resolution upto full 1080p and higher) allowing a more impactful experience for the user. This enables us to deliver the best HD web experience possible.

So there you have it. 

Vote in HexoSearch

Object Expected IE Bug

Wednesday, March 11th, 2009

I came accoss this bug while building a Flash Crossdomain Shared Objects project (more on that later).

If your getting “Object Expected” line error on Internet Explorer 6/7/8 while accessing .SWF/flash file’s directly from a remote domain with default IE settings you will need to embed that .SWF into a HTML page with either the js/objects tags and it will work :)

There are other fixes but this is an automatic fix that doesn’t involve changing any browser/registry settings.

Hope this helps someone.

Vote in HexoSearch

AS3 Eyeblaster MXP BUG Fix (Error: 1120: Access of undefined property EB.)

Wednesday, March 11th, 2009

Came accross this bug recently happens on both CS3/CS4 Extension Managers with Eyeblaster Workshop 2.5.4 I’m unaware if this is a bug for just this version or its always been happening. There is a quick fix which I have been doing if you drop a VideoLoader/VideoPlayback component onto the stage seems to sort this out (even if you delete the component from the stage it works). but if you want to fix this read below;

When adding the following actionscript on frame 1, layer _as;

//Eyeblaster AS3 include
include “c:/Documents and Settings/kurt/Local Settings/Application Data/Adobe/Flash CS3/en/Configuration/Include/ebFlashActionsAS3.as”

//Eyeblaster methods test
EB.UserActionCounter(“Test”);

It should output 2 complier errors (if you arr getting the 1120 error);

Location: ebFlashActionsAS3.as, Line 4
Description: 1120: Access of undefined property EB.

Location: Scene 1, Layer ‘_as’, Frame 1, Line 5
Description: 1120: Access of undefined property EB.

FIX

In order to use our AS3 code, one should do the followings (taken from our help):
To work with ActionScript 3.0:
1.  Install the most updated Eyeblaster Workshop™ for Flash® from the Eyeblaster platform homepage.
2.  Open Flash® CS3.
3.  Open the Preferences dialog box:
•  For Windows: Select Edit > Preferences.
•  For Macintosh: Select Flash > Preferences.
4.  Select ActionScript in the left column, and then click ActionScript 3.0 Settings.
5.  Under “Source path:” Click the plus icon + and double-click the new line (entry) then enter the following:

$(LocalData)/Classes/Eyeblaster ActionScript 3.0

6.  Click OK, and OK again.

Now your Flash output should display;

Eyeblaster Workshop | UserActionCounter “Test” tracked

Working :)

Vote in HexoSearch

The Curious Case of Benjamin Button – Eyeblaster HD Advert

Tuesday, January 20th, 2009

bb_pic

New HD advert I’ve been working on for the new film “The Curious Case of Benjamin Button” keen to see it when its out should be good… the advert is going live soon this week, checkout the demo link below;

728×90 EXP
http://eyeblaster.org/projects/benjaminbutton/demo.php?lang=en&num=1.

300×250 MPU
http://eyeblaster.org/projects/benjaminbutton/demo.php?lang=en&num=1.

Vote in HexoSearch

HD on the Web

Friday, January 9th, 2009

‘HD’ the new boom in rich media allowing even more quality over existing bygone formats/codec’s it’s becoming industry standard as I see things shaping up we have already seem a huge interest taken within the gaming & film sectors with its super crisp high resolution ratio’s allowing full screen playback at allot smoother frame rates and download/streaming play backs.

With the birth of Flash player 10 and the release of Adobe CS4 new MIME types have been introduced in its latest release ‘CS4’ with new formats specifically made for high definition internet video (essentially more web streaming friendly MP4 media allowing allot more control directly through Flash itself as before we were having to Encode MP4 extensions AVC1 / H.264 codec’s and having to rename the containers but that brought in additional issues and not to mention true streaming difficulties) here is a list of the new MIME’s;

File Extension

FTYP

MIME Type

Description

.f4v

‘F4V ‘

video/mp4

Video for Adobe Flash Player

.f4p

‘F4P ‘

video/mp4

Protected Media for Adobe Flash Player

.f4a

‘F4A ‘

audio/mp4

Audio for Adobe Flash Player

.f4b

‘F4B ‘

audio/mp4

Audio Book for Adobe Flash Player

Adobe Media Encoder is a great tool for exporting FLVs and F4Vs (with its latest release) it has the best compression ratio I have seen to date from any full blow or standalone encoding applications out there – Sorenson Squeeze, FLIX pro (made by on2 its always been one of my personal favorites back when on2 VP6 was the best but even now vp6 or should I say updated vp6-S doesn’t cut it and doesn’t allow any real gain over F4V just makes vp6 look outdated like the old Sorenson Squeeze when vp6 was still top dog a year or so back. the best thing about F4V is basically you only need Flash plugin version 9.0.0.115 and above and there’s already a 99% penetration early 2009).

*Flash Player 9 Update 3, released on 12/4/2007, introduced H.264 video and HE-AAC audio playback, multi-core support, hardware scaling of HD quality full-screen video and component caching. Includes v9.0.115 and v9.0.124 – Here you can see a version penetration breakdown; More

F4V exclusively uses the MainConcept H.264 Video codec I first saw this introduced within Sorenson Squeeze 5 but didn’t have anything on it and wasn’t usable with Adobe Flash CS3 as it needed the latest MediaPlayback component which is only supported within Adobe Flash CS4.

Vote in HexoSearch

Gears of War II – Eyeblaster HD

Friday, December 5th, 2008

*Featured – on this months TheBlast (Eyeblaster Newsletter);
http://www.eyeblaster.com/newsletter/archive/08/december/index.html

Gears of War II – HD Video Advert servered with Eyeblaster running on MSN messenger network.

Had so much fun building this advert has totally custom skins from video controler/loading animations/fullscreen skin all custom themed, the video is 1080p so quality is very high.

//preview
http://eyeblaster.org/projects/gearsofwarII/

//expandable (screenshot)

//fullscreen skin (screenshot)

Vote in HexoSearch

Tomb Raider Underworld – Eyeblaster HD

Thursday, November 20th, 2008

Eyeblaster HDNew HD campaign i’ve been working on for IGN/JVST just went live this week, built with Eyeblaster HD functionality to control it, also sports the fullscrean skins – a first for the American market running HD content. Live demo of the advert; http://xbox360.ign.com/?special=tombraider

Here are a few press releases;

Emedia:
http://www.emediawire.com/releases/2008/11/prweb1639394.htm

MarketingVox:
http://www.marketingvox.com/tomb-raider-underworld-takes-over-gamer-sites-042050/

Adrants:
http://www.adrants.com/2008/11/tomb-raider-does-sitetakeover.php

Post Advertising:
http://www.postadvertising.com/post/2008/11/19/Lara-Croft-Raids-Our-Tombs.aspx

Vote in HexoSearch
  • Categories

  • Recent Comments

  • Recent Posts

  • Tumblr

  • Flickr Recent Photos

    cherry tree woodstonja_gravestonesPockey Chimp FlavourAUTO FTW! :)darkdaystayouttiger kittenbirdofpreyfirst photo i took with my 1000dself_portrait_02
  • XFIRE (wkly hrs pld)

  • Last.FM

  • Tags

    .MP4 Actionscript Action Script Advertising AS2 AS3 backtrack BT4 bug Call of Duty capcom centOS cpanel crossdomain Eyeblaster eyeblaster HD f4v Flash h264 HD high definition Install internet explorer Linux load loadMovie MIME MIME Types MW2 Nazi Zombies pc PHP ports preloader release date rich media shared objects Stage SWF SWFOBJECT torrents Video video/mp4 VMware win7