第5章 使用多媒體

1、 多媒體技術(shù)的發(fā)展使網(wǎng)頁設(shè)計者能夠多媒體技術(shù)的發(fā)展使網(wǎng)頁設(shè)計者能夠輕松自如地在頁面中加入聲音、動畫、影輕松自如地在頁面中加入聲音、動畫、影片等內(nèi)容，使制作的網(wǎng)頁充滿了樂趣，更片等內(nèi)容，使制作的網(wǎng)頁充滿了樂趣，更給訪問者增添了幾分欣喜，同時網(wǎng)頁看起給訪問者增添了幾分欣喜，同時網(wǎng)頁看起來更有趣味性和觀賞性。本章將介紹在網(wǎng)來更有趣味性和觀賞性。本章將介紹在網(wǎng)頁中使用多媒體的方法。頁中使用多媒體的方法。第第5 5章使用多媒體章使用多媒體學習目標了解多媒體的種類。了解多媒體的種類。掌握插入掌握插入FlashFlash動畫的方法。動畫的方法。掌握插入圖像查看器的方法。掌握插入圖像查看器的方法。掌握插入掌握

2、插入FlashPaperFlashPaper的方法。的方法。掌握插入掌握插入FlashFlash視頻的方法。視頻的方法。掌握插入掌握插入ShockwaveShockwave的方法。的方法。掌握插入掌握插入AppletApplet和和ActiveXActiveX的方法。的方法。5.1使用FlashFlash動畫動畫圖像查看器圖像查看器FlashPaperFlash視頻視頻5.1.1Flash動畫插入插入Flash動畫的常用方法通常有以下動畫的常用方法通常有以下3種。種。選擇【插入記錄】【媒體】【選擇【插入記錄】【媒體】【Flash】命令?！棵?。在【插入】【常用】工具欄的媒體下拉按鈕組中單擊在【

3、插入】【常用】工具欄的媒體下拉按鈕組中單擊 按鈕。按鈕。在【文件】面板中選中在【文件】面板中選中Flash文件，然后將其拖動到文檔中。文件，然后將其拖動到文檔中。插入插入Flash動畫后，可以通過【屬性】面板對其屬性進行設(shè)置。動畫后，可以通過【屬性】面板對其屬性進行設(shè)置。5.1.1Flash動畫5.1.2圖像查看器圖像查看器就像是在網(wǎng)頁中放置一個看圖軟件，使圖像一幅圖像查看器就像是在網(wǎng)頁中放置一個看圖軟件，使圖像一幅幅地展示出來。圖像查看器是一種特殊形式的幅地展示出來。圖像查看器是一種特殊形式的Flash動畫，但它的動畫，但它的插入和使用方法與插入和使用方法與Flash動畫略有不同。動畫略有不

4、同。選擇【插入記錄】選擇【插入記錄】/【媒體】【媒體】/【圖像查看器】命令，插入【圖像查看器】命令，插入Flash占位符。在文檔中右鍵單擊占位符。在文檔中右鍵單擊Flash占位符，在彈出的快捷菜占位符，在彈出的快捷菜單中選擇【編輯標簽單中選擇【編輯標簽】命令打開【標簽編輯器】命令打開【標簽編輯器object】對話框，切換至【替代內(nèi)容】分類，在文本框內(nèi)找到默認的圖像對話框，切換至【替代內(nèi)容】分類，在文本框內(nèi)找到默認的圖像文件路徑名修改為現(xiàn)有圖像的文件路徑名。文件路徑名修改為現(xiàn)有圖像的文件路徑名。5.1.3FlashPaper FlashPaper是一種文檔格式，可以使用諸如是一種文檔格式，可以使

5、用諸如Adobe公司的公司的FlashPaper 2軟件建立。軟件建立。FlashPaper能夠?qū)⑷魏晤愋偷目纱蛴∧軌驅(qū)⑷魏晤愋偷目纱蛴∥臋n轉(zhuǎn)換為文檔轉(zhuǎn)換為SWF或或PDF格式，可通過各種平臺來查看生成的格式，可通過各種平臺來查看生成的FlashPaper文檔。文檔的格式、圖像、字體、特殊符號、顏色文檔。文檔的格式、圖像、字體、特殊符號、顏色等全部保留，而且生成的等全部保留，而且生成的SWF文件與文件與Flash所生成的所生成的SWF文件文件格式是相同的。格式是相同的。FlashPaper SWF文件通常比其他格式的文檔要文件通常比其他格式的文檔要小得多，可以使用任何支持小得多，可以使用任何支

6、持Flash的瀏覽器查看它們，或者可的瀏覽器查看它們，或者可以直接使用以直接使用Macromedia的的Flash Player來查看。來查看。 選擇【插入記錄】【媒體】【選擇【插入記錄】【媒體】【FlashPaper】命令，打開】命令，打開【插入【插入FlashPaper】對話框進行設(shè)置即可?！繉υ捒蜻M行設(shè)置即可。5.1.3FlashPaper在瀏覽器中預(yù)覽。在瀏覽器中預(yù)覽。5.1.4Flash視頻 Flash視頻，即視頻，即FLV流媒體格式是一種新的視頻格式，流媒體格式是一種新的視頻格式，全稱為全稱為Flash Video。它的出現(xiàn)有效地解決了視頻文件導入。它的出現(xiàn)有效地解決了視頻文件導入

7、Flash后，使導出的后，使導出的SWF文件體積龐大，不能在網(wǎng)絡(luò)上很好文件體積龐大，不能在網(wǎng)絡(luò)上很好地使用等缺點。地使用等缺點。 選擇【插入記錄】【媒體】【選擇【插入記錄】【媒體】【Flash視頻】命令，視頻】命令，打開【插入打開【插入Flash視頻】對話框，由于選擇【視頻類型】的視頻】對話框，由于選擇【視頻類型】的不同，對話框會呈現(xiàn)兩種形式。不同，對話框會呈現(xiàn)兩種形式。5.1.4 Flash視頻5.1.4Flash視頻所謂累進式下載視頻就是將所謂累進式下載視頻就是將Flash視頻（視頻（FLV）文件下載到）文件下載到站點訪問者的硬盤上，然后播放。這與傳統(tǒng)的站點訪問者的硬盤上，然后播放。這與傳

8、統(tǒng)的“下載并播放下載并播放”視頻傳送方法不同，累進式下載允許在下載完成之前就開始視頻傳送方法不同，累進式下載允許在下載完成之前就開始播放視頻文件。而所謂流視頻就是對播放視頻文件。而所謂流視頻就是對Flash視頻內(nèi)容進行流視頻內(nèi)容進行流式處理，并在一段時間內(nèi)要確保流暢播放，但必須在緩沖時式處理，并在一段時間內(nèi)要確保流暢播放，但必須在緩沖時間后才能在網(wǎng)頁上播放該內(nèi)容。如果希望在網(wǎng)上啟用流視頻，間后才能在網(wǎng)頁上播放該內(nèi)容。如果希望在網(wǎng)上啟用流視頻，就必須具有訪問就必須具有訪問Adobe Flash Media Player的條件。的條件。5.2 使用ShockwaveShockwave是是Macro

9、media公司的又一杰作，主要用于在公司的又一杰作，主要用于在Web中插中插放豐富的交互式多媒體內(nèi)容的業(yè)界標準，其真正含義就是插件。放豐富的交互式多媒體內(nèi)容的業(yè)界標準，其真正含義就是插件?？梢酝ㄟ^可以通過Macromedia Director來創(chuàng)建來創(chuàng)建Shockwave影片，它生成的影片，它生成的壓縮格式可以被瀏覽器快速下載，并且可被目前的主流瀏覽器所壓縮格式可以被瀏覽器快速下載，并且可被目前的主流瀏覽器所支持。支持。選擇【插入記錄】【媒體】【選擇【插入記錄】【媒體】【Shockwave】命令，打開【選】命令，打開【選擇文件】對話框來插入擇文件】對話框來插入Shockwave文件。文件。Sh

10、ockwave文件的擴展名文件的擴展名是是“.dcr”、“.dir”、“.dxr”。5.3插入特殊對象AppletActiveX5.3.1Applet5.3.1Applet5.3.1Applet也可以直接單擊【屬性】面板中的也可以直接單擊【屬性】面板中的 【參數(shù)】按鈕，打開【參數(shù)】【參數(shù)】按鈕，打開【參數(shù)】對話框，修改與顯示效果相關(guān)的參數(shù)。對話框，修改與顯示效果相關(guān)的參數(shù)。5.3.2插入ActiveXActiveX的主要作用是在不發(fā)布瀏覽器新版本的情況下擴展瀏的主要作用是在不發(fā)布瀏覽器新版本的情況下擴展瀏覽器的能力。如果瀏覽器載入了一個網(wǎng)頁，而這個網(wǎng)頁中有瀏覽覽器的能力。如果瀏覽器載入了一個網(wǎng)

11、頁，而這個網(wǎng)頁中有瀏覽器不支持的器不支持的ActiveX控件，瀏覽器會自動安裝所需控件?？丶?，瀏覽器會自動安裝所需控件。WMV和和RM是網(wǎng)絡(luò)常見的兩種視頻格式。其中，是網(wǎng)絡(luò)常見的兩種視頻格式。其中，WMV影片是影片是Windows的的視頻格式，使用的播放器是視頻格式，使用的播放器是Microsoft Media Player。選擇【插入記錄】【媒體】【選擇【插入記錄】【媒體】【ActiveX】命令，系統(tǒng)自動】命令，系統(tǒng)自動在文檔中插入一個在文檔中插入一個ActiveX占位符。在【屬性】面板的【占位符。在【屬性】面板的【ClassID】下拉列表框中添加下拉列表框中添加“CLSID:22D6f31

12、2-b0f6-11d0-94ab-0080c74c7e95”。在【屬性】面板中勾選【嵌入】復選框，然后單擊【參數(shù)】在【屬性】面板中勾選【嵌入】復選框，然后單擊【參數(shù)】按鈕，打開【參數(shù)】對話框添加參數(shù)。按鈕，打開【參數(shù)】對話框添加參數(shù)。5.3.2插入ActiveX在在WMV視頻的視頻的ActiveX【屬性】面板中，許多參數(shù)沒有設(shè)置，【屬性】面板中，許多參數(shù)沒有設(shè)置，便無法正常播放便無法正常播放WMV格式的視頻。這時需要做兩項工作：一是添格式的視頻。這時需要做兩項工作：一是添加加“ClassID”；二是添加控制播放參數(shù)。對于控制播放參數(shù)，可；二是添加控制播放參數(shù)。對于控制播放參數(shù)，可以根據(jù)需要有選

13、擇地添加。以根據(jù)需要有選擇地添加。5.3.2插入ActiveX除了當前的除了當前的WMV視頻，此種方式還可以播放視頻，此種方式還可以播放MPG、ASF等格等格式的視頻，但不能播放式的視頻，但不能播放RM、RMVB格式。播放格式。播放RM格式的視頻不格式的視頻不能使用能使用Microsoft Media Player播放器，必須使用播放器，必須使用RealPlayer播放器。播放器。設(shè)置方法是：在【屬性】面板的【設(shè)置方法是：在【屬性】面板的【ClassID】下拉列表中選擇】下拉列表中選擇“RealPlayer/clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”

14、，勾選【嵌入】復選框，然后在【屬性】面板，勾選【嵌入】復選框，然后在【屬性】面板中單擊【參數(shù)】按鈕，打開【參數(shù)】對話框，添加參數(shù)，最后設(shè)置中單擊【參數(shù)】按鈕，打開【參數(shù)】對話框，添加參數(shù)，最后設(shè)置【寬】和【高】為固定尺寸?！緦挕亢汀靖摺繛楣潭ǔ叽?。在播放在播放WMV格式的視頻時，可以不設(shè)置具體的尺寸，但是格式的視頻時，可以不設(shè)置具體的尺寸，但是RM格式的視頻必須要設(shè)置一個具體的尺寸。當然，這個尺寸可能格式的視頻必須要設(shè)置一個具體的尺寸。當然，這個尺寸可能不是影片的原始比例尺寸，可以通過將參數(shù)不是影片的原始比例尺寸，可以通過將參數(shù)“MAINTAINASPECT”設(shè)置為設(shè)置為“true”來恢復影片的原始比例尺來恢復影片的原始比例尺寸。寸。5.4 綜合小實例完善“西湖十景”網(wǎng)頁將本章素材文件將本章素材文件“實例素材實例素材第第5章章綜合小實例綜合小實例”下的所下的所有文件復制到站點根目錄下，然后完善有文件復制到站點根目錄下，然后完善“西湖十景西湖十景”網(wǎng)頁，網(wǎng)頁，具體要求如下。具體要求如下。(1) 插入插入Fla