Superimposing an image on a webcam feed - apache-flex

Question

I have a problem with the application I am trying to create.I want to know how can I superimpose an image on a webcam feed??
Right now I am able to load the image but the web cam feed comes on top of it.This is not allowing me to view the image
Any help would be usefull

Answer 1

Easy enough.
<Group>
<s:VideoDisplay source="{yourVideoFeed}" />
<s:Image source="path/to/image.jpg" />
</Group>

Answer 2

I solve this issue with the previous ideas / comments, I attach my code:
<?xml version="1.0" encoding="utf-8"?>
protected function inicializar(event:FlexEvent):void {
mergeImages();
}
public function makeBitmap(myDO:DisplayObject):BitmapData {
var myBD:BitmapData = new BitmapData(myDO.width, myDO.height);
myBD.draw(myDO);
return myBD;
}
private function mergeImages():void {
try{
var bitMapData1:BitmapData = makeBitmap(this.img00); //or embedded item
var bitMapData2:BitmapData = makeBitmap(this.img01); // "
var bitmap:Bitmap = new Bitmap(bitMapData1);
var mult:uint = 50; // 50% ó 0x80
bitmap.bitmapData.merge(bitMapData2, new Rectangle(0, 0, this.img02.width, this.img02.height), new Point(0, 0), mult, mult, mult, mult);
this.img02.source = bitmap;
}
catch(error:Error){
Alert.show("" + error.message);
}
}
]]>
</fx:Script>
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<s:SWFLoader id="img01" x="49" y="40" width="163" height="107" source="img01.png"/>
<s:SWFLoader id="img00" x="59" y="178" width="148" height="110" source="img00.png"/>
<s:SWFLoader id="img02" x="361" y="134" width="401" height="315" scaleContent="true" maintainAspectRatio="false" />