
一、制作视频播放器的控制界面
1、打开Flash MX,新建一个影片,使用菜单命令Modify-Documents,打开Document Perproties面板,设置影片的宽为396px,高为261px,背景颜色为白色。
2、使用菜单命令Insert(插入)-New Symbol(新元件)新建一个按钮元件,命名为"play"。在工具栏上选择Rectangle Tool(矩形工具)(Stroke Color(边框颜色)为无,Fill Color(填充颜色)为黑色)绘制一个正方形。
3、用Arrow Tool(选择工具)选中正方形,打开工作区域右侧的Color Mixer面板,选择填充类型为Liner线形填充。如图选择好渐变的颜色。(如图1)然后在工具栏上选择Fill Transform Tool,调整渐变色的方向与距离,使之如图所示。(如图2)

4、新建一层,在这一层上使用Rectangle Tool再绘制一个正方形,大小比刚才做的正方形稍小。同样对其进行线形填充,填充后的效果如图。(如图3)

5、再新建一层,在这一层上使用Rectangle Tool(Strock Color 为无,Fill Color为黑色)再绘制一个正方形,大小比刚才做的正方形稍小。使用arrow tool 选中正方形的右上角的顶点,向下拖拽(如图4)。

同样使用Arrow Tool 选中正方形的右下角的顶点,向上拖拽。最后的结果如图(如图5)

同样的方法制作出停止按钮。(如图6)。

6、新建一个元件,命名为"播放界面",将按钮如图放置(如图7)。你可以再制作一些细节部分以做为装饰,使界面更加美观。用鼠标点击停止按钮,在Properties面板上的Instance Name输入框内输入stopButton,以作为此按钮的实例名。同样的方法,将播放按钮的实例名设置为"playButton"。

7、使用菜单命令File-import导入视频文件。回到scene 1,从Library中拖拽视频文件到场景中,在时间轴上新建一层,拖拽"播放界面"到这一层,调整好位置。(如图8)

二、添加控制视频的AS命令
在Library中双击"播放界面"元件,在工作区域下面的action-frame面板上输入如下ActionScript代码:
1、打开Flash MX,新建一个影片,使用菜单命令Modify-Documents,打开Document Perproties面板,设置影片的宽为396px,高为261px,背景颜色为白色。
2、使用菜单命令Insert(插入)-New Symbol(新元件)新建一个按钮元件,命名为"play"。在工具栏上选择Rectangle Tool(矩形工具)(Stroke Color(边框颜色)为无,Fill Color(填充颜色)为黑色)绘制一个正方形。
3、用Arrow Tool(选择工具)选中正方形,打开工作区域右侧的Color Mixer面板,选择填充类型为Liner线形填充。如图选择好渐变的颜色。(如图1)然后在工具栏上选择Fill Transform Tool,调整渐变色的方向与距离,使之如图所示。(如图2)

4、新建一层,在这一层上使用Rectangle Tool再绘制一个正方形,大小比刚才做的正方形稍小。同样对其进行线形填充,填充后的效果如图。(如图3)

5、再新建一层,在这一层上使用Rectangle Tool(Strock Color 为无,Fill Color为黑色)再绘制一个正方形,大小比刚才做的正方形稍小。使用arrow tool 选中正方形的右上角的顶点,向下拖拽(如图4)。


同样的方法制作出停止按钮。(如图6)。

6、新建一个元件,命名为"播放界面",将按钮如图放置(如图7)。你可以再制作一些细节部分以做为装饰,使界面更加美观。用鼠标点击停止按钮,在Properties面板上的Instance Name输入框内输入stopButton,以作为此按钮的实例名。同样的方法,将播放按钮的实例名设置为"playButton"。

7、使用菜单命令File-import导入视频文件。回到scene 1,从Library中拖拽视频文件到场景中,在时间轴上新建一层,拖拽"播放界面"到这一层,调整好位置。(如图8)

二、添加控制视频的AS命令
在Library中双击"播放界面"元件,在工作区域下面的action-frame面板上输入如下ActionScript代码:
_parent.stop();
//停止影片的播放,_parent 指代上一级影片片段(相对路径)
playButton.onRelease = function() ;
//注:系统预定义对象无路径概念,在任何环境下都只需直接写对象名,而我们在前面的操作中将播放按钮的对象名设置为了playButton,因此这段AS的含义就是当播放按钮被按下的时候,上一级的影片开始播放,即开始播放我们导入的视频文件。
stopButton.onRelease = function() ;
//停止影片的播放。
在Flash MX中按下CTRL+ENTER测试影片,你会发现,你可以利用制作的播放按钮,停止按钮实现对视频的播放控制。当然Flash MX还可以实现更为复杂的控制,例如快进,后退,循环等等,有兴趣的朋友可以自己动手试一下。
博主PS:如果你没有时间去做的话,在MX的根目录下就有一个现成的可以用了,打开MXplay 源文件就是了真正要学的还是自己做个好。这样以后也能用上。做出来的效果更个性化,完全可以用你的图片来做。这样就保证了原作性了。(个人观点,希望有些用)
分类: flash 学习日记本
所属版块
: 大杂烩
: 大杂烩
本文章引用通告地址(TrackBack Ping URL)为: 

本文章尚未被引用。
下一篇: 实现Flash动态背景的实例教程
上一篇: Flash中实现光影流动的实例教程

