如何使用动作脚本更改FLVPlayback的四个角？

Question

我想使用像bellow image这样的动作脚本来改变FLVPlayback的四个角（Corner Pin）。

是否有任何方法可以从动作脚本中完成此任务？

Answer 1

您可以使用DistortImage Class。

最初的Actionscript 2.0版本由Thomas Pfeiffer（aka kiroukou）编写，灵感来自Andre Michelle（andre-michelle.com）。 Ruben Swieringa在Actionscript 3.0中重写了Thomas Pfeiffer的课程，进行了一些小改动/补充。

以下是演示from Ruben Swieringa。

此课程使用Bitmap image。必须通过每个enterFrame使用draw方法将其调整为flvplayback component。

作案手法

您首先获得the AS3 Class here。

您将此代码放入.as file并将其命名为DistortImage。您将此文件放入此文件夹层次结构中：org＆gt; flashsandy＆gt; diqplay＆gt; DistortImage.as

您的图书馆中有一个与DragBtn关联的MovieClip。您将以下代码放在.fla：

的actionScript面板中

import org.flashsandy.display.*;

vidPlayer.source = 'http://www.helpexamples.com/flash/video/caption_video.flv';
vidPlayer.scaleMode = 'exactFit';
vidPlayer.skin = null;
vidPlayer.visible = false; // we only see the Bitmap drawn

var C:Sprite= new Sprite(); // Sprite container
C.x = C.y = 100; // video position
this.addChild(C);

var shape:Shape = new Shape();
this.C.addChild(shape);

var iw:int = vidPlayer.width;
var ih:int = vidPlayer.height;

var distortion:DistortImage = new DistortImage(iw, ih, 2, 2);
var bitmapData:BitmapData = new BitmapData(iw, ih);
var center:Point;

function getDisplayObjectCenter(child:DisplayObject, x:Number = 0, y:Number = 0):Point {
    center = new Point();
    center.x = child.x + child.width / 2 + x;
    center.y = child.y + child.height / 2 + y;
    return center;
}

function Enter(e:Event):void {
    this.shape.graphics.clear();
    this.bitmapData.draw(vidPlayer); // video drawn enterFrame
    distortion.setTransform(this.shape.graphics,
                            this.bitmapData, 
                            this.getDisplayObjectCenter(this.d1, 0, 0), 
                            this.getDisplayObjectCenter(this.d2, 0, 0), 
                            this.getDisplayObjectCenter(this.d3, 0, 0), 
                            this.getDisplayObjectCenter(this.d4, 0, 0));
}
addEventListener(Event.ENTER_FRAME, Enter);

var d1:DragBtn = new DragBtn();
d1.x = d1.y = 0;
this.C.addChild(d1);

var d2:DragBtn = new DragBtn();
d2.x = iw;
d2.y = 0;
this.C.addChild(d2);

var d3:DragBtn = new DragBtn();
d3.x = iw;
d3.y = ih - 60;
this.C.addChild(d3);

var d4:DragBtn = new DragBtn();
d4.x = 0;
d4.y = ih - 60;
this.C.addChild(d4);

d1.addEventListener(MouseEvent.MOUSE_DOWN, drag);
d2.addEventListener(MouseEvent.MOUSE_DOWN, drag);
d3.addEventListener(MouseEvent.MOUSE_DOWN, drag);
d4.addEventListener(MouseEvent.MOUSE_DOWN, drag);
function drag(e:MouseEvent):void {e.target.startDrag();}

addEventListener(MouseEvent.MOUSE_UP, up);
function up(e:MouseEvent):void {stopDrag();}

<强>结果

然后你可以像这样变形你的视频：

flashhandmath方法可能也适用于视频。