html加载swf 进度条,Flash加载外部文件创建进度条3种方法

Flash加载外部文件创建进度条3种方法

互联网   发布时间:2008-10-07 09:36:14   作者:佚名   text-message.png 我要评论

加载外部文件的进度条(看帮助文档整理),只适合那些不愿看帮助文档的新手。我只不过加了一些注释。

为加载图像文件或 SWF 文件创建进度条

创建一个名为 loadImage.fla 的新 Flash 文档。

选择"修改">"文档",在宽度文本框中键入 700,在高度文

加载外部文件的进度条(看帮助文档整理),只适合那些不愿看帮助文档的新手。我只不过加了一些注释。

为加载图像文件或 SWF 文件创建进度条创建一个名为 loadImage.fla 的新 Flash 文档。

选择"修改">"文档",在宽度文本框中键入 700,在高度文本框中键入 500,从而更改文档的尺寸。

在时间轴中选择第 1 帧,然后在"动作"面板中键入下面的代码: // 创建剪辑来承载您的内容

this.createEmptyMovieClip("progressBar_mc", 0);

progressBar_mc.createEmptyMovieClip("bar_mc", 1);

progressBar_mc.createEmptyMovieClip("stroke_mc", 2);

// 创建进度框

with (progressBar_mc.stroke_mc) {

lineStyle(0, 0x000000);

moveTo(0, 0);

lineTo(100, 0);

lineTo(100, 10);

lineTo(0, 10);

lineTo(0, 0);

}

//创建进度条

with (progressBar_mc.bar_mc) {

beginFill(0xFF0000, 100);

moveTo(0, 0);

lineTo(100, 0);

lineTo(100, 10);

lineTo(0, 10);

lineTo(0, 0);

endFill();

_xscale = 0;

}

//进度坐标

progressBar_mc._x = 2;

progressBar_mc._y = 2;

//加载进度

var mclListener:Object = new Object();

//开始加载时进度条缩放为0

mclListener.onLoadStart = function(target_mc:MovieClip) {

progressBar_mc.bar_mc._xscale = 0;

};

//在加载过程中进度条进行缩放

mclListener.onLoadProgress = function(target_mc:MovieClip, bytesLoaded:Number, bytesTotal:Number) {

progressBar_mc.bar_mc._xscale = Math.round(bytesLoaded/bytesTotal*100);

};

//加载完成后进度移除

mclListener.onLoadComplete = function(target_mc:MovieClip) {

progressBar_mc.removeMovieClip();

};

//当执行加载的剪辑的第一帧上的动作时调用(这里设置加载的外部文件的宽高设置)

mclListener.onLoadInit = function(target_mc:MovieClip) {

target_mc._height = 500;

target_mc._width = 700;

};

// 创建一个剪辑来承载图像。

this.createEmptyMovieClip("image_mc", 100);

var image_mcl:MovieClipLoader = new MovieClipLoader();

image_mcl.addListener(mclListener);

image_mcl.loadClip("http://www.helpexamples.com/flash/images/gallery1/images/pic3.jpg", image_mc);

为加载 MP3 文件创建进度条

创建一个名为 loadSound.fla 的新 Flash 文档。

在时间轴中选择第 1 帧,然后在"动作"面板中键入下面的代码:

//设置宽高变量

var pb_height:Number = 10;

var pb_width:Number = 100;

//在影片剪辑pb中创建进度

var pb:MovieClip = this.createEmptyMovieClip("progressBar_mc", this.getNextHighestDepth());

//在影片剪辑pb中创建进度条

pb.createEmptyMovieClip("bar_mc", pb.getNextHighestDepth());

//在影片剪辑pb中创建进度条右边直线

pb.createEmptyMovieClip("vBar_mc", pb.getNextHighestDepth());

//在影片剪辑pb中创建进度框

pb.createEmptyMovieClip("stroke_mc", pb.getNextHighestDepth());

//在影片剪辑pb中创建动态文本

pb.createTextField("pos_txt", pb.getNextHighestDepth(), 0, pb_height, pb_width, 22);

//影片剪辑pb的坐标设置

pb._x = 100;

pb._y = 100;

//画进度条

with (pb.bar_mc) {

beginFill(0x00FF00);

moveTo(0, 0);

lineTo(pb_width, 0);

lineTo(pb_width, pb_height);

lineTo(0, pb_height);

lineTo(0, 0);

endFill();

_xscale = 0;

}

//画进度条右边直线

with (pb.vBar_mc) {

lineStyle(1, 0x000000);

moveTo(0, 0);

lineTo(0, pb_height);

}

//画进度框

with (pb.stroke_mc) {

lineStyle(3, 0x000000);

moveTo(0, 0);

lineTo(pb_width, 0);

lineTo(pb_width, pb_height);

lineTo(0, pb_height);

lineTo(0, 0);

}

//设置一些变量

var my_interval:Number;

var my_sound:Sound = new Sound();

//加载声音自动调用

my_sound.onLoad = function(success:Boolean) {

if (success) {

trace("sound loaded");

}

};

//声音播放完毕时调用

my_sound.onSoundComplete = function() {

clearInterval(my_interval);

trace("Cleared interval");

}

//加载声音路径

my_sound.loadSound("http://www.helpexamples.com/flash/sound/song2.mp3", true);

//每隔一定时间就调用下面的updateProgressBar函数

my_interval = setInterval(updateProgressBar, 100, my_sound);

function updateProgressBar(the_sound:Sound):Void {

//设置声音进度(声音已播放时间除以声音总时间乘以100)

var pos:Number = Math.round(the_sound.position / the_sound.duration * 100);

//进度条进行缩放

pb.bar_mc._xscale = pos;

//进度条右边直线的X坐标等于进度条的宽

pb.vBar_mc._x = pb.bar_mc._width;

//动态文本显示进度

pb.pos_txt.text = pos "%";

}

为加载视频创建进度条

创建一个名为 flvProgress.fla 的新 FLA 文件。

在"库"面板("窗口">"库")中,从"库"弹出菜单中选择"新建视频"。

在"视频属性"对话框中,为视频元件命名并选择"视频"(由 Actionscript 控制)。

单击"确定",创建一个视频对象。

将该视频对象从"库"面板拖动到舞台上,以创建视频对象实例。

使视频对象在舞台上保持选中状态,在属性检查器("窗口">"属性">"属性")中的"实例名称"文本框中键入 my_video。

使视频实例保持选中状态,在宽度文本框中键入 320,在高度文本框中键入 213。

在时间轴中选择第 1 帧,然后在"动作"面板中键入下面的代码:

//创建 NetConnection 对象,您可以将该对象与 NetStream 对象一起使用来播放视频流 (FLV) 文件

var connection_nc:NetConnection = new NetConnection();

对于此参数,必须传递 null

connection_nc.connect(null);

创建可用于通过指定的 NetConnection 对象播放 FLV 文件的流

var stream_ns:NetStream = new NetStream(connection_nc);

//指定将在舞台上的 Video 对象的边界内显示的视频流

my_video.attachVideo(stream_ns);

//播放外部视频 (FLV) 文件

stream_ns.play("http://www.helpexamples.com/flash/video/typing_short.flv");

//创建动态文本(显示进度)

this.createTextField("loaded_txt", this.getNextHighestDepth(), 10, 10, 160, 22);

//创建进度影片剪辑

this.createEmptyMovieClip("progressBar_mc", this.getNextHighestDepth());

//在进度影片剪辑中创建进度条

progressBar_mc.createEmptyMovieClip("bar_mc", progressBar_mc.getNextHighestDepth());

//画进度条

with (progressBar_mc.bar_mc) {

beginFill(0xFF0000);

moveTo(0, 0);

lineTo(100, 0);

lineTo(100, 10);

lineTo(0, 10);

lineTo(0, 0);

endFill();

_xscale = 0;

}

//在进度影片剪辑中创建进度框

progressBar_mc.createEmptyMovieClip("stroke_mc", progressBar_mc.getNextHighestDepth());

//画进度框

with (progressBar_mc.stroke_mc) {

lineStyle(0, 0x000000);

moveTo(0, 0);

lineTo(100, 0);

lineTo(100, 10);

lineTo(0, 10);

lineTo(0, 0);

}

//每隔一定时间就调用下面的checkBytesLoaded函数

var loaded_interval:Number = setInterval(checkBytesLoaded, 500, stream_ns);

function checkBytesLoaded(my_ns:NetStream) {

//进度值设置

var pctLoaded:Number = Math.round(my_ns.bytesLoaded / my_ns.bytesTotal * 100);

//动态文本显示进度

loaded_txt.text = Math.round(my_ns.bytesLoaded / 1000) " of " Math.round(my_ns.bytesTotal / 1000) " KB loaded (" pctLoaded "%)";

//进度条进行缩放

progressBar_mc.bar_mc._xscale = pctLoaded;

//加载完成后清除间隔

if (pctLoaded>=100) {

clearInterval(loaded_interval);

}

}

相关文章

ac310ebe424009663dc240ed837c2644.png

flash cs6想要实现鼠标跟随效果?该怎么制作呢?今天我们就来看看使用as2.0实现鼠标跟随效果的教程,需要的朋友可以参考下2019-05-19

9fbaccd85cd80e210599ed1c210451bc.png

Flash cs6怎么使用代码输入中英文文本?Flash cs6中可以使用文字工具直接输入文本,也可以使用代码来输入文本,该怎么使用代码输入文本呢?请看下文详细的教程,需要的朋友2018-03-11

8e937d86dd06d1046225d7b5364cce1f.png

flash as3.0抽象类怎么定义? as3.0中有很多抽象类,该怎么定义抽象类和抽象方法呢?下面我们就来看看简单的例子,需要的朋友可以参考下http://www.jb51.net/softs/408402.2018-02-28

8c6d4ec535c04b1a4e3c807fe838b161.png

flash cs6中怎么使用ActionScript3.0?flash cs6中想要使用ActionScript3.0功能,该怎么使用呢?下面我们就来看看详细的教程,需要的朋友可以参考下2018-01-25

e766d1fe2d3ad6ea056ca3c714ef8e77.png

本教程给大家分享一个Flash小教程,教大家在Flash CS6中怎么实现鼠标点击决定图像位置?方法很简单,感兴趣的朋友欢迎前来一起分享学习2018-01-12

50b0305bfbeb71f5d3ccaabb21f78946.png

本教程教脚本之家的ActionScript教程学习者在Flash中如何用代码将图片放在自己想要的舞台位置,教程讲解的详细,感兴趣的朋友欢迎前来分享学习2017-11-20

9a8baea7dd84d2bc697672030b7c15bf.png

本教程教脚本之家的ActionScript教程学习者如何在Flash CS6中使用with函数绘制背景图?教程一步步讲解的挺详细,方法也不难,非常适合Flash新手入门学习2017-11-18

64401b51a023793fd1970ea19120fd93.png

Flash怎么设置元件坐标?flash中导如的元件需要添加坐标,该怎么定位元件坐标呢?下面我们就来看看flash使用代码设置元件的坐标的教程,需要的朋友可以参考下2017-10-11

53cce3e014981007b47f77f335ad17f5.png

Flash怎么制作来回摇摆的花朵的动画?Flash中想要给花朵制作一段摇摆的动画效果,该怎么制作呢?下面我们就来看看详细的教程,很简单,需要的朋友可以参考下2017-05-23

0ac4c4bcd38780cfe28982b89cb8a6bd.png

Flash怎么制作流动七彩色的文字?想要让文字动起来,该怎么使用flash给文字制作一个流动七彩色的动画呢?下面我们就来看看详细的教程,需要的朋友可以参考下2017-04-23

最新评论

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值