加载外部.swf影片的视频播放器制作[原创][本文已收录教程库] - Flash互助课堂 ...

来源:百度文库 编辑:神马文学网 时间:2024/04/29 04:54:06
加载外部.swf影片的视频播放器制作
刚学AS,这是我第一次自己学着写AS代码做的,做法很土也很幼稚,可是效果还行。(自我感觉良好哈)我把做的过程写出来,给正想学习AS的朋友做个参考,做成了也会对AS更有兴趣哈。
先看下效果吧:
      
下面开始制作:
(一)画播放器:
1.新建一图形元件,名播放器,在第一层上画个播放器的外形图。宽480,高400,全居中对齐。如下图:
下载 (23.06 KB)
2009-3-24 19:46
2.在上面新建一层,在播放器的下部加个填充渐变色条,如下图:
下载 (7.81 KB)
2009-3-24 19:46
3.上面再新建一层,在适当的位置画几个反光条,如下图:
下载 (12.67 KB)
2009-3-24 19:46
4.打开场景1,从库中把“播放器”拖入场景第1层,第1帧,全居中对齐,如下图:
下载 (23.96 KB)
2009-3-24 19:46
当然也可以按自己的喜好,另外画个播放器的样式。不过一定要按照550*400尺寸规格的缩小比例留出屏幕的位置,我这里是计算好了的。
(二)做按钮:因为要点击开关才让加载,所以要先做按钮。
1.新建按钮元件,名“play1”,按自己的喜欢做个按钮。我做的是这样的:(这是放大400%后的效果)
下载 (3.36 KB)
2009-3-24 19:46
下载 (18.82 KB)
2009-3-24 19:46
下载 (6.64 KB)
2009-3-24 19:46
下载 (5.58 KB)
2009-3-24 19:46
下载 (9.32 KB)
2009-3-24 19:46
2.在库中右键点“play1”——直接复制——改名为“play2”。在舞台上打开后,把序号1改成2就可以了。
3.按自己的要求,要做多少个按钮就直接复制几个吧,别忘了改名称和序号哦。
4.打开场景1,在“播放器”层上面添加一图层,名“按钮”。点下第1帧,把所有的按钮拖到合适的位置,这时排列不太整齐是吧,不要紧,点一下按钮层的第1帧,打开对齐面板,把“相对于舞台”去掉,选择上对齐或底对齐,再选择水平平均间隔就好了。如下图:
下载 (19.72 KB)
2009-3-24 19:46
5.现在给按钮写上代码:右键点一下场景中的按钮play1——动作——在动作面板上写上以下代码:
on (release) {   //当释放按钮时
gotoAndStop(2);  //转到并播放第2帧
}
6.右键点一下场景中的按钮play2——动作——在动作面板上写上以下代码:
on (release) {   //当释放按钮时
gotoAndStop(3);  //转到并播放第3帧
}
7.同样的把每个按钮都写上代码,依此类推,到第8个按钮时应该写的是:
on (release) {   //当释放按钮时
gotoAndStop(8);  //转到并播放第8帧
}
上面代码中双斜杠及后面的字是注释,不一定要写上去的。
把按钮层和播放器层都延长到第9帧,这样按钮就做好了。
(三)做屏幕,因为加载外部SWF影片,必须放在FLASH的一个影片剪辑上,所以要做个“屏幕”才好放映哈。
1.在场景1按钮层上面添加一图层,名“屏幕”点第1帧,用矩形工具,画个无笔触,填充比播放器图形浅一点的黑色的矩形,然后在属性面板中设置其宽*高=410*298.2,(这个尺寸,是按550*400的比例缩小得来的,您也可以做不同的尺寸,但是都要按550*400的比例哦),在属性面板中设置X=70,Y=27.9。选择“任意变形工具”,把它的“注册点”移到图形的左上角(这步很重要的)。如下图:
下载 (20.24 KB)
2009-3-24 19:46
2.右键点舞台上的“屏幕”——转换为元件——名“屏幕”,图形元件——确定,这样库中就多出来一个名屏幕的图形元件了。
3.按ctrl+F8,新建一影片剪辑元件,名load1,load的英文意思就是载入,这个影片剪辑就是用来承载加载的SWF的,因为可以做几个,这是第一个,所以叫load1。把库中的图形元件“屏幕”拖入舞台,全居中对齐,这时看到其注册点也是在左上角的吧,如下图:
下载 (9.01 KB)
2009-3-24 19:46
4.按照第3步的同样方法,再制作7个这样的影片剪辑,名称分别是load2~load8。
5.回到场景1,在“屏幕”层的第2帧插入“空白关键帧”,并把做好的load1影片剪辑拖入,在属性面板中设置坐标是x=70,y=27.9,并把实例名改为load1,如下图:
下载 (11.48 KB)
2009-3-24 19:46
6.按上面同样的方法,把load2~load8,分别拉到屏幕层的第3帧到第9帧,并分别写好实例名load2~load8,以及X和Y的坐标(数值同上)。
(四)写代码:
1.在屏幕层上面添加一图层,名AS,点第1帧,打开动作面板,写上如下代码:
stop(); //因为第1帧是不动的
2.在AS层的第2帧,插入空白关键帧,打开动作面板,写上如下代码:
load1.loadMovie("http://.............swf",1); //在名为load1影片剪辑上加载外部swf文件,深度为1。括弧中"http://.......swf" 就是外部SWF的地址。将自己喜欢的SWF地址粘贴上去就可以了。
load1._xscale=75;  //load1的宽度是原来宽度的75%,因为原文件是550*400,缩小了点。
load1._yscale=75;  //load1的高度是原来高度的75%,因为原文件是550*400,缩小了点。
                  这就是上面我说的屏幕是计算出来的原因哈。如下图:
下载 (12.26 KB)
2009-3-24 19:46
3. 在第3帧,插入空白关键帧,打开动作面板,写上如下代码:
load2.loadMovie("http://.............swf",1); //在名为load2影片剪辑上加载外部swf文件,深度为1。
load2._xscale=75;  
load2._yscale=75;
大家看得出来了吧,其实这一步只要把第2帧上的代码复制粘贴到第3帧上的动作面板中,再把load1改为 load2就可以了。
4.依此类推,在第3帧到第9帧的动作面板上都写上相应的代码。并在所有"http://.............swf"中粘贴上不同的外部.swf文件的地址。
点控制——测试影片——测试一下吧,如果以前没玩过AS的,一定会很高兴,可以这么轻易的把自己或另人的.swf文件加载到这个Flash文件中并且可以控制播放了哈。而且这个swf文件才16K大,fla文件也才112K!
5.如果发现有的.swf影片画面会溢出屏幕,可以在屏幕层的上面添加一图层,用无笔触,画一个淡黄色410*298.2,和屏幕同样大小的矩形,并叠放在屏幕上,设为遮罩层就可以了。
做好后时间轴上是这样的:
下载 (17.21 KB)
2009-3-24 19:46
库里是这样的:
下载 (14.33 KB)
2009-3-24 19:46    下载 (8.26 KB)
2009-3-24 19:46
好了,大功告成了,好好欣赏一下自己的第一个AS作品吧。

加载外部.swf影片的视频播放器制作[原创][本文已收录教程库] - Flash互助课堂 ... AS入门教程第7课影片剪辑二节加载swf文件[原创][本文已收录教程库] - Flash互... AS入门教程第7课影片剪辑-第9节使用滤镜[本文已收录教程库] - Flash互助课堂 -... AS入门教程第7课综合练习-拼图游戏的制作[原创][本文已收录教程库] - Flash互助... AS入门教程第五课-数组原创][本文已收录教程库] - Flash互助课堂 - 中国教程网... AS入门教程第二课-面向对象编程基础[原创][本文已收录教程库] - Flash互助课堂 ... AS入门教程第三课-AS基本语法[原创][本文已收录教程库] - Flash互助课堂 - ... AS入门教程第7课影片剪辑第6节使用遮罩[本文已收录教程库] - Flash互助课堂 - ... AS入门教程第7课影片剪辑第10节-用AS绘图[本文已收录教程库] - Flash互助课堂... AS入门教程第7课第3节控制时间轴[原创][本文已收录教程库] - Flash互助课堂 -... AS入门教程第7课第12节-使用颜色[本文已收录教程库] - Flash互助课堂 - 中国... AS入门教程第九课使用声音第一节-Sound类[本文已收录教程库] - Flash互助课堂... AS入门教程第7课影片剪辑第7节-AS实现过渡效果[本文已收录教程库] - Flash互助... AS入门教程第六课文本与字符第四节-字符串[原创][本文已收录教程库] - Flash互助... AS入门教程第7课影片剪辑第5节拖动与碰撞检测[原创][本文已收录教程库] - Flash... Flash教程:梦幻仙境制作教程[本文已收录教程库] - Flash研讨 - 中国教程网论... AS入门教程第四课AS常用语句第二节-条件语句[原创][本文已收录教程库] - Flash... AS入门教程第四课AS常用语句第三节-循环语句[原创][本文已收录教程库] - Flash... AS入门教程第六课文本与字符第一节-创建文本[原创][本文已收录教程库] - Flash互... AS入门教程第8课-日期与时间[本文已收录教程库](查至 36/3) - Flash互助课... AS入门教程第4课AS常用语句第一节-运算符[原创][本文已收录教程库] - Flash互... AS入门教程第六课文本与字符第二节-文本属性[原创][本文已收录教程库] - Flash互... AS入门教程第六课文本与字符第三节-事件与方法[原创][本文已收录教程库] - Flash... Flash教程:个性播放器的制作