利用 Flash 8 制作摄像头拍照功能

利用 Flash 8 制作摄像头拍照功能

<script language="javascript" src="/ad/js/articletop_ad.js" type="text/javascript"></script>

前几天帮朋友做一个东西用到的 code 。

因为很久不做 Flash coding 了。所以也就很少关心 Flash 8 的新的 Class。但听大家说过有这个功能。本想从网上找段教程或 code 来做。可是发现国内还没有类似的。就只能自己动手丰衣足食了。

开始做法：

第一步：在库中建立一个视频元件，类型选择：视频(受 ActionScript 控制)。
第二步：将视频元件拖到场景中，并调整尺寸到想要的大小。并起名为“my_video”
第三步：在时间轴中粘入下边的 code。

var my_video:Video;
my_video._x=100;
my_video._y=40;
var my_cam:Camera = Camera.get();
my_cam.setMode(180, 140, 10, true);
my_video.attachVideo(my_cam);
shutter.onRelease = function() {
    myBitmap = new flash.display.BitmapData(180, 240, true, 0);
    myBitmap.draw(my_video);
    var tempObj = _root.createEmptyMovieClip("photo", 100);
    tempObj._x = 300;
    tempObj._y = 40;
    tempObj.attachBitmap(myBitmap, 1, "always", true);
};

Testing 发现有问题，拍出来照片只有 160x120 的区域有图像。并且图像变形了。 :eek:

什么地方出了问题呢？@#$%^&* (此处省略2小时 debug 时间……)

最后发现 my_video 复制到场景中调整大小时并不是改变 my_video.width 及 my_video.height 属性，而是改变 my_video._width 及 my_video._height 属性。原有视频元件的尺寸只有 160x120 。这就相当于将 my_video 作了形变。而 BitmapData.draw() 是不会考虑源元件的形变的。用官方的说法是：

QUOTE:

源 MovieClip 对象不对此调用使用其任何舞台中转换。该源 MovieClip 对象会被视为存在于库或文件中，没有矩阵转换、没有颜色转换，也没有混合模式。如果您希望通过使用影片剪辑自身的 transform 属性来绘制影片剪辑，则可以使用它的 Transform 对象来传递各种 transformation 属性。
我开始没注意他给出的解决办法。我想既然 draw() 不考虑源元件的形变，那只能自己在输出的照片元件上想办法做形变了。于是有了这段 code。

var my_video:Video;
my_video._x=100;
my_video._y=40;
var my_cam:Camera = Camera.get();
my_cam.setMode(180, 140, 10, true);
my_video.attachVideo(my_cam);
shutter.onRelease = function() {
    myBitmap = new flash.display.BitmapData(160, 120, true, 0);
    myBitmap.draw(my_video);
    var tempObj = _root.createEmptyMovieClip("photo", 100);
    tempObj._x = 300;
    tempObj._y = 40;
    tempObj._width= 180;
    tempObj._height = 240;
    tempObj.attachBitmap(myBitmap, 1, "always", true);
};

这下照片是想要的大小了，而且图像也没有了变形。但发现图像没有摄像头显示的清晰。
想了一下，那是当然，draw() 不考虑源元件的形变，draw时my_video 被当作 160x120 来draw了。 :mad:
那能不能通过改变 my_video.width 及 my_video.height 属性来改变 my_video 的尺寸而不是将 my_video 作形变呢？不能！！！my_video.width 及 my_video.height 属性是只读属性。

解决方法：

第一步：用视频编辑软件制作一个 180x240 尺寸的1贞的白色 mov 视频文件。
第二步：用 Macromedia Flash 8 Video Encoder 将mov视频文件转为 flv 视频文件。
第三步：在库中建立一个视频元件，类型选择：嵌入(与时间轴同步)。
第四步：将视频元件拖到场景中，并起名为“my_video”
　　　　Testing 发现 my_video.width 及 my_video.height 属性为 180x120 。阿哈 :cool:
第五步：在时间轴中粘入下边的 code 。

var my_video:Video;
my_video.clear()
my_video._x=100;
my_video._y=40;
var my_cam:Camera = Camera.get();
my_cam.setMode(180, 140, 10, true);
my_video.attachVideo(my_cam);
shutter.onRelease = function() {
    myBitmap = new flash.display.BitmapData(160, 120, true, 0);
    myBitmap.draw(my_video);
    var tempObj = _root.createEmptyMovieClip("photo", 100);
    tempObj._x = 300;
    tempObj._y = 40;
    tempObj._width= 180;
    tempObj._height = 240;
    tempObj.attachBitmap(myBitmap, 1, "always", true);
};

好了