<tfoot id='v5yqJ'></tfoot>
  1. <legend id='v5yqJ'><style id='v5yqJ'><dir id='v5yqJ'><q id='v5yqJ'></q></dir></style></legend>

  2. <small id='v5yqJ'></small><noframes id='v5yqJ'>

      <bdo id='v5yqJ'></bdo><ul id='v5yqJ'></ul>

      <i id='v5yqJ'><tr id='v5yqJ'><dt id='v5yqJ'><q id='v5yqJ'><span id='v5yqJ'><b id='v5yqJ'><form id='v5yqJ'><ins id='v5yqJ'></ins><ul id='v5yqJ'></ul><sub id='v5yqJ'></sub></form><legend id='v5yqJ'></legend><bdo id='v5yqJ'><pre id='v5yqJ'><center id='v5yqJ'></center></pre></bdo></b><th id='v5yqJ'></th></span></q></dt></tr></i><div id='v5yqJ'><tfoot id='v5yqJ'></tfoot><dl id='v5yqJ'><fieldset id='v5yqJ'></fieldset></dl></div>
    1. js与flash的交互FLASH连播控制器

      时间:2023-12-07

      <legend id='rpZJ5'><style id='rpZJ5'><dir id='rpZJ5'><q id='rpZJ5'></q></dir></style></legend>
      <i id='rpZJ5'><tr id='rpZJ5'><dt id='rpZJ5'><q id='rpZJ5'><span id='rpZJ5'><b id='rpZJ5'><form id='rpZJ5'><ins id='rpZJ5'></ins><ul id='rpZJ5'></ul><sub id='rpZJ5'></sub></form><legend id='rpZJ5'></legend><bdo id='rpZJ5'><pre id='rpZJ5'><center id='rpZJ5'></center></pre></bdo></b><th id='rpZJ5'></th></span></q></dt></tr></i><div id='rpZJ5'><tfoot id='rpZJ5'></tfoot><dl id='rpZJ5'><fieldset id='rpZJ5'></fieldset></dl></div>

          • <tfoot id='rpZJ5'></tfoot>

              <small id='rpZJ5'></small><noframes id='rpZJ5'>

                <bdo id='rpZJ5'></bdo><ul id='rpZJ5'></ul>
                  <tbody id='rpZJ5'></tbody>

                JS与Flash的交互是Web开发中的一个重要话题,而Flash连播控制器是JS与Flash交互的一个典型应用。下面是JS与Flash交互FLASH连播控制器的完整攻略:

                必要的准备工作

                在实现JS与Flash交互前,我们需要先进行必要的准备工作。首先,我们需要安装Flash开发工具(如Adobe Animate CC);其次,我们需要创建一个Flash动画,这个动画包含了我们所需要的功能(如连播);最后,我们需要在Flash项目中导出一个swf文件,以便在Web页面中嵌入和使用。

                初始设置

                在Flash动画中,我们需要对相关的元素进行设置,以实现JS与Flash的交互。首先,我们需要设置一个ID,这个ID将用于后续的JS调用;其次,我们需要添加一个ActionScript代码段,以便JS与Flash进行通信。代码段示例如下:

                import flash.external.*;
                
                function playVideo(videoName:String):void
                {
                   // 代码,用于控制视频的播放
                   ExternalInterface.call("playVideo", videoName);
                }
                
                function pauseVideo():void
                {
                   // 代码,用于控制视频的暂停
                   ExternalInterface.call("pauseVideo");
                }
                

                Web页面中嵌入Flash动画

                在Web页面中,我们可以使用<object>标签或<embed>标签嵌入Flash动画。示例如下:

                <object type="application/x-shockwave-flash" data="flash.swf" width="550" height="400">
                    <param name="movie" value="flash.swf" />
                    <param name="allowScriptAccess" value="always" />
                </object>
                

                在嵌入Flash动画时,我们需要确保<param>标签中的allowScriptAccess属性值为always,以便JS能够访问Flash动画中的元素和方法。

                JS调用Flash方法

                在JS中,我们可以使用document.getElementById()方法获取Flash动画元素,然后通过call()方法调用Flash动画中定义的方法。示例如下:

                var flash = document.getElementById("myFlash");
                flash.call("playVideo", "video1.flv");
                

                Flash调用JS方法

                在Flash中,我们可以使用ExternalInterface.call()方法调用JS中定义的方法。示例如下:

                ExternalInterface.call("myJSFunction", arg1, arg2);
                

                其中,myJSFunction表示JS中定义的方法名称,arg1arg2表示传递给JS方法的参数。

                示例1:连播功能

                下面是一个示例,演示如何实现Flash连播功能。首先,在Flash动画中添加一个按钮,编写如下ActionScript代码:

                import flash.events.MouseEvent;
                
                var videoArray:Array = ["video1.flv", "video2.flv", "video3.flv"];
                var currentVideo:int = 0;
                
                btn.addEventListener(MouseEvent.CLICK, onBtnClick);
                
                function onBtnClick(event:MouseEvent):void
                {
                    playVideo(videoArray[currentVideo]);
                    currentVideo++;
                    if (currentVideo >= videoArray.length)
                    {
                        currentVideo = 0;
                    }
                }
                

                这段代码定义了一个播放视频列表videoArray,并且定义了一个计数器currentVideo,表示当前播放的视频在列表中的索引。每次点击按钮时,该代码会播放当前计数器对应的视频,并将计数器currentVideo加1。如果当前计数器值大于或等于视频列表长度,则把计数器重置为0。

                然后,在JS中添加如下代码,以控制Flash连播功能:

                function playNext():void
                {
                    var flash = document.getElementById("myFlash");
                    flash.call("playVideo", videoArray[currentVideo]);
                    currentVideo++;
                    if (currentVideo >= videoArray.length)
                    {
                        currentVideo = 0;
                    }
                }
                

                这段代码定义了一个playNext()方法,在该方法中调用Flash的playVideo()方法播放下一个视频,并且控制计数器currentVideo的值。

                最后,在Flash动画中添加如下ActionScript代码,以实现在播放完一个视频后自动播放下一个视频:

                import flash.utils.Timer;
                import flash.events.TimerEvent;
                
                var timer:Timer = new Timer(5000);
                timer.addEventListener(TimerEvent.TIMER, onTimerTick);
                
                function onTimerTick(event:TimerEvent):void
                {
                    ExternalInterface.call("playNext");
                }
                
                timer.start();
                

                这段代码定义了一个定时器,每隔5秒触发一次TimerEvent事件,并且调用JS中的playNext()方法实现连播功能。

                示例2:控制视频暂停

                下面是另一个示例,演示如何实现JS控制Flash视频的暂停功能。首先,在Flash动画中添加如下代码,以实现视频暂停功能:

                var video:Video = new Video();
                video.attachNetStream(netStream);
                addChild(video);
                
                function pauseVideo():void
                {
                    netStream.pause();
                }
                

                该代码定义了一个视频对象video,并且使用该对象关联一个网络流netStream,并把视频对象video添加到舞台中。此外,该代码还定义了一个pauseVideo()方法用于暂停当前播放的视频。

                然后,在JS中添加如下代码,以调用Flash的pauseVideo()方法实现视频暂停功能:

                var flash = document.getElementById("myFlash");
                flash.call("pauseVideo");
                

                这段代码获取Flash动画元素,并且调用pauseVideo()方法实现视频暂停。

                总结

                上面的攻略详细讲解了JS与Flash交互FLASH连播控制器的实现方法和原理,同时提供了两个示例代码,可帮助开发者更好地理解和掌握这一技术。

                上一篇:基于HTML5+Webkit实现树叶飘落动画 下一篇:JavaScript中的this指向问题详解

                相关文章

                  <i id='88Ci7'><tr id='88Ci7'><dt id='88Ci7'><q id='88Ci7'><span id='88Ci7'><b id='88Ci7'><form id='88Ci7'><ins id='88Ci7'></ins><ul id='88Ci7'></ul><sub id='88Ci7'></sub></form><legend id='88Ci7'></legend><bdo id='88Ci7'><pre id='88Ci7'><center id='88Ci7'></center></pre></bdo></b><th id='88Ci7'></th></span></q></dt></tr></i><div id='88Ci7'><tfoot id='88Ci7'></tfoot><dl id='88Ci7'><fieldset id='88Ci7'></fieldset></dl></div>

                  <legend id='88Ci7'><style id='88Ci7'><dir id='88Ci7'><q id='88Ci7'></q></dir></style></legend>
                1. <tfoot id='88Ci7'></tfoot>

                  <small id='88Ci7'></small><noframes id='88Ci7'>

                  • <bdo id='88Ci7'></bdo><ul id='88Ci7'></ul>