《Dreamweaver CS5網(wǎng)頁設(shè)計與制作實例教程》課件-第9章 網(wǎng)頁中的多媒體

第9章網(wǎng)頁中的多媒體第9章網(wǎng)頁中的多媒體網(wǎng)頁中的多媒體元素包括各種視聽元素，不僅豐富了網(wǎng)頁內(nèi)容，而且增強了網(wǎng)頁的感染力。其中影音文件是當前流行的多媒體網(wǎng)頁中所包含的重要部分，主要用于在線視聽、講座、電影欣賞、音樂視頻等。本章學(xué)習如何在網(wǎng)頁中插入和編輯多媒體對象，將要介紹的多媒體對象主要是動畫、音頻、視頻等。9.1網(wǎng)頁中的動畫動畫是通過連續(xù)播放一系列畫面，給視覺造成連續(xù)變化的圖畫。它的基本原理與電影、電視一樣，都是視覺原理。醫(yī)學(xué)已證明，人類具有“視覺暫留”的特性，就是說人的眼睛看到一幅畫或一個物體后，在1/24秒內(nèi)不會消失。利用這一原理，在一幅畫還沒有消失前播放出下一幅畫，就會給人造成一種流暢的視覺變化效果。因此，電影采用了每秒24幅畫面的速度拍攝播放，電視采用了每秒25幅（PAL制）(中央電視臺的動畫就是PAL制)或30幅（NSTC制）畫面的速度拍攝播放。如果以每秒低于24幅畫面的速度拍攝播放，就會出現(xiàn)停頓現(xiàn)象。動畫每秒播放的幀數(shù)(f/s)稱為幀率，當幀率在20幀以上時，人的感覺就無跳躍感。除了通過軟件可以控制動畫播放的速度外，計算機的微處理器時鐘、內(nèi)存、屏幕分辨率均會影響動畫運行的速度。常見的動畫格式類型有：1、GIF動畫格式2、FLIC(FLI/FLC)格式3、SWF格式4、FLV格式5、AVI格式6、MOV、QT格式9.1.1Flash動畫Flash是當前首選的制作矢量動畫的軟件。矢量格式十分適用于網(wǎng)絡(luò)，它容量小，可以任意調(diào)整大小而仍保持清晰的顯示效果，可以播放MP3高品質(zhì)聲音，還可為其設(shè)置超鏈接。Flash源文件格式的擴展名為.fla，這種類型的文件只能在Flash應(yīng)用程序中被打開，在Dreamweaver或瀏覽器中都是無法打開的。Flash電影文件格式的擴展名為.swf,它是Flash源文件的壓縮版本，已經(jīng)為網(wǎng)絡(luò)瀏覽進行了優(yōu)化。因此，這種類型的文件可以在瀏覽器中播放，也可以在Dreamweaver中預(yù)覽，但是它已經(jīng)無法在Flash應(yīng)用程序中進行編輯。Flash動畫的“屬性”面板如圖9-1所示?？梢栽O(shè)置“自動播放”、“循環(huán)”、“品質(zhì)”、“比例”等。單擊“參數(shù)”按鈕可以彈出的“參數(shù)”對話框中，為動畫輸入更多的參數(shù)。9.1.2插入Flash動畫實例Flash動畫可以使用Object（用于ActiveX控件）和Embed（用于插件）兩種標簽來插入。在使用“屬性”面板對動畫進行修改時，Dreamweaver會同時在HTML中的Object標簽和Embed標簽中修改相應(yīng)的參數(shù)。例如：<object版本信息及屬性><paramname="movie"value=”****.swf”/><paramname="wmode"value="transparent"/><embedsrc="***.swf"版本信息及屬性wmode="transparent"></embed></object>Object標簽和Embed標簽的格式有些不同，但描述了相同的信息。插入Flash動畫時，選擇“插入”面板“常用”選項卡“媒體”按鈕組（如圖9-2所示）中的SWF選項。

圖9-2媒體按鈕組參考教材，完成練習【例9-1】在網(wǎng)頁中插入Flash動畫，并將其背景設(shè)為透明屬性9.1.3插入Flash按鈕實例9.1.4插入Flash文本實例9.2網(wǎng)頁中音頻音頻（Audio）是指人類能夠聽到的所有聲音，它可能包括噪音等。聲音被錄制下來以后，無論是說話聲、歌聲、樂器都可以通過數(shù)字音樂軟件處理，或是把它制作成CD，這時候所有的聲音沒有改變，因為CD本來就是音頻文件的一種類型。而音頻只是儲存在計算機里的聲音。如果有計算機再加上相應(yīng)的音頻卡—就是常說的聲卡，它可以把所有的聲音錄制下來，聲音的聲學(xué)特性如音的高低等都可以用計算機硬盤文件的方式儲存下來。9.2.1常見音頻格式網(wǎng)頁中常用的音頻格式包括以下幾種：1、WAV格式2、MP3格式3、MIDI格式4、AIF格式9.2.2插入音頻網(wǎng)頁里的音頻包括背景音樂、解說詞和音效。背景音樂播放時間較長，一般采用容量較小的MP3、MID格式文件；錄制解說詞時只能用WAV格式，如果解說詞比較長，也可以轉(zhuǎn)換成MID格式文件，音效文件一般較小，不必注重其格式。選擇“插入”面板“常用”選項卡中“媒體”選項組（如圖9-16所示）中的ActiveX按鈕或“插件”按鈕都可以插入音頻。9.2.3插入音頻實例

參考教材完成9.3網(wǎng)頁中的視頻視頻(Video)是由一幅幅單獨的圖像（也稱為幀）組成的序列，這些畫面以24fps（幀/秒）到30fps速率連續(xù)地投射到屏幕上，而具有圖像連續(xù)運動的感覺。這樣的視頻圖像看起來是平滑和連續(xù)的。

9.3.1常見視頻格式常用的視頻文件分為影像文件和流式文件兩大類，伴隨這兩種類型文件存在的是相應(yīng)的文件格式，分別被稱為：影像格式(Video

Format)和流格式(Streaming

Video

Format)，它們各自又都包含多種類型的文件格式。1．影像格式

：例如音樂MTV、刻錄了聲音和圖像的VCD/DVD盤，這些就是由影像格式文件制作成的，它們承載了大量的信息，文件量一般都在十幾MB到幾十MB，有的也有上百MB了。2．流格式：它的出現(xiàn)主要是為了適應(yīng)Internet網(wǎng)絡(luò)實時傳輸視頻文件的需要。它以“邊傳送邊播放”為其鮮明特點，支持視頻流緩沖區(qū)播放，也支持文件即時連續(xù)下載。流格式文件的這種“邊傳送邊播放”的方法在一定程度上避免了互聯(lián)網(wǎng)用戶需要等待整個視頻文件從網(wǎng)絡(luò)服務(wù)器上下載完畢后才可以在本地資源上觀看的缺點，也在一定程度上避免了網(wǎng)絡(luò)帶寬“狹窄”時導(dǎo)致信息高速公路堵車現(xiàn)象的發(fā)生。具有代表型的流媒體文件有asf、wma、wmc等。網(wǎng)頁中常見的視頻文件格式有：

1．MPEG2．AVI格式3．RM格式

4.ASF(Advanced

Streaming

Format)格式5．MOV(QuickTime)格式

6．WMV格式9.3.2插入視頻插入視頻的方法與插入音頻的方法完全一樣(不再贅述)，注意以下幾點建議：(1)通過使用插件的方式實現(xiàn)在網(wǎng)頁中播放AVI、ASF、WMV和MPEG格式視頻。(2)以插入ActiveX控件的方式插入WMV、RM、RMVB格式的視頻；(3)以菜單“插入”|“媒體”|“flash視頻”命令插入FLV格式視頻。以下通過實例介紹插入視頻的方法。實例詳見教材思考題1.在Dreamweaver中可以插入哪些格式的動畫？簡述