FLASH影音在線播放器的設(shè)計(jì)與功能實(shí)現(xiàn) 畢業(yè)論文答辯

1、FLASH影音在線播放器的設(shè)計(jì)與實(shí)現(xiàn) 功能的設(shè)計(jì)與實(shí)現(xiàn)南通紡織職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文）姜 曉 培03 網(wǎng) 絡(luò) 2 班學(xué)號(hào)：3514231指導(dǎo)老師：周 悅2007-05-10第一章 前 言現(xiàn)在WEB和電腦用戶對(duì)的網(wǎng)頁(yè)媒體需求是越來(lái)越多。因?yàn)閷拵У钠占昂唾|(zhì)量的提高，更多的用戶已經(jīng)不太習(xí)慣下載音樂、MV和電影了。都習(xí)慣于在線觀看瀏覽，而且又不占用硬盤、不需要長(zhǎng)時(shí)間等待下載、又可以經(jīng)常更新。所以本課題嘗試用時(shí)下最為流行且最具發(fā)展前景的WEB元素Flash，設(shè)計(jì)并實(shí)現(xiàn)一個(gè)多媒體影音在線播放系統(tǒng)，具備節(jié)目列表可以編輯修改、用戶可以選擇列表或曲目、播放器自動(dòng)下載網(wǎng)絡(luò)資源并播放等功能。第二章 FLASH

2、的歷史與前景FLASH的前身叫做FutureSplash，當(dāng)時(shí)FutureSplash最大的兩個(gè)用戶是Microsoft和Disney。1996年11月，F(xiàn)utureSplash正式賣給MM（），并改名為FLASH1.0 （網(wǎng)上也有信息稱是）。第二章 Flash 的歷史與前景Flash的發(fā)展歷程Flash的未來(lái)前景近期Flash軟件的5種走勢(shì)Flash的發(fā)展歷程FLASH的前身叫做FutureSplash，當(dāng)時(shí)FutureSplash最大的兩個(gè)用戶是Microsoft和Disney。1996年11月，F(xiàn)utureSplash正式賣給MM（），并改名為FLASH1.0 （網(wǎng)上也有信息稱是）。Fl

3、ash 的未來(lái)前景應(yīng)用上的發(fā)展前景應(yīng)用程序操作系統(tǒng)界面 領(lǐng)域游戲開發(fā)Web應(yīng)用服務(wù)站點(diǎn)建設(shè)多媒體娛樂教學(xué)系統(tǒng)Flash 的未來(lái)前景技術(shù)上的一些發(fā)展前景基于安全封閉網(wǎng)絡(luò)的視頻會(huì)議開發(fā)在線娛樂系統(tǒng)MP3及MTV影音點(diǎn)播系統(tǒng)生物技術(shù)的模擬你的BBS論壇系統(tǒng)近期Flash軟件的5種走勢(shì)Flash很可能被整合到PDF中Adobe軟件有望直接輸出FLA文件輕松開發(fā)Flex RIA全新的代碼執(zhí)行引擎成為視頻發(fā)布的首選格式第三章 FLASH 的特點(diǎn)Flash到底具有什么樣的特點(diǎn)，使得它成為了眾多多媒體設(shè)計(jì)師和網(wǎng)頁(yè)設(shè)計(jì)師的選擇呢？為什么會(huì)使Adobe舍得用43億美元收購(gòu)Macromedia公司呢？第三章 Fla

4、sh的特點(diǎn)圖像質(zhì)量“流”式播放多樣的文件導(dǎo)入導(dǎo)出格式ActionScript腳本元 件組 件圖像質(zhì)量由于Flash動(dòng)畫采用的是矢量圖像，所以在輸出動(dòng)畫方面更加適合于卡通動(dòng)畫制作，如今網(wǎng)絡(luò)上的動(dòng)畫演示也以卡通動(dòng)畫為主。用Flash動(dòng)畫來(lái)比較GIF動(dòng)畫，F(xiàn)lash動(dòng)畫則具有明顯的優(yōu)勢(shì)，一是因?yàn)镕lash動(dòng)畫使用矢量圖像，相應(yīng)的文件大小要比GIF動(dòng)畫小的多，再加上GIF動(dòng)畫只能輸出256色，已經(jīng)遠(yuǎn)遠(yuǎn)不能滿足大眾對(duì)動(dòng)畫圖像的要求。而Flash輸出動(dòng)畫圖像為真彩，具有真正的多媒體意義。同時(shí)Flash也支持位圖，也支持Alpha透明（其他常用圖像里只有32位PNG才有透明），可以滿足任何高要求的圖像質(zhì)量需

5、求?！傲鳌笔讲シ臚lash動(dòng)畫采用如今先進(jìn)的“流”式播放技術(shù)，即用戶可以邊下載邊觀看，完全適應(yīng)了當(dāng)今網(wǎng)絡(luò)的帶寬問題，使得用戶觀看動(dòng)畫再也不用等待。同時(shí)，也可以在Flash獨(dú)有的ActionScript腳本中加入等待程序，使動(dòng)畫在下載完畢以后再觀看，結(jié)束了網(wǎng)絡(luò)動(dòng)畫的速度隱患。另外Flash由于插件和文件的短小比之Director更加適合在網(wǎng)絡(luò)傳播。多樣的文件導(dǎo)入導(dǎo)出格式Flash支持多樣的文件導(dǎo)入導(dǎo)出，不僅可以輸出.fla動(dòng)畫格式，還可以以.avi、.gif、.html、.mov、.smil、和可執(zhí)行文件的.exe等多種文件格式輸出。即便用戶不會(huì)使用這些相關(guān)軟件的制作也一樣可以用Flash解決。

6、Flash支持導(dǎo)入的文件格式，大部份的位圖圖像格式和矢量圖文件格式都可以在Flash中導(dǎo)入（并入Adobe公司后在CS3以后版本里導(dǎo)入圖像文件更加精確，可以與其他PhotoShop等軟件無(wú)間協(xié)作），還有影音文件的導(dǎo)入導(dǎo)出，制作影音俱佳的多媒體動(dòng)畫從此不再犯難。ActionScript腳本功能強(qiáng)大的面向?qū)ο笳Z(yǔ)言。比之Director的Lingo語(yǔ)言，ActionScript腳本的簡(jiǎn)單易學(xué)和易用性，詳盡細(xì)致的“幫助”面板，對(duì)程序員更是體貼倍至。使用全新的腳本開發(fā)功能，交互性的多媒體更加強(qiáng)勁，面向?qū)ο蟮哪_本編程使Flash更像是一個(gè)強(qiáng)大的程序開發(fā)軟件（配合Adobe Flex），從此以后，F(xiàn)lash

7、已經(jīng)不再是一個(gè)動(dòng)畫設(shè)計(jì)軟件，它朝著集軟件開發(fā)、編程、美工、設(shè)計(jì)、多媒體等眾多強(qiáng)勢(shì)于一身的方向大步邁進(jìn)。元 件元件的概念可以使動(dòng)畫制作更為簡(jiǎn)便和管理：可以把相同部分制成元件，在之后可以直接復(fù)制或從“庫(kù)”中托到舞臺(tái)。同時(shí)這樣做可以減少最后swf文件的字節(jié)，因?yàn)閯?dòng)畫里多次出現(xiàn)相同內(nèi)容時(shí)，不需要在程序里多次存儲(chǔ)，一個(gè)元件存儲(chǔ)一次，之后只要類似指針表示一下相同的元件就可以了。元件有3種：影片剪輯（可以添加剪輯動(dòng)作包括按鈕動(dòng)作）、按鈕（只可以添加鼠標(biāo)或按鍵事件）和圖形（不可添加任何動(dòng)作）。另外，元件間可以相互的嵌套（注意，不可循環(huán)嵌套）組 件提供了專門的數(shù)據(jù)庫(kù)訪問方法（Data組件）、提供了快捷的視頻連接

8、和控制方法（FLV Playback-Player 8、FLV Playback Custom UI、Media-Player 6-7）、提供了集成的網(wǎng)頁(yè)表單組件（User Interface）、提供了方便顯示HTML 樣式的組件（TextArea）。這些使得制作者能夠更加便捷的制作Flash。第四章 ActionScript的特點(diǎn)和使用ActionScript 是 Macromedia Flash 使用的腳本語(yǔ)言。它能夠使您的 Flash 內(nèi)容具有交互性。ActionScript 提供了一個(gè)在 Flash 中進(jìn)行操作的更有效的方法， 從創(chuàng)建簡(jiǎn)單的動(dòng)畫到設(shè)計(jì)復(fù)雜的、數(shù)據(jù)豐富的交互應(yīng)用程序界面。

9、第四章 ActionScript的特點(diǎn)和使用ActionScript簡(jiǎn)介關(guān)于 Script 輔助ActionScript 2.0 語(yǔ)言的功能信息ActionScript簡(jiǎn)介ActionScript 2.0 是一種面向?qū)ο蟮木幊陶Z(yǔ)言， 它支持全類繼承以及開發(fā)者要求成熟語(yǔ)言具備的所有功能。它為您提供了一個(gè)更加靈活的編程環(huán)境以及出色的調(diào)試能力。ActionScript 2.0 的核心是面向?qū)ο缶幊?(OOP) 的一個(gè)正式、熟悉的方法， 包括對(duì)類、繼承、接口和其他通用 OOP 概念的全部支持。ActionScript 2.0 還包括增強(qiáng) ActionScript 編程的功能， 如變量數(shù)據(jù)類型、功能參數(shù)

10、和返回類型以及全面的調(diào)試信息。ActionScript 2.0 鼓勵(lì)使用更好的編程結(jié)構(gòu)， 并減少了編碼和維護(hù)時(shí)間， 從而使開發(fā)者受益。希望使用功能更強(qiáng)大的正式編程語(yǔ)言編寫代碼嗎？請(qǐng)使用 。關(guān)于 Script 輔助如果您在編寫 ActionScript 代碼或語(yǔ)法時(shí)感到不順手， 則可能想使用“操作”面板 (“窗口” “操作”) 中的腳本輔助模式。腳本輔助有助于創(chuàng)建腳本: 在“操作”面板中做出選擇， 填充文本字段， 然后自動(dòng)在“腳本”窗格中創(chuàng)建語(yǔ)句。對(duì)于較大的應(yīng)用程序， 盡管您通常不會(huì)使用腳本輔助， 但對(duì)于向 Flash 應(yīng)用程序中添加互連性、模仿原型等， 它還是非常有用的。ActionScrip

11、t 2.0 語(yǔ)言的功能信息常見的面向?qū)ο缶幊?(OOP) 模型。ActionScript 2.0 的主要功能是用來(lái)創(chuàng)建面向?qū)ο蟪绦虻囊粋€(gè)常見模型。ActionScript 2.0 實(shí)現(xiàn)了幾個(gè)面向?qū)ο蟮母拍睿?如類、接口和包；如果您用 Java 或另外一種面向?qū)ο蟮恼Z(yǔ)言編寫過程序， 那么， 您不會(huì)對(duì)這些概念感到陌生。ActionScript 2.0 語(yǔ)言的功能信息OOP 模型和繼承。 該模型是在 Flash 的早期版本 (如 Flash MX) 中使用的原型連接方法的“語(yǔ)法形式化”， 用來(lái)創(chuàng)建對(duì)象和建立繼承。借助 ， 您可以創(chuàng)建自定義的類， 并擴(kuò)展 Flash 的內(nèi)置類。ActionScript

12、 2.0 語(yǔ)言的功能信息嚴(yán)格的數(shù)據(jù)類型。ActionScript 2.0 還能夠使您顯式指定變量、函數(shù)參數(shù)以及函數(shù)返回類型的數(shù)據(jù)類型。例如， 下面的代碼聲明了“字符串”類型 (一種內(nèi)置的 ActionScript 數(shù)據(jù)類型) 的名為 userName 的一個(gè)變量。 Var userName:String = “Fred”;ActionScript 2.0 語(yǔ)言的功能信息編譯器警告和錯(cuò)誤。 以前的兩個(gè)功能 (OOP 模型和嚴(yán)格數(shù)據(jù)類型) 能夠使創(chuàng)作工具和編譯器提供編譯器警告和錯(cuò)誤消息， 這些信息能夠幫助您比以往在 Flash 中更快的速度找到應(yīng)用程序中的錯(cuò)誤。第五章 播放器設(shè)計(jì)分析第五章 播放器

13、設(shè)計(jì)分析系統(tǒng)主要功能需求分析常見播放器控制按鈕友好界面提示播放進(jìn)度條下載進(jìn)度條播放時(shí)間/影片字節(jié)全屏模式/完整模式切換手動(dòng)選擇播放附軟件版防止盜用盜鏈第五章 播放器設(shè)計(jì)分析系統(tǒng)開發(fā)環(huán)境分析和選擇Flash 部分Macromedia Studio 8家族套裝里的Macromedia Flash 8 Professional。數(shù)據(jù)庫(kù)和腳本文件ASP + Access 和 PHP + MySQL 的選擇第六章 播放器系統(tǒng)文件結(jié)構(gòu)第六章 播放器系統(tǒng)文件結(jié)構(gòu)文件結(jié)構(gòu)用戶角度文件關(guān)系示意圖后臺(tái)角度文件關(guān)系示意圖文件結(jié)構(gòu)整個(gè)播放器系統(tǒng)包括9個(gè)文件：5個(gè)腳本文件3個(gè)SWF文件1個(gè)EXE文件用戶角度文件關(guān)系示意

14、圖后臺(tái)角度文件關(guān)系示意圖第七章 播放器系統(tǒng)實(shí)現(xiàn)第七章 播放器系統(tǒng)實(shí)現(xiàn)數(shù)據(jù)庫(kù)結(jié)構(gòu)確定腳本里的來(lái)路驗(yàn)證的返回格式setInterval超頻幀的應(yīng)用列表數(shù)據(jù)處理和asfunction動(dòng)作協(xié)議的運(yùn)用視頻播放的連接代碼和播放函數(shù)playFLV進(jìn)度條的顯示全屏切換數(shù)據(jù)庫(kù)結(jié)構(gòu)確定需要6個(gè)字段來(lái)儲(chǔ)存曲目信息：字段類型Null備注idint(8)否主鍵、自動(dòng)編號(hào)media_namevarchar(255)否曲目名稱media_urlvarchar(255)否曲目文件網(wǎng)絡(luò)地址media_timeint(5)否曲目總時(shí)間（單位：秒）media_typevarchar(5)否曲目文件類型（FLV、Mp3）up_dat

15、edate否曲目添加或最后更新日期（yyyy-mm-dd）腳本里的來(lái)路驗(yàn)證驗(yàn)證來(lái)路地址與當(dāng)前訪問地址是不是同一個(gè)域名即可。在需要安全驗(yàn)證的頁(yè)面的腳本里添加如下段：if (!strstr($_SERVERHTTP_REFERER，$_SERVERHTTP_HOST)echo 非法登錄 /顯示”非法登錄”exit; /終止腳本運(yùn)行的返回格式Flash將返回的數(shù)據(jù)作為ActionScript腳本處理。容為concent=列表數(shù)據(jù)&done=ok列表數(shù)據(jù)中，每一條曲目的各種信息以“|”分隔，每條曲目間以“|”分隔：如下concent=曲目1名稱|曲目1地址|曲目1時(shí)間|曲目1日期|曲目2名稱|曲目2地

16、址|曲目2時(shí)間|曲目2日期|曲目3|setInterval超頻幀的應(yīng)用setInterval(functionReference， interval， param1， param2， .， paramN)在播放 SWF 文件時(shí)，每隔一定時(shí)間就調(diào)用函數(shù)或?qū)ο蟮姆椒??？梢栽谝欢螘r(shí)間內(nèi)使用 setInterval() 重復(fù)執(zhí)行任何函數(shù)。setInterval超頻幀的應(yīng)用參數(shù)：functionReference:Function - 對(duì)要被調(diào)用的函數(shù)的引用。interval:Number - 對(duì)傳入的函數(shù)的調(diào)用所間隔的時(shí)間（以毫秒為單位）。param:Object 可選 - 向被調(diào)用函數(shù)傳遞的參數(shù)。多

17、個(gè)參數(shù)用逗號(hào)隔開。返回：Number - 一個(gè)整數(shù)，它標(biāo)識(shí)間隔ID，可以將其傳遞給 clearInterval() 以取消間隔。列表數(shù)據(jù)處理和asfunction動(dòng)作協(xié)議的運(yùn)用在列表數(shù)據(jù)載入完成后，所有曲目列表都在“concent”變量里，這不利于后面對(duì)曲目信息的使用。我們需要對(duì)長(zhǎng)串的“concent”進(jìn)行切割。存儲(chǔ)到flv_listHW二維數(shù)組里：（二維數(shù)組的高度：H由曲目條數(shù)決定；寬度：W由曲目屬性個(gè)數(shù)確定）列表數(shù)據(jù)處理和asfunction動(dòng)作協(xié)議的運(yùn)用Flv_list數(shù)組視頻播放的連接代碼和播放函數(shù)playFLVvar my_nc:NetConnection = new NetConn

18、ection();/ 創(chuàng)建一個(gè) NetConnection 對(duì)象my_nc.connect(null);/ 創(chuàng)建一個(gè)本地流連接var my_ns:NetStream = new NetStream(my_nc);/ 創(chuàng)建一個(gè) NetStream 對(duì)象my_video.attachVideo(my_ns); / 將 NetStream 視頻輸入信號(hào)附加到 Video 對(duì)象y_ns.setBufferTime(5);/ 設(shè)置緩沖時(shí)間my_ns.play(“ :/./*.flv”);/ 開始播放 FLV 文件進(jìn)度條的顯示通過my_ns.bytesLoaded 可以得到已經(jīng)下載的字節(jié)數(shù)，通過可以得到曲

19、目總的字節(jié)數(shù)。如此可以求得已下載占總字節(jié)的百分比。用百分比來(lái)設(shè)置進(jìn)度條的“_xscale”（X軸的比例縮放）參數(shù)，再配合上面提到的“setInterval()”函數(shù)就完成了下載進(jìn)度條。對(duì)于播放進(jìn)度顯示，可以得到播放頭所在時(shí)間（秒），曲目總時(shí)間可以從flv_listnow_play2 里得到。得到百分比后乘上進(jìn)度條的寬度就可以用來(lái)設(shè)置滑塊的“_x”（相對(duì)父剪輯的X坐標(biāo)）屬性。音量大小的顯示，在這兩種其一的方法上配合遮罩就不難完成了。全屏切換全屏的切換，就沒有辦法了嗎？在里是做不到的。但是里提供了這樣的方法：StagedisplayState = fullScreen; /全屏Stagedispl