GFX Complex | St. Louis Web Design & Development » Flex

Free AS3 Image and Video Full Screen Library.

Josh — Tue, 24 Feb 2009 03:21:43 +0000

::EDIT:: There has been an update. I have created a better example that will show how to use this lib as a slide show so for any of you who have asked how to change the image there you go. I have also cleaned. the code just a little.

I have put all three of my full screen classes together. I am also now hosting it on googles code site. There will be some documents coming out soon, though there is still some examples in the zip.

The newest class is a FullScreenVideo class that takes and URL of a FLV, FL4 or H.264 supported video add scales the video to fit the browser. You can apply smoothing and or buffering. You can also set the number of times to loop the video or set it to 0 to loop forever.
The second class is a class that will scale an image the same way you can with a video.
The third class is a Image panning class that will pan the areas cropped by scaling the image.

This achieved such a common set of tasks that I was amazed that there was not much out there already. I hope it helps, enjoy.

Here is a link to the Zip:: http://as3-fullscreen-lib.googlecode.com/files/FullScreenLib.zip
Here is the link to the project on code.google.com:: http://code.google.com/p/as3-fullscreen-lib

I have also created a starter package for people looking to learn how to put this to use as a slide show : http://gfxcomplex.com/forsale/full-screen-slide-show-starter-files/

::EDIT:: Good news… I just tried to load a swf in the FullScreenImage Class and it works so long as you don’t use bitmapsmoothing. So now for the record you can load anything a Loader class can in the FullScreenImage class.

New Beta AS3 FullScreenVideo Class. Need your input – comment.

Josh — Sun, 22 Feb 2009 19:02:47 +0000

::: UPDATE::::

This is out of data. Please go here to get the new version of the full screen class.

I have just made a new version of my FullscreenImage class for videos. Just like the image version you can set it to any align point like top, center, bottom, left, right, ect, while still scaling the video to fit the whole screen proportionally on the fly.

Yet there are a few things that you normally want to do with video that are not the same with images. Such as loop, pause, play, ect… Since I want make this class lite I want to know what you want to see in it. Please post a reply with what you think would be good for this class in the way of functionality and command use.

I will try to add as much as requested, though please keep in mind this class is meant to be a backdrop to a site and not a video player.

Here is a link to the beta version if you would like to see it working now.
Link: http://gfxcomplex.com/labs/fullscreen-video-beta-1.zip

K-Lib AS3 Kuler API Beta v2

Josh — Sun, 15 Feb 2009 23:21:23 +0000

I had just updated a new version of K-Lib. This current version now has search methods used to get swatches by themeID, userID, email, tag, hex and title. I have also added test examples for all the supported methods.

Have a look at http://code.google.com/p/k-lib/

Pure AS3 MJPEG streaming class

Josh — Wed, 11 Feb 2009 01:04:39 +0000

Any of you who own a IP webcam can now stream your MJPEG video right into your AIR application. I only say AIR because there is sandbox problem if you try to use this in your flash or flex application.

I made this class from a flex component I found at http://www.alagad.com/go/blog-entry/viewing-mjpeg-streams-in-flex. The class I made now uses pure AS3 so that you can use flash or flex to make your AIR apt. This Class also has a dependency from a 3rd party class, but only if you need to login to see your stream. I have also changed a few things for proficiency and optimization from the older class.

I have added an example fla with the dependency class if needed. AS3 mjpg – Zip Link

If you found this helpful then please donate. Thanks.

K-Lib Actionscript 3.0 API for Adobe Kuler

Josh — Sat, 24 Jan 2009 05:12:56 +0000

After Kuler updated their API it broke my screen saver and a few other things I have made over the last 2 years. Today I felt the need to rehash some of my old work. So starting from the ground up I decided to make a AS3 API for kuler. I think this is a good start for my self if I want to remake a few of the thing I had done befor using the Kuler API. K-lib’s goal is to make the loading, parsing and organizing of the Kuler swatch data as simple as posible. With a simple call of a method and a single event listener you can get all of your kuler data on the fly. This is still very much a work in progress but there is some progress starting to show. have a look for your self at http://code.google.com/p/k-lib/.

I’m also taking go measures to make plenty of documents for the community.

- enjoy.

AS3 Full Screen Image Class with alignment scaling and smoothing.

Josh — Wed, 14 Jan 2009 17:27:25 +0000

Every time that I go to http://thefwa.com the first thing I think about is how all the sites listed there are using a image as the background that spans the full browser. That is the norm now for high end sites. So I decided to make a class that loads an image and will do the same thing as all the highend sites out there.

FullScreenImage lets you take a jpg, png or gif and scale it to fit the full size of the stage. This is used to create a site with an image that spans the full browser screen, as well scaling or cropping depending on the scale of the browser window.
Features:

Bitmap Smoothing for up scaling images *NOTE* may need crossdomain permissions via crossdomain.xml
Stage alignment and scaling

To make this work all you need to do is create an instance of the FullScreenImage Class and pass the constructor the URL of the image, the alignment constance which can been found by the FullScreenAlign Class and chosing on of the constance. The image to the left will show you how your image will be placed and scaled from. The FullScreenImage also relays all the Loader events that are triggurd when the image is loading so that you can listen to progress, completion and error.

::: Update :::

This has been updated by a full screen Libray class that can do video, images and swf files.
Please be sure to read there for more info.
http://gfxcomplex.com/actionscript3/free-as3-image-and-video-full-screen-library/

I have also created a starter package for people looking to learn how to put this to use as a slide show : http://gfxcomplex.com/forsale/full-screen-slide-show-starter-files/