Flash/Flex学习笔记(5):捕获摄像头(续)--在线抓屏并保存到客户端本地

简介: 必须有摄像头,上面的演示才能正常播放。 思路: 使用摄像头以及在线抓屏在上一节Flash/Flex学习笔记(2):捕获摄像头 里已经讲过了,就不重复粘贴了,至于在客户端保存文件,Flash里用起来也很简单:直接调用 FileReference 即可,另外为了减少图片大小,还可能借助AS3.

必须有摄像头上面的演示才能正常播放。

思路

使用摄像头以及在线抓屏在上一节Flash/Flex学习笔记(2)捕获摄像头 里已经讲过了就不重复粘贴了至于在客户端保存文件Flash里用起来也很简单:直接调用 FileReference 即可另外为了减少图片大小还可能借助AS3.0的扩展库项目地址http://code.google.com/p/as3corelib/把bmp格式的位置转换成jpeg再保存

 

扩展

结合本文的方法再配合Flash/Flex学习笔记(4)如何打开网页及Get/Post数据 可以很方便的做出"在线大头贴"或"在线生成会员头象"等功能

源代码:

 

var W:int=stage.stageWidth;//场景的原始宽度
    var H:int=stage.stageHeight;//场景的原始高度
    stage.scaleMode=StageScaleMode.NO_SCALE;//舞台禁止缩放,但是好象没效果?
    var video:Video;
    var camera:Camera=Camera.getCamera();//获取摄像头
    lblAuthor.addEventListener(MouseEvent.CLICK,function(){
    navigateToURL(new URLRequest("http://www.cnblogs.com/yjmyzz"),"_blank")
    });
    //检测摄像头
    if (camera==null) {
    trace("未检测到摄像头!");
    lbl1.text="未检测到摄像头!";
    btnCapture.visible=false;
    tilelst1.visible = false;
    lblMemo.visible = false;
    } else {
    camera.addEventListener(ActivityEvent.ACTIVITY,activityHander);
    video=new Video(camera.width,camera.height);
    trace("视频宽度" + camera.width + "视频高度" + camera.height);
    video.attachCamera(camera);
    //定位到水平中心点
    video.x = (W - video.width) /2;
    video.y=10;
    addChild(video);//加载到当前舞台中
    btnCapture.x = (W - btnCapture.width) /2;
    btnCapture.y=video.y+video.height+5;
    btnCapture.addEventListener(MouseEvent.CLICK,captureImage);
    }
    //检测摄像头活动变化
    function activityHander(e:ActivityEvent):void {
    trace("activityHander:" + e);
    }
    var dp:DataProvider = new DataProvider();
    tilelst1.addEventListener(MouseEvent.CLICK,saveImage);
    //双击将截图保存到本地
    function saveImage(e:MouseEvent) {
    if (e.target.hasOwnProperty("source")) { //检查只有点击了图象才保存
    var jpegEncoder:JPGEncoder = new JPGEncoder();
    var bitmap:Bitmap = e.target.data.source;
    var jpegArr:ByteArray=jpegEncoder.encode(bitmap.bitmapData);//压缩成jpeg
    trace(jpegArr.length);
    var file:FileReference=new FileReference();
    var fileName:String= e.target.data.label +  ".jpg";//设置文件名
    file.save(jpegArr,fileName);//保存到本地
    }
    }
    //视频截图处理
    function captureImage(e:MouseEvent):void {
    //trace("你点击了按钮");
    var bit:BitmapData=new BitmapData(video.width,video.height);
    bit.draw(video);
    var bmp:Bitmap=new Bitmap(bit);
    var d:Date = new Date();
    dp.addItem({label:"截图" + d.getFullYear() + d.getMonth() + d.getDay() + d.getHours() + d.getMinutes() + d.getSeconds() + d.getMilliseconds(),source:bmp});
    tilelst1.dataProvider=dp;
    trace(dp.length);
    tilelst1.scrollToIndex(dp.length-1);//滚动条自动拉到最后一张图片
    }
    stop();
    
示例源代码下载: http://cid-2959920b8267aaca.skydrive.live.com/self.aspx/Flash/GetCamera2.rar
目录
相关文章
|
内存技术
Flash/Flex学习笔记(2):捕获摄像头
Flash中使用摄像头,个人感觉比silverlight要更容易   时间轴第一帧上敲以下代码就可以了: //import fl.controls.Label; //var camera:Camera = Camera.
763 0
|
2月前
|
开发者 容器
flex 布局属性在实际项目中的应用场景有哪些?
flex 布局属性在实际项目中的应用场景有哪些?
|
28天前
|
前端开发 UED 容器
使用 Flex 布局实现垂直居中效果
【10月更文挑战第7天】
99 57
|
13天前
|
前端开发 UED 容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么?
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时,需要对其基本原理和特性有深入的理解,同时结合具体的布局需求和场景,进行细致的调整和优化。通过合理的设置和注意事项的把握,才能实现理想的自适应效果,提升用户体验。还可以根据实际情况进行更深入的探索和实践,以不断提升 Flex 布局的应用能力。
|
2天前
|
开发者 UED 容器
鸿蒙next版开发:ArkTS组件通用属性(Flex布局)
在HarmonyOS next中,ArkTS的Flex布局是一种强大且灵活的布局方式,支持水平或垂直方向排列元素,并能动态调整大小和位置以适应不同屏幕。主要属性包括justifyContent、alignItems、direction和wrap,适用于导航栏、侧边栏和表单等多种场景。示例代码展示了如何使用这些属性创建美观的布局。
21 10
|
13天前
|
容器
在 Flex 布局中,如何设置元素在侧轴上的初始对齐方式?
【10月更文挑战第22天】同时,还可以进一步探索其他 Flex 布局相关的属性和技巧,以更好地掌握 Flex 布局的强大功能,创造出更具创意和适应性的页面布局。
22 2
|
28天前
|
前端开发 容器
flex布局
【10月更文挑战第7天】
27 1
flex布局属性简介
flex布局属性简介
|
1月前
多个p标签,并让div“flex”布局,且单行溢出隐藏
多个p标签,并让div“flex”布局,且单行溢出隐藏
27 0
下一篇
无影云桌面