“无爱”教程：外部加载视频播放器的制作（祝福好友生日）

生日祝福



动画外链地址：http://yun.365.sh/s/tGMpe1.swf（800，600）


文件过大，加载中，请稍候……
 
喜欢本“视频播放器”的朋友们，空城无爱把制作步骤无偿写在下面，与大家一起分享 。
步骤一： 
开启flash8.0软件，新建一文档。舞台大小，背景色彩，根据自己喜好 自行设置，本案舞台设置如下：
图片
接下来我们来简单的画一个播放器的显示器和底座。在flash菜单中选“插入” 菜单，创建一个名为“显示器”的图形原件。在“工具栏”中把笔触颜色设置一个自己喜欢的色彩，（本案是灰色）填充色禁止。再选择“矩形”工具，笔触设为20，设置好后，在舞台上画一个宽：454，高：354的一个无填充的矩形框，如图所示：
图片 

然后鼠标指着矩形框点右键“转换为元件”把它转换为“影片剪辑”命名为“显示框”，选中该矩形框，打开滤镜面板，选择“斜角”，参数设置根据喜好自行设定（本案默认）这一步后边框就变为立体的了，如图所示：
图片 
点插入菜单，创建一个“屏幕”的图形元件，再把工具栏中的笔触色禁止，填充色随意，选择工具栏中的“矩形工具”在舞台上画一个（454，354）的一个矩形。
接下来用同样的方法画出底座图形元件（包括：底座边框，底板，进仓口，和面板上的“进仓”和“出仓”文字），如下图所示：
图片
再点“插入”菜单，创建名为：“隐钮”的按钮元件，进入“隐钮”编辑，只有一个图层，在“弹起”帧“插入空白关键帧”用“矩形”工具拖一个无边线的矩形。
最后创建一个名叫“组合”的影片剪辑元件，把上面来的所有元件组合起来，如图所示：
图片
接下来进入制作“光碟”步骤：
把笔触色禁止，填充色选面板中最后那个五彩色，点“插入”菜单，创建一个名为：“光碟”的图形元件，进入“光碟编辑区”在舞台上画一个正圆，大小自定，然后选中刚画好的彩圆，在右边栏找到“变形”面板，在“约束宽高”前的框中打上勾，然后把百分比改为99%，再点下面的“复制并应用变形”点若干次，越多越好，（本案是宽高变为30%）然后选中中间那个的圆，再删掉，直至只剩下中央为空白的彩圈为止，如图所示：
图片

 最后创建一个名为“主题”的影片剪辑，共八层，至下而上图层名分别为：组合，隐钮，碟1，碟2，碟3，遮罩，视频，as,
先在“遮罩层”第一帧，用“矩形”工具，画一个条形矩形框，盖住“仓口”矩形的上半部份。再把此层设为“遮罩”层
再“组合”层第一帧，拖出“组合”无件，在第180帧处插入关键帧，上锁。
在“隐钮”图层第一帧，分别拖出两个“隐钮”，分别盖在“进仓”和“出仓”文本上。
碟1层第一帧，拖出光碟1，
碟2层第一帧，拖出光碟2，
碟3层第一帧，拖出光碟3，
分别把这三个碟片放在播放器下合适的位置，这三个图层都在180帧处插入关键帧，
碟1层15帧处插入关键，把碟移动到“仓口”正下方，在30帧处插入关键帧，把碟移动到超出“遮罩层”上的那个矩形的上边线处。再复制1至30帧，粘在31帧处，再右键“翻转帧”，这样31帧至60帧的动作就刚好是“出仓”动作，和1至30帧的动作，刚好相反。
碟2层61帧处，插入一个关键帧，75帧插入关键帧，把碟2移到仓口正下方，90帧处插入关键帧，把碟2移到遮罩矩形条的上方。复制61至90帧，再粘在91帧处，再“翻转帧”。这样就持在120帧处了。
碟3层，121帧处插入关键，135帧处插入关键帧，把碟3放“仓口”的正下方，150帧插入关键帧，把碟3放在“遮罩条”的上方，复制121至150帧，粘在151帧处，再点“翻转帧”，这样就持在180帧处了。这三层完成图示如下：
图片

图片

图片
接下来的部份最重要，加语句脚本。碟1层第一帧处，右键碟1打开“动作”面板，输入语句：

 on (press) {
 play();
}
该层60帧处右键碟1，打开动作面板，输入语句：
on (press) {
 play();
}
该层第一帧处右键“进仓”打开动作面板，输入语句：

on (release) {
 gotoAndPlay(1);
}
该层第一帧处右键“出仓”打开动作面板，输入语句：
on (release) {
 gotoAndPlay(31);
}

碟2层第一帧，点击碟2右键打开动作面板，输入语句：
 on (release) {
 gotoAndPlay(61);
}
该层120帧处右键碟2打开动作面板输入如下语句：

 on (release) {
 gotoAndPlay(61);
}
该层第一帧“进仓”按键上的语句如下：
on (release) {
 gotoAndPlay(61);
}
出仓语句：
 on (release) {
 gotoAndPlay(91);
}

碟3层第一帧右键碟3打开动作面板输入语句：

on (release) {
 gotoAndPlay(121);
 
180帧处右键对象碟3打开动作面板，输入语句：
 on (release) {
 gotoAndPlay(121);
}
该层第一帧处的“进仓”语句：
on (release) {
 gotoAndPlay(121)；
出仓语句：
on (release) {
 gotoAndPlay(151);
as图层：第1，30，60，90 ，120 ，150 ，帧处右键打开动作面板，输入语句：stop();
点插入菜单创建一个名为“视频1”的影片剪辑，再打开“窗口”菜单中“组件”，找到
media－player 6-7,再把下面的mediaplayback项拖到舞台上，再选中这个对象，在属性面板中的“参数”栏中点“启动组件检查器”在打开的面板中url项那里填一个有效的后缀名为.flv的视频地址。（前面那些项不用设置，就默认）

图片

图片

图片

依次采用此方法制作出“视频2”“视频3”组件

关于这个地址的获得方式，空城无爱将在接下来的教程中教大家如何利用软件来获取视频地址，以方便制作视频播放器。在这里给大家提供三个有效的地址：

http://content.12530.com/media/v/20080416/100204.flv
http://content.12530.com/media/v/20081121/000261.flv
 http://content.12530.com/media/v/20080416/100114.flv
然后在“视频”图层第30帧，90帧，150帧处分别把三个视频组件 拉进来，在31帧，91帧，151帧处插入“空白关键帧”
最后测试存盘，效果如上所示
时间仓促，教程写得简单，有疑问的朋友欢迎加我QQ和无爱一起交流学习！ 
 

文章评论

擦肩而过

非常喜欢老师制作的播放器，老师辛苦了，老师上坐，请喝茶[em]e160[/em] [em]e160[/em]

品味人生

欣赏无爱老师的杰作，同祝擦肩老师生日快乐，幸福一生！[em]e160[/em][em]e160[/em]

梦想

老师生日快乐！梦想随份子[em]e168[/em][em]e168[/em][em]e177[/em][em]e177[/em][em]e157[/em][em]e157[/em]