js与flash的交互FLASH连播控制器

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中定义的方法名称，arg1和arg2表示传递给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连播控制器的实现方法和原理，同时提供了两个示例代码，可帮助开发者更好地理解和掌握这一技术。