0

我正在预加载 4 部 flv 电影并隐藏它们，当我翻转 videobutton 电影剪辑时，我希望 flv 视频淡入并开始播放。我有这个工作代码，但我觉得它写得很糟糕。

var videos:Array = new Array(
'ltp_video-low1.flv',
'ltp_video-low1.flv',
'ltp_video-low1.flv',
'ltp_video-low1.flv'
);

function videoOver(buttonMC,video,stream) {
    buttonMC.onRollOver = function() {
    stream.pause(false);
    video.attachVideo(stream);
    fadeIn(video);
    };
}

function videoOut(buttonMC,video,stream) {
    buttonMC.onRollOut = function() {
    fadeOut(video);
    stream.pause();
    };
}

for (var i:Number=1; i<=4; i++) {
    this['connection'+i] = new NetConnection();
    this['connection'+i].connect(null);
    this['stream'+i] = new NetStream(this['connection'+i]);
    this['stream'+i].play(videos[i-1]);
    videoOver(this['videobutton'+i],this['video'+i],this['stream'+i]);
    videoOut(this['videobutton'+i],this['video'+i],this['stream'+i]);
}

相反，我想要这样的东西：但这不起作用，我认为 attachVideo() 有问题。

for (var i:Number = 1; i<=4; i++) {
    this['connection'+i] = new NetConnection();
    this['connection'+i].connect(null);
    this['stream'+i] = new NetStream(this['connection'+i]);
    this['stream'+i].play('ltp_video-low1.flv');
    this['videobutton'+i].i = i;
    this['videobutton'+i].onRollOver = function() {
        this['stream'+this.i].pause(false);
        this.attachVideo(['stream'+this.i]);
        fadeIn(['video'+this.i]);
    };
    this['videobutton'+i].onRollOut = function() {
        this['stream'+this.i].pause();
        this.attachVideo(['stream'+this.i]);
        fadeOut(['video'+this.i]);
    };
}

这是所有代码：

// Import TweenLite
import gs.*;
import gs.easing.*;

// Creates the fade functions
function fadeIn(video) {
    TweenLite.to(video,0.5,{_alpha:100, ease:Regular.easeOut});
}
function fadeOut(video) {
    TweenLite.to(video,0.5,{_alpha:0, ease:Regular.easeOut});
}

// Parses the Flashvars into arrays
var titles:Array = (_level0.titleVars) ? _level0.titleVars.split(',') : [];
var urls:Array = (_level0.urlVars) ? _level0.urlVars.split(',') : [];

// Sets the mouse action
function SetMouseAction(indexNumber, buttonMC, arrowMC, dynamicTF, linkURL):Void {
    buttonMC.colorText = dynamicTF;
    buttonMC.onRollOver = function() {
        TweenLite.to(arrowMC,0.2,{_x:"2", _alpha:80, ease:Back.easeOut, tint:0x7cb0b7});
        this.colorText.textColor = 0x7cb0b7;
        // Fixes the Flash bug with button over each other
        if (indexNumber == 1 || indexNumber == 2 || indexNumber == 3) {
            stream1.pause(false);
            fadeIn(video1);
        }
        if (indexNumber == 4 || indexNumber == 5 || indexNumber == 6) {
            stream2.pause(false);
            fadeIn(video2);
        }
        if (indexNumber == 7 || indexNumber == 8 || indexNumber == 9) {
            stream3.pause(false);
            fadeIn(video3);
        }
        if (indexNumber == 10 || indexNumber == 11 || indexNumber == 12) {
            stream4.pause(false);
            fadeIn(video4);
        }
    };
    buttonMC.onRollOut = function() {
        TweenLite.to(arrowMC,0.2,{_x:37, _alpha:100, ease:Back.easeOut, tint:0xFFFFFF});
        this.colorText.textColor = 0xffffff;
    };
    buttonMC.onRelease = function() {
        if (linkURL) {
            getURL(linkURL);
        }
    };
}

// Loops trough all the MC
for (var i:Number = 1; i<=12; i++) {
    SetMouseAction(i,this["link"+i],this["arrow"+i],this["text"+i],urls[i-1]);
    this["text"+i].text = titles[i-1];
}





var videos:Array = new Array('ltp_video-low1.flv', 'ltp_video-low1.flv', 'ltp_video-low1.flv', 'ltp_video-low1.flv');

function videoOver(buttonMC, video, stream) {
    buttonMC.onRollOver = function() {
        stream.pause(false);
        video.attachVideo(stream);
        fadeIn(video);
    };
}

function videoOut(buttonMC, video, stream) {
    buttonMC.onRollOut = function() {
        fadeOut(video);
        stream.pause();
    };
}

for (var i:Number = 1; i<=4; i++) {
    this['connection'+i] = new NetConnection();
    this['connection'+i].connect(null);
    this['stream'+i] = new NetStream(this['connection'+i]);
    this['stream'+i].play(videos[i-1]);
    videoOver(this['videobutton'+i],this['video'+i],this['stream'+i]);
    videoOut(this['videobutton'+i],this['video'+i],this['stream'+i]);
}



/*
for (var i:Number = 1; i<=4; i++) {
    this['connection'+i] = new NetConnection();
    this['connection'+i].connect(null);
    this['stream'+i] = new NetStream(this['connection'+i]);
    this['stream'+i].play('ltp_video-low1.flv');
    this['videobutton'+i].i = i;
    this['videobutton'+i].onRollOver = function() {
        this['stream'+this.i].pause(false);
        this.attachVideo(['stream'+this.i]);
        fadeIn(['video'+this.i]);
    };
    this['videobutton'+i].onRollOut = function() {
        this['stream'+this.i].pause();
        this.attachVideo(['stream'+this.i]);
        fadeOut(['video'+this.i]);
    };
}
*/
4

1 回答 1

1

在您的原始代码中，您有：

function videoOver(buttonMC,video,stream) {
  buttonMC.onRollOver = function() {
    stream.pause(false);
    video.attachVideo(stream);
    fadeIn(video);
  };
}

videoOver(this['videobutton'+i],this['video'+i],this['stream'+i]);

在这种情况下，正在对视频对象调用 attachVideo。

我没有在您的代码中看到声明视频对象的位置，但我假设它在那里。

在第二段代码中，您正在执行以下操作：

this['videobutton'+i].onRollOver = function() {
  this['stream'+this.i].pause(false);
  this.attachVideo(['stream'+this.i]);
  fadeIn(['video'+this.i]);
};

因此，在 videobutton 对象上调用 attachVideo，而不是在 video 对象上。

另外，我认为对流的引用不会起作用，因为您的这个变量将是视频按钮，据我所知，它没有定义该值（函数（）中的“this”引用} 与它之外的 this 引用不同）。

我认为对 fadeIn 的调用也可能无法正常工作，因为我认为范围会被搞砸。

这是可能有用的东西。我根本没有测试过它，但希望你能明白我正在尝试什么。

for (var i:Number = 1; i<=4; i++) {
  this['connection'+i] = new NetConnection();
  this['connection'+i].connect(null);
  this['stream'+i] = new NetStream(this['connection'+i]);
  this['stream'+i].play('ltp_video-low1.flv');
  this['videobutton'+i].i = i;
  setHandlers(i);
}

function onVideoButtonRollOver(i:Number):Void {
  this['stream' + i].pause(false);
  this.attachVideo(this['stream' + i]);
  this.fadeIn(this['video' + i]);
}

function onVideoButtonRollOut(i:Number):Void {
  this['stream' + i].pause();
  fadeOut(this['video' + i]);
}

function setHandlers(i:Number):Function {
  this['videobutton'+i].scope = this;
  // This essentially fixes the scope issue.  The value of i is retained
  // properly due to the property of closures.
  this['videobutton'+i].onRollOver = function() {
    this.scope.onVideoButtonRollOver.apply(this.scope, [i]);
  }
  this['videobutton'+i].onRollOut = function() {
    this.scope.onVideoButtonRollOut.apply(this.scope, [i]);
  }
}

虽然我对此并不满意。我认为可能应该重构代码，以便每个组有一个对象，其中包含“流”、“连接”等成员。我认为这会使事情变得更清晰，因为您不必经常引用到索引。

于 2009-03-30T18:11:42.550 回答