mikeland.us » Dynamic Text On Video

Dynamic Text On Video – Real Time (AS3)

Hi there,

Today, I am showing you a way to add dynamic text to a video and in real time!

You’ll probably think this example is pretty crappy (I agree with you)… But please note that this was done in a couple of hours and you can achieve really satisfying results if you spend a little more time on it.

So first take a video.

Then import it in Flash directly in the timeline.

Create a shape that you convert into movie clip and adjust its size and position on each frame.

Then we create a textField dynamically, convert it to Bitmap, and ad an instance of it on your shape MC.

The reason why we convert the text to bitmap, is to make transformation and manipulation easier.

Download the source file here

And below is the AS3 code.

Hope you enjoy it!

/**
 * Do whatever you want with this file, 
 * even money if it's what you like doing ;) 
 * Just make sure you come visit my website often! 
 * http://wordpress.mikeland.us  
 * @author mike 
 */
 
// In this example we first mute the sound as we don't really need it here
var soundTrans = new SoundTransform();  
soundTrans.volume = 0;  
this.soundTransform = soundTrans;

// Now we load text in the billboard by creating a new textfield and adding an instance of it on the holder.
var dynamicText:TextField = new TextField();
dynamicText.width = 200;
dynamicText.height = 100;
dynamicText.autoSize = TextFieldAutoSize.CENTER;
dynamicText.background = false;
dynamicText.border = false;
dynamicText.text = inputText_txt.text;

var formatText:TextFormat = new TextFormat();  
formatText.color = 0xD3D3D3;  
formatText.size = 20;  
formatText.bold = true;

dynamicText.setTextFormat(formatText);

var bitmapTextData:BitmapData = new BitmapData(200, 100, true, 0x00000000);
bitmapTextData.draw(dynamicText);
var bitmapText:Bitmap = new Bitmap(bitmapTextData);
bitmapText.smoothing = true;
bitmapText.x =10;
this.textBox_mc.addChild(bitmapText);

Comments are closed.

AS3 Tweets!
Blog Latest
About
Subscribe

Subscribe to the RSS Feed

Dynamic Text On Video – Real Time (AS3)

Main Menu

mikeFeed!

Code makes us Free! Code should be Free!!