How to proper resize images and videos at runtime without losing quality?

Question

Hi guys. I need a bit of help here.
I've built a flash site in which i want to resize a movie to the stage. I do it by keeping the proportion, thus i only resize the width and then i resize the height acordingly to the new width but keeping the proportion.
The problem is that my film still looks "pixeled".
I found a website on which the stage resizes dinamically with the movie and the background images without either of them losing quality. Till now i knew that resizing images or videos in flash at authoring or runtime produces pixeled results.
This is the website: http://kampanjeweb.apt.no/jotun/romforrom/. Can someone tell me how do they do it without losing quality? just make the browser windowed and resize the margins to see the effect.
Thanks.

Answer 1

Hello, Venian.
About the video, you could try setting the flash.media.Video's smoothing property to TRUE. This should keep a quality, but you can do nothing if the video has a poor quality. You need a great video.
About the images, you you need to redraw the image each time you resize it. To achieve it, use a combination of Bitmap, BitmapData and Matrix classes. Any doubt, just call again. Here is a simple example:
var scale:Number = .5;
var highQualitySourceImage:Bitmap = ...your image...;
var scaleMatrix:Matrix = new Matrix();
     scaleMatrix.scale(scale, scale);
var bitmapData:BitmapData = new BitmapData( scale*highQualitySourceImage.width, scale*highQualitySourceImage.height);
     bitmapData.draw(highQualitySourceImage, scaleMatrix);
var finalBitmap:Bitmap = new Bitmap(bitmapData);
addChild( finalBitmap );
Cheers,
CaioToOn!