愚人呓语 eidiot’s blog. My flapdoodles.

16六/07

AS3制作SWF播放器

　　AS3的 LoaderInfo 类为我们加载外部资源提供了更多的可控信息，以前制作SWF播放器的两大难题终于可以得到解决：

  • 获得加载SWF的舞台大小以缩放到适合尺寸显示
    LoaderInfo 的 width 和 height 属性便是舞台大小。
  • 使加载的SWF按自己的帧频播放
    LoaderInfo 的 frameRate 属性为加载SWF的帧频，可以修改Stage的 frameRate 属性适应播放。

　　做了一个 简单的例子 ，分别加载300×150帧频5和100×150帧频20的两个swf到200×200大小的区域播放，注释写的很详细，就不啰嗦了。
监听加载事件：

var t_info : LoaderInfo = this.m_loader.contentLoaderInfo;
t_info.addEventListener(Event.COMPLETE, this.onLoadDone);
t_info.addEventListener(IOErrorEvent.IO_ERROR, this.onLoadError);
t_info.addEventListener(ProgressEvent.PROGRESS, this.onLoadProgress);

显示加载进度：

private function onLoadProgress(p_e : ProgressEvent) : void
{
    this.m_loading.progress(p_e.bytesLoaded, p_e.bytesTotal);
}

显示加载的SWF：

// 隐藏loading
this.m_loading.hide();
// loaderInfo
var t_info : LoaderInfo = this.m_loader.contentLoaderInfo;
// 载入的MC
this.m_mc = t_info.content as MovieClip;
// 载入MC的舞台宽度
var t_stageW : Number = t_info.width;
// 载入MC的舞台高度
var t_stageH : Number = t_info.height;
// 载入MC的实际宽度
var t_mcW : Number = this.m_mc.width;
// 载入MC的实际高度
var t_mcH : Number = this.m_mc.height;
// 是否缩放MC适应显示宽度(载入MC舞台的宽高比是否大于显示区域宽高比)
var t_scaleWidth : Boolean = t_stageW / t_stageH > SHOW_W / SHOW_H;
// 缩放比率
var t_scaleRate : Number = t_scaleWidth ? SHOW_W / t_stageW : SHOW_H / t_stageH;
// 缩放MC
this.m_mc.scaleX = this.m_mc.scaleY = t_scaleRate;
// 显示载入MC的显示范围
this.m_mc.scrollRect = new Rectangle(0, 0, t_stageW, t_stageH);
// 显示载入MC
this.addChild(this.m_mc);
// 调整显示位置
this.m_mc.x = SHOW_X;
this.m_mc.y = SHOW_Y;
if (t_scaleWidth) this.m_mc.y += (SHOW_H - t_stageH * t_scaleRate) / 2;
else this.m_mc.x += (SHOW_W - t_stageW * t_scaleRate) / 2;
// 修改帧频
this.stage.frameRate = t_info.frameRate;
this.fms.text = String(this.stage.frameRate);
// 设置组件
this.sdr.enabled = this.btn1.enabled = this.btn2.enabled = true;
this.sdr.maximum = this.m_mc.totalFrames;
// 监听MC事件
this.addEventListener(Event.ENTER_FRAME, this.onEnterFrame);

另外加了一个 Slider 组件来控制播放，前提是加载的swf必须发布为Player9,As3：

this.sdr.addEventListener(SliderEvent.CHANGE, this.onChangeSdr);
this.sdr.addEventListener(SliderEvent.THUMB_PRESS, this.onPressSdr);
this.sdr.addEventListener(SliderEvent.THUMB_RELEASE, this.onReleaseSdr);
private function onChangeSdr(p_e : SliderEvent) : void
{
    if (this.m_isPressSdr) this.m_mc.gotoAndStop(p_e.value);
}
private function onPressSdr(p_e : SliderEvent) : void
{
    this.m_isPressSdr = true;
    this.m_mc.stop();
}
private function onReleaseSdr(p_e : SliderEvent) : void
{
    this.m_isPressSdr = false;
    this.m_mc.play();
}
示例演示 | 源代码
下载源文件 zip 1267K

相关日志

标签: 发表评论
  • skave
    大哥.我找这方面资料找了几个月了.终于找到了。太感谢了`
    这个不支持载入AS2的东西哦..能优化下么?做成支持兼容AS2和AS3.最好是动态XML加载外部SWF的最好了.大哥更新了发邮件给我哦.太感谢了.
  • 阿
    我想问一下用as2.0+flash8做的swf能载入as3做的swf吗，如果可以该怎么做？
    - - - - - - - - - - - - - - - eidiot 回复：
    应该是不可以的吧
  • 想学点AS
  • Neo
    赞~
    做些小改动就可支持as2:
    private var m_mc:*;
    if(t_info.content is AVM1Movie){ this.m_mc=t_info.content as AVM1Movie;
    }else{
    this.m_mc = t_info.content as MovieClip;
    }
  • cc
    加载as2的flash行么？？？
    博主想办法支持下！
  • abcd
    版主你在上海么。。我想亲自登门拜访了。。～～在上海的话。。给回句话。。～～～
  • moto
    谢谢,但我想问下,如果加载的是以前的as2.0 as1.0做的swf,他加载进来后，还能运行吗，我做了，好像不行，不知版主有好的办法没？
    谢了！
  • lethecoa
    对不起，我找这个问题很久了，但我的问题和您这个稍稍有些不同，首先说明下，我用的也是as3.0

    我的问题是这样子的，我加载一个外部swf，但我知道它的舞台大小，由于这个外部swf使用遮罩制作的，实际的内容要比舞台大的多，并且超出舞台四边的量也不相等，我现在想让这个载入的swf居中显示，问题就来了，他是按载入的swf实际尺寸居中，并不是按该swf的舞台尺寸，又由于超出舞台四边的量也不相等，所以居中后的效果很不理想，我想问能否知道这个swf的舞台（0，0）在实际尺寸中的坐标？

    我经过研究发现getChildAt(0)是这个swf的遮罩层，可能flash自动把遮罩放在最底层了吧，仅仅猜测而已，这样确实可以解决这个问题，但由于我要加载的swf制法不同，不是所有的都用到了遮罩，有的getChildAt(0)甚至比舞台小，所以这个方法似乎也不好，当然实在没有可行的办法最后只好加一堆判断了

    请问，我的问题有办法解决吗？谢谢您耐心看完我的提问！
  • lbingbing
    那代码中LoaderInfo 的 width 和 height 属性在哪里初始化的啊
  • 上面已经说了，“LoaderInfo 的 width 和 height 属性便是舞台大小”，其它都是实际内容的尺寸。
  • lbingbing
    这着一段不是很懂啊
    // loaderInfo
    var t_info : LoaderInfo = this.m_loader.contentLoaderInfo;
    // 载入的MC
    this.m_mc = t_info.content as MovieClip;
    // 载入MC的舞台宽度
    var t_stageW : Number = t_info.width;
    // 载入MC的舞台高度
    var t_stageH : Number = t_info.height;
    // 载入MC的实际宽度
    var t_mcW : Number = this.m_mc.width;
    // 载入MC的实际高度
    var t_mcH : Number = this.m_mc.height;


    不知道t_info的width和height与m_mc的着两个参数有什么区别，也就是说

    flash.display.Loader 、 flash.display.LoaderInfo和由LoaderInfo.content类型转换所得到的MovieClip这三个对象都有width和height两个属性，但他们有什么区别？
  • 哇 .... 不错的说...
    学习了..
blog comments powered by Disqus
« 开心与沉痛 AS3应用程序模块化开发与ApplicationDomain »

更新

评论

  • 分类