《FLASH影音在线播放器的设计界面的实现》由会员分享，可在线阅读，更多相关《FLASH影音在线播放器的设计界面的实现（32页珍藏版）》请在金锄头文库上搜索。
1、 03网络2 季晓花 11 南通纺织职业技术学院毕业设计（论文） FLASH影音在线播放器的设计与实现 界面的设计与实现季 晓 花3514211班 级 03网 络 2 班 专 业 网络技术/市场营销 教 学 系 信 息 系 指导老师 周 悦 完成时间 2007年04月01日至 2007年05月03日目 录第一章引 言 4第二章FLASH的特点与功能 52.1 FLASH的特点 52.2 FLASH的功能 6第三章元件、实例的使用 83.1关于元件 83.1.1 元件和实例 83.1.2元件的类型 93.1.3 元件的优点 93.2创建按钮 103.3遮罩层的使用 113.4滤镜和混合模式 12
2、第四章播放器界面功能需求分析 13第五章播放器界面结构分析 145.1界面需求横向分析（场景帧）145.2界面需求纵向分析（场景层）14第六章色彩的应用 166.1色彩在界面中的作用 166.2 色彩的运用 16第七章播放器界面实现 187.1 视频、进度条和列表界面等美工 187.29个常见播放器按钮的制作 197.3暂停/继续按钮的切换显示 197.4音量按钮上的菜单效果 207.5音量大小图形控制 217.6双击视频区完成“全屏模式”与“完整模式”间的切换 227.7当前播放曲目着重显示 237.8对盗用SWF的给以友情提示237.9Flash文件优化 24第八章设计总结 26致 谢 2
3、7参 考 文 献 28FLASH影音在线播放器的设计与实现 界面的设计与实现【 摘 要 】 现在WEB和电脑用户对网页媒体需求是越来越多。因为宽带的普及和质量的提高，更多的用户已经不太习惯下载音乐、MV和电影了。都习惯于在线观看浏览，而且又不占用硬盘、不需要长时间等待下载、又可以经常更新。所以本课题尝试用时下最为流行且最具发展前景的WEB元素Flash，设计并实现一个多媒体影音在线播放系统，侧重其按钮、滑条、进度条的制作以及页面框架美工的设计、功能的实现。【 关键词 】 Flash 播放器 多媒体 美工 界面设计与实现【 Abstract 】 Now WEB and computer user
4、 to the homepage media demand is more and more many. Because of wide band popularization and quality enhancement, more users already not too custom downloading music, MV and movie. All is accustomed to on-line watches the browsing, more over does not take the hard disk, does not need the long time t
5、o wait for downloading, may frequently renew. Therefore this topic tastes the test to be at present most popular also most to have the prospects for development WEB element - Flash, designs and realizes a multimedia video and music on-line broadcast system contact surface: Button, slippery strip, pr
6、ogress strip manufacture and page frame art designing design, function realization.【 Keyword 】 Flash player Multimedia Art designing Contact surface design and realization第一章 引 言Flash（中文译为“闪动、一闪”）这个英文单词是一个用于制作网络动画的软件的名称，在今天已是广为人知了。就像Photoshop、Corel-draw、3D MAX等设计软件名称一样，已被许多爱好者熟悉和掌握！因为Flash是为制作网络动画而开
7、发的软件。现在的Flash，它的流行经历了一个由默默无闻到惊天动地的历程，并终于迎来了它的成功，迎来了市场特别是设计界的关注和认可，使设计界对于未来设计的发展趋势有了一个有据有理的认识，也引发了我对于Flash现象的研究和有关设计探索的兴趣。 今天，Flash已经不是什么新鲜事物了。它大约是在两年前出现在我国的，那时我国的网络才刚刚开始发展，网络正式进入千家万户，网络动画也随着进入了千家万户。或是因为兴趣，或是因为商业的需要，或是因为设计的需要，部分网民开始了Flash动画的制作。Flash一族自2000年来逐渐成型，并迅速壮大，Flash原创作品蜂拥而起。因为动画的实用性、趣味性和娱乐性很强
8、，它已经逐步的占据了广大青少年、甚至是部分中老年的工作和生活，Flash动画短片成为一时间网络最热的娱乐方式，也成为了一种时尚和潮流。开始学习和制作Flash的人越来越多，人们都以能够制作出倍受大家关注的Flash动画作品而感到骄傲、自豪。现在有许多专门的如“FLASHEMPIRE闪客帝国，大话三国，闪盟在线”等等这样的一些网站，这里面不仅拥有大量的Flash动画供爱好者在线观看，而且还是Flash迷们的一个专门交流的空间。的确，它的发展让人不得不刮目相看。Flash作为现代的一种新的设计方式和娱乐方式，不仅有其实用功能，并且还有视觉和听觉上的双重享受，更因为它所具有的趣味性，成为现代人放松自
9、我，表现自我，甚至是陶醉自我的一种方式！因为各大媒体对它的宣传，设计界和市场也开始对这样一种新的宣传和表达方式重视起来，Flash动画的价值也开始以秒来计算，大大的刺激了更多的Flash迷的创作热情。他们汇聚在自己的网络空间里，以始终如一的热情，创作出一个又一个的Flash精品，吸引着成千上万双眼睛的关注！第二章 FLASH的特点与功能FLASH是目前最为流行的网络动画制作工具。它集矢量编辑和动画创作功能为一体，并具有灵活的交互功能，能将图形、图像、音频、动画和深层次的交互动作有机地结合在一起。由于FLASH广泛使用矢量图形，文件非常小，因此特别适合于创建通过INTERNET提供的内容。与位图
10、图像相比，矢量图形所需要的内存和存储空间要小的多，因为它们是一数学公式而不是大型数据集表示图像自身的。而位图图形之所以更大，是因为图像中的每个像素都需要一组独立的数据来表示。2.1 FLASH的特点FLASH具有简单易用、高效多能的特点。概况来说，FLASH具有以下一些优点：（1） 灵活播放的作品使用FLASH不仅可以制作质量非常出色的网页，还可以制作高质量的离线交互作品，并且拥护不需要使用网页浏览器就可以浏览这些FLASH作品。FLASH附带着一个免费发放的离线播放器，这个离线播放器的文件非常小，因此可以将它和FLASH作品一起放在依仗软盘上，从而生成一个不需要单独安装既可独立播放的演示程序
11、。（2） 作品的网络传输速度快FLASH中的动画图形用的是矢量技术，而不是在大多传统网页动画图像中所使用的点阵技术，因此，FLASH动画作品的文件非常小，下在一个包含有几个场景的全屏FLASH动画文件只需要几秒钟，明显少于下载并播放一个同等大小和复杂程度的点阵组成的网页动画文件的时间。（注：矢量技术，由数学公式和指令描述的图像被称为矢量图形，这些数学公式和指令以纯文本的形式存在，所以要描述一个全屏幕动画过程只需要很小的数据量。点阵技术，由具有颜色特征的像素组成的一个矩阵来描述图像，每个像素的大小和每个给定图像中的像素的总数是固定不变的。描述一个像素需要232位数据位。）（3） 可自由缩放的FL
12、ASH图像一般来说，在网页所用的图像都要尽可能地小，只有这样才能减少传输网页时的传输时间。所以在网页中使用全屏幕图像相对较少。否则，浏览者为下载图像花费很长的时间，以至于在他们还没有看到图像的整个内容时就没有了耐心。而对于FLASH生成的网页动画，不管尺寸如何，其文件大小几乎是一样的，只是在控制图像放大倍数上有微小区别。因此，对于FLASH网页动画来说，不论画面大小，其运行过程都是一样的。（4） 高质量的文字和图像效果在FLASH中使用矢量图形最大的好处是，总能保证它的线条图形和文字的输出质量是浏览者的计算机所能实现的最高输出质量。因为矢量图形中的指令可以告诉浏览者的计算机如何去识别这些图形，
13、从而保证这台计算机能尽其所能地输出高质量的图形，因此在FLASH生成的网页中，每一个元素都非常清晰和专业化。而点阵动画图像经常是通过改变和扭曲被固定了大小的像素矩阵制作出来的，在这个过程中，一些必要的像素可能被夸大或丢失，因此，图像的质量受到了明显的影响。在FLASH中使用矢量图形的另一个好处是，FKASH生成的网页中绝不在它的纯色或渐变色色彩区域内找到模糊或游离的像素。（5） 多用性FLASH是一个多能的工具，所输出的文件还可以被高档的图形软件所接受。因此，FLASH既可以帮助那些不太精通绘图的人将他们的想法图形化，又可以让专业的图像设计师利用它进行构思或设计草稿，然后输出到高档的图形软件中
14、，以便对其做进一步的加工和完善，从而简化操作过程。（6） 浏览FLASH作品的障碍正逐渐消除目前几乎所有先进的和具有图形功能的浏览器都加入了支持FLASH的插件，而一些十分流行的多媒体网页浏览器的插件如QuickTime4、Real Audio和Shockwave等都支持FLASH。另外，Macromedia公司已发布了FLASH动画文件格式的源代码，可以提供给任何想要使用它的人，因此可望看到FLASH技术将被植入到许多新的网页浏览器中，包括Netscape。2.2 FLASH的功能FLASH功能强大。就其基本功能来说，概括起来有以下几点：（1） 具有较强的矢量绘图和动画制作功能，所制作的图象
15、质量高而动画和网页数据量小。（2） 具有较强的导入和发布功能，不但可以导入点阵图、QUICKTIME格式电影文件和MP3格式音乐文件等，还可以发布MP3文件等。（3） 采用插件的工作方式，只要电脑中的浏览器安装了SHOCKWAVEFLASH插件，即可观看FLASH动画。（4） 采用“流式技术”播放动画，文件没有全部下载完就可观看以下载的内容。（5） FLASH播放器可以直接从网上下载更新版本。（6） 可充分调用FLASH文件内部库中的符号，重复利用资源。只要这个库下载后，其他的电影都可以不在下载共享的符号，直接使用这个库的符号，是文件字节数减少。（7） 包含许多功能更强大的ActionScript函数、属性和目标对象，兼容并支持Flash以前的版本。（8） Apple授权使用Flash的播放器可内置于Apple产品中，这样就可以通过QuickTime播放Flash的图片、电影和具有交互能力的图像。（9） 采用与JavaSpcript类似
