当前位置:首页 > Flash闪客看点 > Flash教程 > 使用Flex撷取影像

使用Flex撷取影像

2017-11-28来源:闪客帝国编辑:佚名标签:

文章导读
Flex 2撷取影像其实很简单

 在Flex 2撷取影像其实很简单,之前不小心在网络上看到一个范例(不过我忘记在哪了:P),不过那倒无所谓,我做了一个类似的范例,原理就是祗要建立一个 ActionScript组件,利用mxml里呼叫此组件,当然您需要一个按钮来做这快照,再实时地快照到面版里就可以。

直接浏览范例:http://j2eemx.com/flex/webcam/webcam.html

所有程序代码...

ActionScript Class文件范例如下:

    package myComponents
{
import mx.containers.Panel;
import flash.media.Camera;
import flash.media.Video;
import mx.core.UIComponent;

public class WebcamPanel extends Panel
{
public var video:Video
public function WebcamPanel(){
super();
insertWebcamVideo();
}
public function insertWebcamVideo():void{
var videoHolder:UIComponent = new UIComponent();
var camera:Camera = Camera.getCamera();
video = new Video(camera.width*2, camera.height*2);
video.attachCamera(camera);
videoHolder.addChild(video);
addChild(videoHolder);
videoHolder.y =10;
}
}
}

WebCam.mxml程序代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:MyComp="myComponents.*" layout="absolute">
<mx:Script>
<![CDATA[
import mx.core.UIComponent;
import flash.display.BitmapData;

//快照函数
public function takeSnapshot():void{
var snapshotHolder:UIComponent = new UIComponent();
var snapshot:BitmapData = new BitmapData(320, 240, true);
var snapshotbitmap:Bitmap = new Bitmap(snapshot);
snapshotHolder.y =10;
snapshotHolder.addChild(snapshotbitmap);
pnlSnapshot.addChild(snapshotHolder);
snapshot.draw(pnlWebcam.video);
pnlSnapshot.visible = true;
}
]]>
</mx:Script>

<!--初始影像面版 -->
<MyComp:WebcamPanel x="69" y="51" width="360" height="320"
layout="absolute" backgroundColor="#ffffff"
backgroundAlpha="1.0" title="这是动态影像"
fontSize="18" fontFamily="Verdana"
color="#000000" borderColor="#0080ff" borderStyle="solid"
cornerRadius="0" barColor="#FFFFFF" borderThickness="10"
dropShadowColor="#FFFFFF" dropShadowEnabled="false"
footerColors="#FFFFFF" headerColors="#FFFFFF"
highlightAlphas="0" shadowDirection="center"
textAlign="right" textDecoration="none" borderAlpha="0"
fontWeight="bold" id="pnlWebcam" shadowDistance="10" alpha="1.0" >
</MyComp:WebcamPanel>

<!--影像撷取后之面版 -->
<mx:Panel x="499" y="51" width="360" height="320" layout="absolute"
backgroundColor="#ffffff" backgroundAlpha="1.0"
title="这是影像撷取" fontSize="18" fontFamily="Verdana"
color="#ff0080" borderColor="#ff0080" borderStyle="solid"
cornerRadius="0" barColor="#FFFFFF" borderThickness="10"
dropShadowColor="#FFFFFF" dropShadowEnabled="false"
footerColors="#FFFFFF" headerColors="#FFFFFF"
highlightAlphas="0" shadowDirection="right"
textAlign="left" textDecoration="none" borderAlpha="0"
fontWeight="bold" id="pnlSnapshot" visible="false">
</mx:Panel>

<!--按钮触发快照影像 -->
<mx:Button x="192" y="379"
borderColor="#FFFFFF" focusAlpha="1" color="#ffffff"
textRollOverColor="#FFFFFF" textSelectedColor="#000000"
themeColor="#0080ff" fillAlphas="[1.0, 1.0]"
errorColor="#ff0080" fillColors="[#0080ff, #0080ff]"
fontSize="14" fontFamily="Verdana" fontWeight="bold"
cornerRadius="0" alpha="1.0" click="takeSnapshot()" label="撷 取 影 像"/>
<mx:Label x="69" y="25" text="Flex Demo From RiS http://j2eemx.com" fontSize="18"/>
</mx:Application>

(完)

编辑:卡其色

留言跟帖
热门文章
日榜 周榜
1 完整把握Flash动画设计的知识体系

本文明确阐述了在应用Flash进行动画创作和部署的完整知识,对知识体系进行了总结归纳,在知识不断增长和爆炸的时代,我们建立一个逻辑的知识体系,以利于用户快速、准确、完整地掌握它。...

2 Flash 8 Professional Copy Pixels位图象素复制

  除了Flash 8 中自带的各种简单Filter滤镜效果之外,还对bitmapData位图对象提供了非常强大的象素操作。当然,有了象素级的操作,最直接的用途就是我们可以直接控制位图中的...

3 思妙FLASH2004系列教程(10)-设置影片制作、播放、打印的参数

思妙的动画以其幽默和精美被广为流传,现在思妙推出了系列教程,以其惯有的幽默生动的讲解了FLASH动画的入门知识,闪客帝国被授权转载,本篇为初级教程的第十课:设置影片制作、播放、打印的参数。...

4 FLASH电影成功的秘笈--Yesir谈动画短片《新来的吧》剧本创作

《新来的吧》是yesir的最新作品,于2004-08-27打榜闪客帝国原创爬行榜,引起不少网友的共鸣。这里yesir从“Flash电影成功的两大秘笈”开始,与我们分享他的创作心得。...

5 中国第一代闪客谈自己的成长历程--Ricky’s竞技场

Ricky的作品《Who is Ricky?》于1999年11月22日在闪客帝国第一期原创爬行榜上位居Top1,且连续几周占据这个位置,现在他将和盘托出他的得意之作"Ricky’s竞技场"网站5年来的历次改版经过,从一个独特的视角揭示第一代闪客的进化历程。...

6 教程系列之画背景的经验谈--手把手教你用painter 7.0画背景

该文章由武文主讲,他曾协助B&T;制作《When miss you》,该作品于2003-12-12在闪客帝国原创爬行榜第191期打榜,是“唯喜派”FLASH大赛的参赛作品。本文通过实例背景的绘制,从构图、上色等各方面讲述了画背景的实战经验,是难得的指导电脑绘画的好教程。...

7 文字特效工具Swish2.0菜鸟版教程

Swish2.0是一款制作文字特效的优秀工具,它使我们在FLASH中对文字的创作更加方便、快捷,而且制作出来的效果更是琳琅满目,这对苦于FLASH学习的菜鸟们来说是不可加得的必备工具。...

8 flash遮罩特效的综合操练(入门级教程)

关于遮罩的教程很多了,这里结合作者的摸索过程及创意给大家尤其是初学者作一简单讲解。...

9 LOLS8赛季60枚符文属性分析

目前英雄联盟S7赛季已经进入尾声,有消息称S8赛季符文系统将推倒重建,进行大改版。因为现在商店里的符文已经全部免费很久了,所以有理由相信这个消息真实是十分可靠。目前官方已经放出了消息,新赛季的60枚符文已经全部揭晓,小编也为大家带来了介绍,一起来看看吧!...

10 英雄联盟打野抓人技巧分享

在英雄联盟打野这个位置,一般在势均力敌的时候是最头疼的,因为不知道应该怎么帮助队友GANK,毕竟不是所有打野都是发育性打野。所以那些前期强势的打野,就应该想方设法的在前期击垮地方。...

1 完整把握Flash动画设计的知识体系

本文明确阐述了在应用Flash进行动画创作和部署的完整知识,对知识体系进行了总结归纳,在知识不断增长和爆炸的时代,我们建立一个逻辑的知识体系,以利于用户快速、准确、完整地掌握它。...

2 Flash 8 Professional Copy Pixels位图象素复制

  除了Flash 8 中自带的各种简单Filter滤镜效果之外,还对bitmapData位图对象提供了非常强大的象素操作。当然,有了象素级的操作,最直接的用途就是我们可以直接控制位图中的...

3 思妙FLASH2004系列教程(10)-设置影片制作、播放、打印的参数

思妙的动画以其幽默和精美被广为流传,现在思妙推出了系列教程,以其惯有的幽默生动的讲解了FLASH动画的入门知识,闪客帝国被授权转载,本篇为初级教程的第十课:设置影片制作、播放、打印的参数。...

4 FLASH电影成功的秘笈--Yesir谈动画短片《新来的吧》剧本创作

《新来的吧》是yesir的最新作品,于2004-08-27打榜闪客帝国原创爬行榜,引起不少网友的共鸣。这里yesir从“Flash电影成功的两大秘笈”开始,与我们分享他的创作心得。...

5 中国第一代闪客谈自己的成长历程--Ricky’s竞技场

Ricky的作品《Who is Ricky?》于1999年11月22日在闪客帝国第一期原创爬行榜上位居Top1,且连续几周占据这个位置,现在他将和盘托出他的得意之作"Ricky’s竞技场"网站5年来的历次改版经过,从一个独特的视角揭示第一代闪客的进化历程。...

6 教程系列之画背景的经验谈--手把手教你用painter 7.0画背景

该文章由武文主讲,他曾协助B&T;制作《When miss you》,该作品于2003-12-12在闪客帝国原创爬行榜第191期打榜,是“唯喜派”FLASH大赛的参赛作品。本文通过实例背景的绘制,从构图、上色等各方面讲述了画背景的实战经验,是难得的指导电脑绘画的好教程。...

7 文字特效工具Swish2.0菜鸟版教程

Swish2.0是一款制作文字特效的优秀工具,它使我们在FLASH中对文字的创作更加方便、快捷,而且制作出来的效果更是琳琅满目,这对苦于FLASH学习的菜鸟们来说是不可加得的必备工具。...

8 flash遮罩特效的综合操练(入门级教程)

关于遮罩的教程很多了,这里结合作者的摸索过程及创意给大家尤其是初学者作一简单讲解。...

9 LOLS8赛季60枚符文属性分析

目前英雄联盟S7赛季已经进入尾声,有消息称S8赛季符文系统将推倒重建,进行大改版。因为现在商店里的符文已经全部免费很久了,所以有理由相信这个消息真实是十分可靠。目前官方已经放出了消息,新赛季的60枚符文已经全部揭晓,小编也为大家带来了介绍,一起来看看吧!...

10 英雄联盟打野抓人技巧分享

在英雄联盟打野这个位置,一般在势均力敌的时候是最头疼的,因为不知道应该怎么帮助队友GANK,毕竟不是所有打野都是发育性打野。所以那些前期强势的打野,就应该想方设法的在前期击垮地方。...

关于闪客帝国 | 联系方式 | 发展历程 | 闪客技术帮助 | 广告联系 | 网站地图

备案号:京ICP备05065306号 技术支持:闪客帝国