flash cs4入門與提高 第12章 多媒體的使

第12章多媒體的使用

本章重點本章將向讀者介紹聲音、視頻與組件的使用，內(nèi)容包括在FlashCS4中如何導(dǎo)入聲音、編輯聲音文件、對聲音的優(yōu)化與輸出、導(dǎo)入視頻文件、引入視頻鏈接、對視頻對象進(jìn)行編輯操作以及如何添加組件、查看和修改組件的參數(shù)、設(shè)置組件外觀尺寸、自定義組件外觀。這學(xué)習(xí)目的通過本章的學(xué)習(xí)，您可以：掌握向Flash動畫中導(dǎo)入和添加聲音的方法。掌握為幀或按鈕添加聲音的方法。掌握為Flash動畫添加視頻以及對導(dǎo)入的視頻處理的方法。掌握FlashCS4中組件的使用方法。掌握設(shè)置與修改組件外觀的方法。12.1使用聲音

FlashCS4提供了許多使用聲音的方法?？梢允孤曇舄毩⒂跁r間軸連續(xù)播放，或使動畫和一個音軌同步播放。向按鈕添加聲音可以使按鈕具有更強(qiáng)的互動性，通過聲音淡入淡出還可以使音軌更加優(yōu)美。12.1.1導(dǎo)入聲音Flash中不能錄音，要使用聲音只能導(dǎo)入。所以必須用其他軟件記錄一個聲音文件，可以從因特網(wǎng)上下載，也可以購買一個聲音集。Flash可以導(dǎo)入.wav，.aiff和.mp3聲音文件。如果系統(tǒng)安裝了QuickTime軟件，還可以導(dǎo)入其他格式的聲音文件，如SoundDesignerII、只有聲音的QuickTime影片、SunAU以及System7聲音等。當(dāng)聲音導(dǎo)入到文檔中后，它們將與位圖、元件一起保存到庫面板中，因此和元件一樣，用戶只需要一個聲音文件的副本就可以在影片中以各種方式使用該聲音了。也同其他符號一樣，一個聲音文件可在影片中的不同地方使用?？梢园凑障铝胁襟E導(dǎo)入聲音文件：（1）從“文件”菜單里選擇“導(dǎo)入”，打開“導(dǎo)入”子菜單，如圖所示。（2）選中“導(dǎo)入到庫”命令，這時彈出導(dǎo)入聲音文件的窗口。如圖所示。（3）在“查找范圍”下拉列表框中選擇導(dǎo)入聲音文件的位置，選定要導(dǎo)入的聲音文件位置。（4）單擊“打開”按鈕。將聲音文件導(dǎo)入到Flash中，這時會在屏幕上顯示導(dǎo)入進(jìn)度，如圖所示。（5）當(dāng)進(jìn)度結(jié)束以后，導(dǎo)入的聲音文件就以符號的形式保存在庫中，如圖所示。12.1.2添加聲音

聲音導(dǎo)入到Flash后，用戶就要確切地指出如何將它用在作品中。像單擊按鈕這樣的動作是不是比較適合使用一個簡短的聲音？是否在背景中加入一段音樂？或者是否需要將音軌與銀幕動畫同步？根據(jù)它們的使用，F(xiàn)lash分別做不同的處理。這將有助于縮小文件，減短時間，這些都是將要介紹的內(nèi)容。1．聲音類型在Flash中，聲音分成了兩類：事件驅(qū)動式和流式。事件驅(qū)動式聲音由電影中發(fā)生的動作觸發(fā)。例如：用戶按了某個按鈕，或者時間線到達(dá)某個設(shè)置了聲音的關(guān)鍵幀。相反，流式聲音則在需要時下載到用戶的計算機(jī)中。2．添加聲音在Flash動畫文件中添加聲音時，必須先創(chuàng)建一個聲音圖層，才能在該圖層中添加聲音，聲音圖層可以存放一段或多段聲音?？梢园崖曇舴旁谌我舛嗟膶由希恳粚酉喈?dāng)于一獨立的聲道，在播放影片時，所有層上的聲音都將回放。但是在同一段時間時，一個圖層只能存放一段聲音，這樣可以防止聲音在同一圖層內(nèi)相互疊加。每個聲音類似一個聲道，當(dāng)動畫播放時所有的聲音圖層都將自動合并。12.1.3編輯聲音

1．設(shè)置聲音的同步方式在聲音屬性面板里，打開“同步”下拉列表框后，會看到如圖所示的播放時間選項，一共有4個選項，通過這4個選項可以設(shè)置聲音的同步方式。2．定義聲音的起點和終點在聲音對應(yīng)的屬性設(shè)置面板單擊“效果”后的“編輯”按鈕，打開“編輯封套”對話框，如圖所示。通過這個圖，可以看到在該對話框中出現(xiàn)兩個波形圖，它們分別是左聲道和右聲道的波形，它們也是對聲音進(jìn)行編輯和控制的基礎(chǔ)。在左聲道和右聲道之間有一條分隔線，分隔線上左右兩側(cè)各有一個控制手柄，它們分別是聲音的開始滑塊和聲音的結(jié)束滑塊，拖動它們可以改變聲音的起點和終點。3．設(shè)置聲音效果在FlashCS4中可以對聲音的幅度進(jìn)行比較細(xì)膩的調(diào)整，這個調(diào)整過程也是通過“編輯封套”對話框完成的。在“編輯封套”對話框中的聲道波形的下面還有一條直線，它就是用來調(diào)節(jié)聲音的幅度，稱之為幅度線。在幅度線上還有兩個聲音幅度調(diào)節(jié)點，拖動調(diào)節(jié)點可以調(diào)整幅度線的形狀，從而達(dá)到調(diào)節(jié)某一段聲音的幅度。當(dāng)聲音文件被導(dǎo)入Flash后，用戶可以直接使用鼠標(biāo)在幅度線上拖動聲音幅度調(diào)節(jié)點到不同的位置來實現(xiàn)。用戶可以通過打開“編輯封套”對話框中的“效果”下拉菜單，如圖所示。12.1.4使用聲音

1．在指定關(guān)鍵幀開始或停止聲音的播放指定關(guān)鍵幀開始或停止聲音的播放以使它與動畫的播放同步是編輯聲音時最常見的操作。當(dāng)動畫播放到關(guān)鍵幀時，將開始聲音的播放。用戶也可以讓關(guān)鍵幀與舞臺中的事件聯(lián)系起來，這樣就可以在完成該動畫時停止或播放聲音。在指定關(guān)鍵幀開始或停止聲音播放的操作步驟如下：（1）將聲音導(dǎo)入到庫面板中。（2）選擇“插入”菜單里“時間軸”中的“圖層”命令，為聲音創(chuàng)建一個圖層。（3）單擊選擇聲音層上預(yù)定開始播放聲音的幀，將其設(shè)為關(guān)鍵幀。（4）在調(diào)出的屬性面板里，聲音下拉列表框中選擇一個聲音文件，然后打開“同步”下拉列表框選擇“事件”選項。（5）在聲音層聲音結(jié)束處創(chuàng)建另一關(guān)鍵幀。（6）在“聲音”下拉列表框中選擇同一個聲音文件，然后打開“同步”下拉列表框選擇“停止”選項。按照上述方法將聲音添加到動畫內(nèi)容之后，可以在時間軸窗口的聲音圖層中看到聲音的幅度線，如圖所示。2．為按鈕添加聲音為了制作帶聲音的按鈕，用戶可以先制作一個按鈕，然后根據(jù)按鈕元件的不同狀態(tài)設(shè)置聲音，因為聲音與元件一同存儲，所以加入的聲音將作用于所有基于按鈕創(chuàng)建的實例。為按鈕添加聲音的步驟如下：（1）新建一個Flash文件（ActionScript2.0）或Flash文件（ActionScript3.0）。（2）選擇“插入”菜單里的“新建元件”命令，調(diào)出“新建元件”對話框，在該對話框中的“名稱”文本框中輸入元件的名稱，單擊選擇“類型”下面的“按鈕”單選按鈕，單擊“確定”按鈕關(guān)閉該對話框，跳轉(zhuǎn)到元件編輯窗口中。（3）在元件編輯窗口中加入一個聲音圖層，在聲音圖層中為每個要加入聲音的按鈕狀態(tài)創(chuàng)建一個關(guān)鍵幀，如圖所示。例如，若想使按鈕在被單擊時發(fā)出聲音，可在按鈕的標(biāo)簽為“按下”的幀中加入一個關(guān)鍵幀。（4）向創(chuàng)建的關(guān)鍵幀中加入聲音，打開對應(yīng)屬性設(shè)置面板中的“同步”下拉列表框，從中選擇聲音對應(yīng)的事件。（5）添加聲音后，返回到場景編輯舞臺。從庫面板中將剛才創(chuàng)建的按鈕，拖動到舞臺中的工作區(qū)域內(nèi)。12.1.5聲音的優(yōu)化與輸出

1．聲音屬性Flash本身不是一個聲音編輯優(yōu)化程序，但是用戶可以通過“聲音屬性”對話框優(yōu)化聲音。要打開聲音屬性對話框，應(yīng)如下操作：（1）從“窗口”菜單中選擇“庫”命令，將庫窗口打開。（2）選擇要優(yōu)化的聲音，雙擊聲音名左邊的聲音圖標(biāo)打開“聲音屬性”對話框。如圖所示。2．壓縮聲音打開聲音屬性對話框后，在“壓縮”下拉列表框中進(jìn)行有關(guān)聲音壓縮的設(shè)定，根據(jù)壓縮方式的不同，可用的選項也有所不同，“壓縮”下拉列表框有5個選項。3．輸出聲音Flash軟件向來以文件輸出格式多樣而引人注目，F(xiàn)lash可以輸出多種的圖形圖像文件。Flash不但可以向動畫中添加聲音，而且可以將動畫中的聲音以多種格式進(jìn)行輸出。在這一小節(jié)中將具體闡述怎樣使用FlashCS4來輸出聲音。12.2應(yīng)用視頻

FlashCS4允許導(dǎo)入多種格式的視頻文件。用戶可以將這些視頻文件作為視頻流或通過DVD進(jìn)行分發(fā)，或者將其導(dǎo)入到視頻編輯應(yīng)用程序（例如Adobe?Premiere?）中。FLV和F4V(H.264)視頻格式具備技術(shù)和創(chuàng)意優(yōu)勢，允許用戶將視頻、數(shù)據(jù)、圖形、聲音和交互式控制融為一體。FLV或F4V視頻使用戶可以輕松地將視頻以幾乎任何人都可以查看的格式放在網(wǎng)頁上。FlashCS4可以對視頻進(jìn)行縮放、旋轉(zhuǎn)、扭曲、遮罩等操作，以及使用Alpha通道將視頻編碼為透明背景的視頻，并且可以通過腳本來實現(xiàn)交互效果。導(dǎo)入視頻后，還可以對視頻進(jìn)行縮放、旋轉(zhuǎn)、扭曲、遮罩等操作，以及使用Alpha通道將視頻編碼為透明背景的視頻，并且可以通過腳本來實現(xiàn)交互效果。12.2.1導(dǎo)入視頻文件

在FlashCS4中導(dǎo)入視頻時，用戶可以嵌入一個視頻片斷作為動畫的一部分。在導(dǎo)入視頻時就好像導(dǎo)入位圖或矢量圖一樣方便。在動畫中可以設(shè)置視頻窗口大小、像素值等。導(dǎo)入的視頻文件格式并不受太多的限制，只要系統(tǒng)支持的文件都可以導(dǎo)入到FlashCS4中去。利用FlashCS4的“視頻導(dǎo)入”向?qū)В脩艨梢暂p松地部署視頻內(nèi)容，以供嵌入、漸進(jìn)下載和流視頻傳輸?？梢詫?dǎo)入存儲在本地計算機(jī)上的視頻，也可以導(dǎo)入已部署到Web服務(wù)器或FlashCommunicationServer上的視頻。下面就在FlashCS4中導(dǎo)入一個視頻文件。（1）通過“文件”菜單下的“導(dǎo)入”子菜單選擇一種導(dǎo)入方式。（2）選擇“導(dǎo)入視頻”，彈出“導(dǎo)入視頻”向?qū)鐖D所示。在這里用戶根據(jù)具體情況，可以選擇是在本地計算上，或服務(wù)器上定位要導(dǎo)入的視頻文件。本例在本地計算機(jī)上導(dǎo)入一個視頻文件，輸入文件路徑，或使用瀏覽按鈕選擇文件。（3）在“文件路徑”下方的單選按鈕組中，設(shè)置部署視頻文件的方式，如圖所示。選中一種需要的導(dǎo)入方式后，“導(dǎo)入視頻”對話框底部會顯示該方式的簡要說明或警告信息，以供用戶參考。本例選擇“使用回放組件加載外部視頻”方式。（4）單擊“啟動AdobeMediaEncoder”按鈕，啟動視頻轉(zhuǎn)換組件。如圖所示。在FlashCS3中，視頻轉(zhuǎn)換組件的名稱為AdobeFlashCS3VideoEncoder，在FlashCS4中改為了AdobeMediaEncoderCS4。而且，在以往的版本中，視頻轉(zhuǎn)換組件需要單獨下載，AdobeFlashCS4集成了AdobeMediaEncodeCS4組件，在安裝主程序時，用戶可以根據(jù)需要選擇需要的組件進(jìn)行安裝。（4）單擊“預(yù)設(shè)”下方的下拉箭頭，在彈出的下拉菜單中選擇Flash視頻編碼配置文件，如圖所示。本例選擇“FLV—與源相同F(xiàn)lash8和更高版本”。（5）單擊“輸出文件”下方的路徑，可以選擇編碼后的視頻的保存位置。單擊“添加”按鈕可以打開資源管理器，打開其他需要編碼的視頻文件。單擊“預(yù)設(shè)”下方的配置文件，切換到如圖所示的對話框。在這里可以設(shè)置影片的音視頻編碼。本例保留默認(rèn)設(shè)置。（6）單擊對話框右側(cè)的“視頻”標(biāo)簽，可以在如圖所示的對話框中設(shè)置視頻編碼。本例保留默認(rèn)設(shè)置。（7）單擊“編碼”對話框中的“音頻”標(biāo)簽，可以在打開的對話框中設(shè)置影片的音頻編碼。本例保留默認(rèn)設(shè)置。（8）使用回放頭定位到要嵌入提示點的特定幀（視頻中的位置），然后單擊提示點列表左上角的“添加提示點”按鈕，并在“類型”下拉列表中指定要嵌入的提示點的類型。如圖所示。（9）在如圖所示的對話框左下方區(qū)域，單擊加號（+）按鈕，然后修改自動添加的參數(shù)的名稱和值。參數(shù)是可添加到提示點的鍵值對的集合。參數(shù)作為單個參數(shù)對象的成員傳遞到提示點事件處理函數(shù)。（10）在對話框左側(cè)區(qū)域拖動播放軸線上的和滑塊，可以設(shè)置視頻剪輯的起始點和結(jié)束點。單擊視圖縮放級別按鈕，可以在彈出的下拉列表中設(shè)置對話框左上方視圖的縮放大小。如圖所示。

（11）單擊對話框左上角的“裁剪”按鈕，視頻視圖四周將出現(xiàn)裁切框，將鼠標(biāo)指針移到裁切框的邊線上，按下鼠標(biāo)左鍵拖動，可以在某一個方向上裁切視頻剪輯，消除視頻中的一些區(qū)域，以強(qiáng)調(diào)幀中特定的焦點，如圖所示。（12）單擊“確定”按鈕，切換到AdobeMediaEncoder主界面，然后單擊“開始隊列”按鈕，即可開始按以上設(shè)置對視頻文件進(jìn)行編碼。如圖所示。（13）編碼完畢，對話框“狀態(tài)”下方將顯示一個綠色的勾號。單擊標(biāo)題欄右上角的“關(guān)閉”按鈕，關(guān)閉AdobeMediaEncoder，返回到“導(dǎo)入視頻向?qū)А睂υ捒?。選擇剛編碼完的視頻文件，然后單擊“下一步”按鈕，進(jìn)入如圖所示的“外觀”對話框。在“外觀”下拉列表中可以選擇一種視頻的外觀，以及播放條的顏色。（14）單擊“下一步”按鈕完成視頻的導(dǎo)入。在對話框中單擊“完成”按鈕，彈出“另存為”對話框。在該對話框中將視頻剪輯保存到與原視頻文件相同的文件夾中，然后單擊“保存”按鈕，即可開始對視頻進(jìn)行編碼。（15）編碼完成后，即可在Flash舞臺上看到該視頻文件。如圖所示。（16）保存文檔后，按Ctrl+Enter組合快捷鍵，即可播放視頻剪輯。在CS4之前的Flash版本中，F(xiàn)LV文件默認(rèn)打開方式為FlashPlayer，而在FlashCS4中，F(xiàn)LV和F4V的默認(rèn)打開方式是AdobeMediaPlayer。如圖所示。12.2.2對視頻對象的操作

在舞臺中選中已經(jīng)導(dǎo)入的視頻文件，就可以在屬性面板中對其進(jìn)行相關(guān)操作了。如圖所示。在屬性面板里顯示出了調(diào)用的視頻對象的尺寸，在舞臺中的位置以及當(dāng)前視頻對象在舞臺中的名稱。單擊實例名稱右側(cè)的按鈕，將打開“組件檢查器”面板，如圖所示。12.3使用組件

FlashCS4的組件提供了簡單方法，使用戶在動畫創(chuàng)作中可以重復(fù)使用復(fù)雜的元素，而不需要編寫ActionScript。下面將向讀者介紹什么是組件，它們的參數(shù)以及在FlashCS4中創(chuàng)作動畫時如何使用組件。12.3.1組件概述組件是在創(chuàng)作過程中包含有參數(shù)的復(fù)雜的動畫剪輯，也是由組件開發(fā)者與定義的一種具有特殊功能的影片剪輯。它們本質(zhì)上是一個容器，包含很多資源，這些資源共同工作來提供更強(qiáng)的交互能力以及動畫效果。在FlashCS4中包含5組組件，用戶可以單獨使用這些組件向Flash電影中添加簡單的交互動作，也可以組合使用這些組件為Web表單或應(yīng)用程序創(chuàng)建一個完整的用戶界面。引入組件這一概念，使Flash成為一種開放式的、分布式的軟件，任何人都能夠以制作組件的形式參與到Flash的更新開發(fā)中來。組件通常由開發(fā)者設(shè)計好外觀，并為它編寫大量的復(fù)雜的動作腳本。在這些動作腳本中定義了組件的功能與參數(shù)。對于普通用戶來說，這些動作腳本的具體內(nèi)容不用去關(guān)心，而只需要了解組件的功能及參數(shù)設(shè)置就夠了。12.3.2如何添加組件

通過下面的步驟可以將控件添加到舞臺上：（1）通過選擇“窗口”菜單里的“組件”命令，即可打開組件面板，如圖所示。（2）單擊選擇的組件圖標(biāo)并將其拖放到舞臺里，也可雙擊選擇的組件，使其被添加到舞臺中。（3）選中舞臺上的組件，使用屬性面板給實例命名，使用參數(shù)標(biāo)簽設(shè)定實力的參數(shù)。根據(jù)需要改變組件的大小。在把組件添加到舞臺上后，可以在不同的面板，庫中手工修改組件的參數(shù)，屬性以及圖形?；蛘呤褂脤ο笊系幕驎r間線上的某一幀中的ActionScript代碼來修改。在一個實例被添加到庫中之后，可以在ActionScript中使用MovieClip.attachMovie()方法來把組件添加到動畫中。12.3.3查看和修改組件的參數(shù)

在FlashCS4中可以輕松地修改組件的外觀和功能。選擇組件，打開組件屬性面板，如圖所示。屬性和參數(shù)兩個選項包含了組件全部的屬性信息，通過它們可以修改組件的外觀。只需要簡單的選擇屬性選項卡，選中顏色菜單，之后就可以改變亮度，色彩，透明度或者通過選擇高級綜合運用這些元素。單擊實例名稱右側(cè)的按鈕，將打開“組件檢查器”面板。在FlashCS4中，組件檢查器可以幫助用戶從組件中添加或刪除參數(shù)，還可以通過指定參數(shù)的值從而控制這個組件的實際功能，如圖所示。12.3.4設(shè)置組件的外觀尺寸

在舞臺上，如果組件實例不夠大，以致無法顯示它的標(biāo)簽，那么標(biāo)簽文本就不能正常完全顯示，如果組件實例比文本大，那么單擊區(qū)域又會超出標(biāo)簽。在FlashCS4中，如果使用動作腳本的_width和_height屬性來調(diào)整組件的寬度和高度，則可以調(diào)整該組件的大小，但組件內(nèi)容的布局依然保持不變，這將導(dǎo)致在影片回放時發(fā)生扭曲。因此，需要使用繪圖工具箱里的自由變形工具或組件對象的setsize

或setwidth方法來設(shè)置組件的寬度和高度，如圖所示。12.3.5預(yù)覽組件

對組件的屬性和參數(shù)修改結(jié)束以后，可以從動畫預(yù)覽中看到組件的改變。在FlashCS4中，選擇“控制”菜單里的“啟用動態(tài)預(yù)覽”命令，可以啟用實時預(yù)覽功能，使用戶能夠在舞臺上查看組件。默認(rèn)情況下，這個預(yù)覽功能是開啟的，以便用戶預(yù)覽組件的外觀和大小。但是在這個狀態(tài)下不能對組建進(jìn)行測試和操作。要測試該組件功能，可以使用“控制”菜單里的“測試影片”命令。12.3.6自定義組件外觀

當(dāng)默認(rèn)情況下的組件實例的外觀不能滿足用戶創(chuàng)作動畫的需要時，可以使用SetStyleProperty方法來更改組件實例的顏色和文本屬性。FlashCS4自帶的組件比早期的版本漂亮了很多，但有時候為了讓組件的外觀和整個頁面的樣式相統(tǒng)一，必須重新改變組件的外觀，比如組件標(biāo)簽的字體和顏色，組件的背景顏色等等。改變組件外觀有3種方法：使用樣式API、應(yīng)用一個主題名、修改或替換組皮膚。這里著重說明使用樣式API的方法?？梢岳肧tylesAPI提供的屬性和方法(setStyle()和getStyle())來改變組件的顏色和文本格式。1．對一個組件實例設(shè)置樣式（1）新建一個Flash文檔，選擇一個組件并拖放到舞臺中。例如本例選擇“Button”組件。（2）在組件的屬性面板的“實例名稱”文本框中輸入該實例的名稱，比如“mybutton”，然后打開“組件檢查器”，如圖所示。（3）在時間軸中創(chuàng)建一個新層，用來設(shè)置組件屬性。（4）選擇新層中的任意一幀，打開“動作”面板。（5）在腳本窗格里，輸入下面的語句來指定實例的屬性和值。（6）使用“測試影片”命令，就可以看到組件屬性的改變了，如圖所示。2．更改所有組件設(shè)置樣式利用FlashCS4中_global對象的Style屬性可以更改所有組件的設(shè)置樣式。（1）創(chuàng)建一個新文檔，從組件面板中拖放多個組件到舞臺中，這里用的是Button、CheckBox和RadioButton3個組件。（2）在時間軸中創(chuàng)建一個新層，用來設(shè)置屬性動作。（3）選擇新層中的任意一幀，然后打開“動作”面板。（4）在腳本窗格中輸入語句：_global.style.setStyle("themeColor","0x00CCFF");_global.style.setStyle("fontFamily","Verdana");_global.style.setStyle("fontSize","10");_global.style.setStyle("fontWeight","bold");_global.style.setStyle("color","0x990000");（5）使用“測試影片”命令，就可以看到組件屬性的改變了。如圖所示。這種方法使得場景里的所有組件的外觀保持一致.。3．創(chuàng)建自定義樣式并應(yīng)用到指定的組件實例當(dāng)把組件拖到舞臺場景里便可以利用CSSStyleDeclaration

對象創(chuàng)建一個樣式來改變指定組件的外觀。（1）創(chuàng)建一個新文檔，從組件面板拖Button，CheckBox和RadioButton3個組件到舞臺上。（2）將這3個組件分別命名為CompA、CompB、CompC。（3）在時間軸中創(chuàng)建一個新層，用來設(shè)置組件的屬性動作。（4）選擇新層中的任意一幀，然后打開動作面板。在腳本窗格里輸入下列語句：//創(chuàng)建一個CSSStyleDeclaration對象實例var

styleObj=newmx.styles.CSSStyleDeclaration;//設(shè)置styleName屬性styleObj.styleName="newStyle";//將樣式放到全局樣式列表_global.styles.newStyle=styleObj;//設(shè)置樣式屬性styleObj.fontFamily="Verdana";styleObj.fontSize="10";styleObj.fontWeight="bold";styleObj.color="0x990000";styleObj.setStyl