如何在 AS2 中动态创建 Video 对象并将其添加到 MovieClip?

Posted

技术标签:

【中文标题】如何在 AS2 中动态创建 Video 对象并将其添加到 MovieClip?【英文标题】:How do I dynamically create a Video object in AS2 and add it to a MovieClip? 【发布时间】:2010-09-08 08:09:01 【问题描述】:

我需要在 ActionScript 2 中动态创建一个 Video 对象并将其添加到影片剪辑中。在 AS3 中,我只是这样做:

var videoViewComp:UIComponent; // created elsewhere    

videoView = new Video();
videoView.width = 400;
videoView.height = 400;
this.videoViewComp.addChild(videoView);

不幸的是,我不知道如何在 AS2 中实现这一点。 Video 不是 MovieClip 的子项,因此 attachMovie() 似乎没有得到任何帮助。我也没有看到任何与 AS3 的 UIComponent.addChild() 方法等效的方法。

有什么方法可以在 AS2 中动态创建一个实际出现在舞台上的 Video 对象?


不过,我可能一次需要多个视频。是否可以复制该视频对象?

我想我有另一个解决方案。它不是最佳的,但它适合我必须为其他组件做的一些事情,所以它在项目中并不太格格不入。一旦我弄清楚了,我会在这里发布我所做的。

【问题讨论】:

【参考方案1】:

好的,我有一些工作。

首先,我创建了一个新的库符号并将其命名为“VideoWrapper”。然后,我向其中添加了一个 ID 为“video”的 Video 对象。

现在,任何时候我需要动态地将视频添加到我的状态中,我都可以使用 MovieClip.attachMovie() 添加视频对象的新副本。

为了让事情变得更简单,我编写了一个 VideoWrapper 类,它公开了基本的 UI 元素处理(setPosition()、setSize() 等)。因此,当在常规 UI 布局代码中处理视频时,我只使用这些方法,因此它看起来就像我的所有其他 UI 元素一样。在处理视频时,我只需访问班级的“视频”成员。

我的实际实现有点复杂,但这是我如何让事情工作的基础。我有一个测试应用,它正在播放 2 个视频,一个来自本地摄像头,一个来自 FMS,它运行良好。

【讨论】:

【参考方案2】:

为了向您发送作为标签的行尾,我使用来自w3schools 的 html 符号实体

一个项目的例子如下:

< asset path="library\video.swf" />

上面一行显示有一个名为 library 的目录,其中包含文件 video.swf

此外,目录库中还有文件video.xml。该文件包含以下行

<xml version="1.0" encoding="utf-8" >
<movie version="7">    
    <frame>
        <library>
            <clip id="VideoDisplay">
                <frame>
                    <video id="VideoSurface"   />
                    <place id="VideoSurface" name="video" />
                </frame>
            </clip>
        </library>
    </frame>
</movie>

很久以前我儿子Alex从网上下载了VideoDisplay类的代码和目录库

我已经改进了 VideoDisplay 类的代码。

通过编写 2 个成员

 public function pos():Number

    return ns.time;


     public function close():Void

    return ns.close();

我创建的程序 是 不仅仅是.flv 文件的探索者和展示者

这也是 是每个.flv 文件的选定片段的探索者和呈现者

现在VideoDisplay类的代码是:

class util.VideoDisplay

    // PUBLIC MEMBERS


    /**
    * Create a new video display surface
    */

    function VideoDisplay(targetURI:String, parent:MovieClip, name:String, depth:Number, initObj)

    
        display = parent.attachMovie("VideoDisplay", name, depth, initObj);

        // create video stream
        nc = new NetConnection();
        nc.connect(targetURI);
        ns = new NetStream(nc);

        // attach the video stream to the video object
        display.video.attachVideo(ns);
    

    /**
    * Video surface dimensions
    */
    function setSize(width:Number, heigth:Number):Void
    
        display.video._width = width;
        display.video._height = heigth;
    
    /**
    * Video clip position
    */
    function setLocation(x:Number, y:Number):Void
    
        display._x = x;
        display._y = y;
    

    /**
    * Start streaming
    * @param    url FLV file
    * @param    bufferTime  Buffer size (optional) 
    */
    public function play(url:String, bufferTime:Number):Void
    
        if (bufferTime != undefined) ns.setBufferTime(bufferTime);
        ns.play(url);
    
    /**
    * Pause streaming
    */
    public function pause():Void
    
        ns.pause();
    
    /**
    * Seek position in video
    */
    public function seek(offset:Number):Void
    
        ns.seek(offset);
       

    /**
    * Get position in video
    */

     public function pos():Number
    
        return ns.time;
    

         public function close():Void
    
        return ns.close();
    

    //

    // PRIVATE MEMBERS 

    private var display:MovieClip;
    private var nc:NetConnection;
    private var ns:NetStream;

    //

【讨论】:

【参考方案3】:

我建议您创建 Video 对象的单个实例,使其不可见(即videoview.visible = false),并在需要时加载剪辑,并在适当的时间显示它。如有必要,您也可以使用swapDepth()

AS2 中的视频处理并不是最好的。请放心,您会遇到很多小问题(无间隙循环等)。

【讨论】:

【参考方案4】:

你的方法是我通常做的,因为其他选择是将 UIcomponent mediaDisplay 包含到库中,然后使用 attachMovie 附加该组件,但我发现 mediaDisplay 我有点小错误,所以我更喜欢使用原始视频实例。

【讨论】:

【参考方案5】:

希望下面的代码对你很有用:

import UTIL.MEDIA.MEDIAInstances

class Main


    static function main() 

        var MEDIAInstancesInstance :MEDIAInstances  = new MEDIAInstances (); 

        _root.Video_Display.play ("IsothermalCompression.flv", 0);

        _root.VideoDisplayMC.onPress = function()  

        _root.Video_Display.seek (0);        

         // _root.displayMC.onPress = function() 

     // static function main() 

 // class Main 

// 

import UTIL.MEDIA.VideoDisplay  

class UTIL.MEDIA.MEDIAInstances             

      

    function MEDIAInstances() 

    

    //                                            depth  
    _root.createEmptyMovieClip ("VideoDisplayMC", 500);   
    //
    var Video_Display:VideoDisplay 
    = 
    new VideoDisplay(_root.VideoDisplayMC, "Video_Display", 1); 

    Video_Display.setLocation(400, 0); Video_Display.setSize (320, 240);      
    //    
    _root.Video_Display = Video_Display;  _root.VideoDisplayMC._alpha = 75;      

     // MEDIAInstances()

 // class UTIL.MEDIA.MEDIAInstances

//

class UTIL.MEDIA.VideoDisplay


    private var display:MovieClip, nc:NetConnection, ns:NetStream;

    function VideoDisplay(parent:MovieClip, name:String, depth:Number)

    
        display = parent.attachMovie("VideoDisplay", name, depth);

        nc = new NetConnection(); nc.connect(null); ns = new NetStream(nc);

        display.video.attachVideo(ns);
    
    function setSize(width:Number, heigth:Number):Void

     display.video._width = width; display.video._height = heigth;

    function setLocation(x:Number, y:Number):Void  display._x = x; display._y = y;

    public function play(url:String, bufferTime:Number):Void
    
        if (bufferTime != undefined) ns.setBufferTime(bufferTime); ns.play(url);
    
    //
    public function pause():Void  ns.pause();
    //
    public function seek(offset:Number):Void  ns.seek(offset); 

 // UTIL.MEDIA.VideoDisplay

【讨论】:

所以这段代码 - 除非我弄错了,否则会附加一个名为“VideoDisplay”的现有影片剪辑(从哪里来?),并将视频放到它的舞台上?或者我在这里错过了什么?有没有办法完全动态地做到这一点,还是回到把东西拖到舞台上?

以上是关于如何在 AS2 中动态创建 Video 对象并将其添加到 MovieClip?的主要内容,如果未能解决你的问题,请参考以下文章

如何将相同的事件侦听器分配给 Vue.js 中动态创建的按钮并将对象的值作为参数传递给它?

Android:创建自定义视图并将其动态添加到布局中

在我的内容上播放视频 AS2

如何使用服务的输入/输出动态创建组件实例并将其分别注入 DOM?

从动态文本 AS2 Flash 链接到 swf

如何复制动态分配的对象(具有一个类的 const 成员)