to Flex India Community

it is possible in Flex 2 we take screen shot from current page and
also save this image in file format like (jpg, png etc)?

to Flex India Community

Hi Vaibhav,

Yes its possible to take a screenshot of your flex application right
from inside in flex. You can create a BitmapData representation of
your application and then use that as image.

I have modified an example from
http://blog.flexexamples.com/2007/08/03/creating-flv-cuepoint-thumbnails-using-the-bitmap-and-bitmapdata-classes/#more-53
to capture the screen of the flex app. The modified code logic goes
like this:-

1. You create a BitmapData representation of your flex app by passing
"Application.application as DisplayObject" to BitmapData

The code is here:-

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical" verticalAlign="middle" backgroundColor="white">

<mx:Script>
<![CDATA[
import mx.events.CuePointEvent;
import mx.collections.ArrayCollection;

[Bindable]
private var arrColl:ArrayCollection = new
ArrayCollection();

private function copyBitmap(source:DisplayObject):Bitmap {
var bmd:BitmapData = new BitmapData(source.width,
source.height);
bmd.draw(source);
return new Bitmap(bmd);
}

private function
videoDisplay_cuePoint(evt:CuePointEvent):void {
var bm:Bitmap = copyBitmap(Application.application as
DisplayObject);
arrColl.addItem({bitmap:bm,
cuePointName:evt.cuePointName, cuePointTime:evt.cuePointTime,
cuePointType:evt.cuePointType});
}
]]>
</mx:Script>

<mx:Panel id="panel" layout="horizontal" title="Panel">
<mx:HBox paddingLeft="5" paddingRight="5" paddingTop="5"
paddingBottom="5" backgroundColor="black">
<mx:VideoDisplay id="videoDisplay" source="http://
www.helpexamples.com/flash/video/cuepoints.flv"
cuePoint="videoDisplay_cuePoint(event)" top="5" />
</mx:HBox>

<mx:TileList id="tileList" columnCount="1"
dataProvider="{arrColl}" width="{videoDisplay.width}"
height="{videoDisplay.height + 10}"
verticalScrollPolicy="on">
<mx:itemRenderer>
<mx:Component>
<mx:HBox paddingBottom="0" paddingTop="0">
<mx:Image source="{data.bitmap}"
toolTip="{data.cuePointTime}" maintainAspectRatio="true" scaleX="0.5"
scaleY="0.5" />
<mx:Text textAlign="left">
<mx:htmlText>name: &lt;b&gt;
{data.cuePointName}&lt;/b&gt;&lt;br /&gt;time: {data.cuePointTime}
&lt;br /&gt;type: {data.cuePointType}</mx:htmlText>
</mx:Text>
</mx:HBox>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>
</mx:Panel>

</mx:Application>

Note:- This will not capture the users entire screen. Flash player
security features wont allow flex to capture the entire screen

Regards,
-Sindhu

to flex_...@googlegroups.com

Just note there is crossdomain security sandbox, images/videos from other domains might not be captured. To capture them, you need to take care of crossdomain.xml.

-abdul

to Flex India Community

Thanks Sindhu

but we need full screen capture and also save the data base picture
format like (jpg, png etc).
if you have any idea then Share with me.

Vaibhav

> I have modified an example fromhttp://blog.flexexamples.com/2007/08/03/creating-flv-cuepoint-thumbna...

to Flex India Community

Thanks Abdul

but we need full screen capture and also save the data base picture
format like (jpg, png etc).
if you have any idea then Share with me.

Vaibhav

> >http://blog.flexexamples.com/2007/08/03/creating-flv-cuepoint-thumbna...

Ashwinee Dash

unread,

Abdul Qabiz

unread,

to flex_...@googlegroups.com

Can't we take the  Base64Encoded string to DOM and copy this to clipboard?