Question

我创建了一个Flex应用程序，用于快照网络摄像头的图片。我现在尝试保存每个snapshop并在捕获图像时直接显示它。但我似乎无法理解如何。我希望图像显示在缩略图框中。有帮助吗？或者我可以找到一些帮助的网站？

这就是我现在所拥有的

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
                horizontalAlign="center" paddingTop="0" viewSourceURL="srcview/index.html">
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.core.UIComponent;

            private function videoDisplay_creationComplete() : void
            {
                var camera:Camera = Camera.getCamera();

                if (camera) 
                {
                    videoDisplay.attachCamera(camera);                    
                } 
                else 
                {
                    Alert.show("Oops, we can't find your camera.");
                }
            }

            private function capture_click() : void
            {
                var snap:BitmapData = new BitmapData(320, 240, true);
                var snapBmp:Bitmap = new Bitmap(snap);

                snapBmp.width = 320;
                snapBmp.height = 240;

                if(snapshotHolder.numChildren > 0)
                    snapshotHolder.removeChildAt(0);

                snapshotHolder.addChild(snapBmp);                
                snap.draw(videoDisplay);
            }
        ]]>

    </mx:Script>
    <mx:HBox>
        <mx:Panel title="Video">
            <mx:VideoDisplay id="videoDisplay" creationComplete="videoDisplay_creationComplete();" width="320" height="240" />        
        </mx:Panel>

        <mx:Panel title="Snapshot">
            <mx:UIComponent id="snapshotHolder" width="320" height="240" />
        </mx:Panel>

    </mx:HBox>
    <mx:HBox>
        <mx:Button label="reload camera" click="videoDisplay_creationComplete();"/>
        <mx:Button label="capture" click="capture_click();"/>    
    </mx:HBox>

    <mx:HBox>
        <mx:Panel title="Thumbnails">
        <mx:UIComponent id="snapshotHolderTN" width="128" height="96" />
        </mx:Panel>
    </mx:HBox>


</mx:Application>

Answer 1

点击图片快照时请尝试使用此功能。

     var bmp:BitmapData = new BitmapData(videodisplay.width,videodisplay.height);
     bmp.draw(drawArea);

     var jpgEncode:JPEGEncoder = new JPEGEncoder(50);
     var imageByte:ByteArray = jpgEncode.encode(bmp);


     var fileRef:FileReference = new FileReference;
     fileRef.save(imageByte);

从相机Flex显示快照

1 个答案: