1、音樂欣賞的多媒體實例要求：1、 提交A7P源文件；2、 打包編譯后的可運行文件（含系統支持文件）壓縮后用“學號+姓名”方式命名；3、 所有模塊都需完成，系統打包后能完全正常運行占70%、界面及圖片占30%。4、 該實作須2014年1月5日前交。5、 界面大小、圖片樣式自選，但不能用系統自帶界面、圖片而不做修改。6、 首頁需要照片和姓名簡要說明；7、 該實作一律交課代表處。它用戶界面如圖1所示。圖1主界面本實例一共有四大模塊，界面左側四個圖標為按鈕，分別點擊后可進入作品賞析、作曲家傳、音樂欣賞和視頻精選四個分界面。一、主界面制作步驟1：創建新文件我們可以從File菜單中選取New命令，也可以單擊

2、工具欄中的按鈕。Authorware將彈出一個名"Untitled"的設計窗口，如圖2所示。圖2 只有流程線的設計窗口相關知識：顯示圖標：負責顯示文字或圖片對象，即可從外部導入，也可使用內部提供的“圖形工具箱”創建文本或繪制簡單的圖形。移動圖標：可以移動顯示對象以產生特殊的動畫效果，共有五種移動方式可供選擇。擦除圖標：可以用各種效果擦除顯示在展示窗口中的任何對象。等待圖標：用于設置一段等待的時間，也可等操作人按鍵或單擊鼠標才繼續運行程序。導航圖標：當程序運行到此處時，會自動跳轉到其指向的位置?？蚣軋D標：為程序建立一個可以前后翻頁的控制框架，配合導航圖標可編輯超文本文件。決策

3、圖標：實現程序中的循環，可以用來設置一種判定邏輯結構。交互圖標：可輕易實現各種交互功能，是Authorware最有價值的部分，共提供十一種交互方式。計算圖標：執行數學運算和Authorware程序，例如，給變量賦值、執行系統函數等，利用計算圖標可增強多媒體編輯的彈性。映射圖標：在流程線中能放置的圖標數有限，利用它可以將一組設計圖標合成一個復合圖標，方便管理。電影圖標：在程序中插入數字化電影文件（包括*.avi,*.flc,*.dir,*.mov,*.mpeg等），并對電影文件進行播放控制。聲音圖標：用于在多媒體應用程序中引入音樂及音效，并能與移動圖標、電影圖標并行，可以做成演示配音。視頻圖標：

4、控制外部影碟機，目前我們很少會用到這項功能。標志旗：用來調試程序。白旗插在程序開始地方，黑旗插在結束處。這樣可以對流程中的某一段程序進行調試。標志色：在程序的設計過程中，可以用來為流程線上的設計圖標著色，以區分不同區域的圖標。     步驟2：設置窗口屬性從菜單中選擇Modify>File>Properties命令來設置屬性控制窗口，根據目前多數電腦的配置，一般把size（窗口）大小設置為800X600（SVGA）。如圖4所示。圖4 屬性窗口中Playback選項在屬性窗口中，有三個標簽選項，這里先將Playback項簡單的介紹一下

5、。· 標題欄:默認的是Untitled，我們可將其改為一個有意義的名字，比如“音樂欣賞”。· Colors(顏色):可分別設定背景色和色度鍵（如果電腦中有視頻卡，并在屏幕上播放模擬視頻時，它將映象到一個指定的色度鍵，目前很少用），背景色缺省色是白色，我們可以將其改為調色板中的任意一種顏色。· Size(全屏幕尺寸)：選擇時要考慮顯示器的配置，現在購置的電腦都支持800X600（SVGA）模式，如果希望在老爺電腦上能全屏播放，可選600X480(VGA,Mac13")。· Center on Screen(屏幕中間顯示):如果你的作品為800X6

6、00，而播放電腦的分辯率為1024X786,勾選它就能使作品出現在屏幕中央。· Title Bar(標題條)：如果展示窗比電腦屏幕小的話，就能自動出現一個標題欄，用戶可以拖動標題欄來移動展示窗。· Menu Bar(菜單條)：在作品的左上角會出現一個名為File的用戶菜單，在File菜單下為一個“Quit（退出）”命令，它的出現可能會影響畫面的視覺效果，如果要做比較專業的作品就不選。· Task Bar(任務欄):如果勾選，將會顯示視窗系統下方的任務欄（同時作品的這部分將被任務欄遮?。?，任務欄包含一些已打開的窗口圖標，通過它可方便的在各窗口之間切換。如果不勾選，任

7、務欄將不會出現，這樣的好處是保持作品的完整顯示。· Overlay Bar(覆蓋菜單欄)：選中后位于展示窗頂部，將有20個象素的的畫面不會被顯示。· Match Window Colour(匹配Window顏色)：這一選擇將使你設定的背景顏色不起作用。· Standard Appearance(標準外觀)：勾選此項可使用戶覆蓋Authorware對所有系統按鈕和對象的默認設置。· Window3.1Metrics(Window3.1計量)：目前還在用Window3.1的電腦一般不具多媒體功能，所以不需考慮。步驟3：加入背景拖動一個顯示圖標到流程線上，并命

8、名為“背景”，雙擊該圖標進入編輯狀態，選擇File菜單下的Import命令導入一張分辨率為800X600的圖片，如圖5所示。圖5導入圖片勾選Link To File(鏈接文件)，圖片將與程序建立鏈接關系而不會加入程序中，為了便于管理和打包發行，我們可在放打包程序的文件夾中建立放圖片的子目錄；不勾選Link To File，圖片將會成為程序的內部文件，在打包文件中我們就找不到原圖片了。步驟4：制作交互按鈕拖動一個交互圖標到流程線上，命名為“主界面”，因為我們這個應用程序一共有四個模塊，所以我們就拖動四個映射圖標到“主界面”圖標的右下側，在拖入第一個映射圖標時，將彈出“Repones Type”對

9、話框，如圖6所示。圖6 選擇響應類型我們選中“Button”單選框，單擊“OK”。接下來分別把這幾個映射圖標命名為“作品賞析、作曲家傳、音樂欣賞、視頻精選”，這里需要提醒一下，在做程序時應經常保存文件，以免自己的創作成果因電腦故障而消失得無影無蹤，相信每一個創作都會痛述Authorware沒有自動保存功能！在第一次保存文件時可將順便將程序命名為“音樂欣賞”，如圖7所示。圖7主界面流程線相關知識：多媒體具有交互性，可實現作品的人機對話，這是傳統媒體所不具備的特點，也是的多媒體作品大受歡迎的原因。Authorware 5.1共有十一種交互方式，可方便地實現各種交互，下面分別介紹，參見圖6。

10、3; Button(按鈕)：選中它系統將會提供各種標準按鈕，可設置按鈕的大小與位置，也可自定義按鈕以使畫面協調（就象本例所做的）。當用戶在展示窗口單擊按鈕時，作品將會執行此按鈕下面的分支。· Hot Spot（熱區）：可在展示窗口創建不可見區域，通過設置可讓用戶在區域內通過單擊、雙擊或將鼠標放入來產生交互。· Hot Object（熱對象）：是一種起按鈕作用的圖形對象，如果用戶在透明區域點擊（如圓環的中心），將不會產生交互。· Target Area（目標區域）：可以定義需要移到特定區域的對象，當用戶把對象移動到指定區域時執行交互。· Pull-down

11、 Menu（下拉菜單）：可自動在作品的左上創建一個標題，該標題包含下拉菜單，當用戶點擊某項時，程序將執行選項下的分支。· Conditional（條件）：當指定條件成立時，可使程序執行Conditional圖標下的分支。· Text Entry（文本登錄）：可創建一個用戶能輸入字符或數字的區域，當匹配時程序執行下一分支。· Keypress（按鍵）：可定義的特定的鍵，當用戶按下了所選擇的鍵，程序執行下一分支。· Tries Limit（嘗試限制）：當用戶與當前交互已經進行了特定次數時，執行此分支。· Time Limit（時間限制）：當用戶與當

12、前交互已經進行了特定時間時，執行此分支。· Event（事件）：當指定事件成立時，可使程序執行特定的分支。一般與ActiveX及Xtras配合使用。當第一次把響應路徑放在交互圖標右側時，我們在“ReponesType”對話框中選擇的響應類型，就會成為以后放置響應路徑的默認類型，要想改變某個響應類型，可在流程線上雙擊它，然后在打開的“Properties：Repones”對話框（參見圖9）中點Type下拉菜單，從列表中另選一種交互方式。步驟5：定做按鈕首先制作幾張與背景風格一致的按鈕圖片。注意，每一個按鈕需要兩張以上內容略有差別的圖片，只有這樣才能體現按鈕的動感。我們將制作的幾組圖片分

13、別保存，以供制作按鈕時調用，如圖8所示。圖8制作八個按鈕圖片注：制作按鈕圖形可用Photoshop或Fireworks等圖象處理軟件，其使用方法請參考相關資料。下面我們雙擊“作品賞析”映射圖標上的按鈕圖標，彈出“Properties：Repones”對話框，如圖9所示。圖9按鈕響應對話框為了有良好的視覺效果，我們希望每當用戶的鼠標移到按鈕都會改變形狀，以提醒此處可做交互控制。但在Authorware中默認的鼠標是不會改變形狀的，重新設置方法是點Cursor項右邊的按鈕，在彈出的對話框中單擊所需要的鼠標形狀，然后點OK確定，如圖10所示。圖10選擇鼠標形狀 現在回到按鈕響應對話框（見圖

14、9），單擊“Button”按鈕，彈出按鈕對話框。因為我們不用系統提供的按鈕，所以點擊“Add”，如圖11所示。圖11 按鈕選擇框這時彈出按鈕編輯窗口，單擊左上角Normal欄的Up狀態項，開始設置按鈕彈起時的狀態，單擊raphic欄右邊的“Imort”按鈕，彈出“Import which file”對話框，選擇前面我們制作好的按鈕圖片，圖片被加入到編輯器中，如圖12所示。圖12 按鈕編輯器制作按鈕按下時的狀態，先單擊左上角Normal欄的Down狀態項，再選擇raphic欄右邊“Imort”按鈕，導入相應圖片即可。與之相類似，我們還可制作Over、Disabled狀態下顯示的圖片。重復以上操作

15、，創建其它的按鈕。OK！這樣，我們就擁有一組屬于自己的按鈕。注意，我們也可以為按鈕的每種狀態添加上指定的音效，點Sound欄右邊的“Import”按鈕，導入按鍵效果音響。到這里為止，完成了“音樂欣賞”主界面的制作。由于還沒有制作分界面，所以點擊左側的按鈕畫面不會發生跳轉，這次我們就講解其中兩個模塊的設計步驟。模塊一、“作品賞析”部分內容的制作步驟1：導入背景圖片雙擊“作品賞析”組圖標進入下一層設計窗口，拖動一個顯示圖標到流程線上，命名為“背景-作品欣賞”，雙擊打開，導入圖片（即圖3的背景）。步驟2：建立分界面根據腳本設計，我們又把“作品欣賞”分為“創作過程”、“作品簡介”、“分段賞析”和“音樂

16、知識”四個模塊，這樣首先拖一個交互圖標到流程線上命名為“作品欣賞”，然后再拖動四個組圖標到“作品欣賞”的右側，分別命名為“創作經過”、“作品簡介”、“分段賞析”和“音樂知識”。為了能方便的回到主界面，要另加一個“返回”按鈕，流程線如圖2所示。圖2作品賞析流程線為了有效好的視覺效果，需要定做五個按鈕，方法請參照上期的相關內容，“作品賞析”界面如圖3所示。 圖3分界面作品賞析我們接下來講解“創作過程”模塊的制作，這部分能實現的效果是：在作品賞析界面點擊“創作過程”按鈕，會出現一個顯示面板，在上面演示滾動的字幕并播放音樂，鼠標單擊畫面則回到“作品賞析”界面。步驟3：導入顯示面板雙擊“創作過

17、程”組圖標，進入第三層設計窗口，在流程線上放置一個顯示圖標，命名為“背景-創作經過”，雙擊打開，導入背景圖片，如圖4所示。圖4創作經過背景面板步驟4：制作遮罩為了讓下面將制作的滾動字幕出現在面板的的“顯示區”（即顏色淡的區域），就需要制作遮罩，方法是：在“背景-創作經過”圖標下面放一個顯示圖標，命名為“背景-遮罩”，按Shift鍵雙擊圖標，就能打開包含前一個背景圖片的展示窗，導入上下兩個做遮罩的圖片（可從背景圖片上截?。⒁馀c背景圖片對齊，如圖5所示。圖5導入遮罩為了讓遮罩出現在背景的上層，按Ctrl+I打開圖標屬性對話框，將Layer（層）設為1，如圖6所示。圖6設置遮罩的層步驟5：加入音

18、樂在流程線上放置一聲音圖標，命名為“藍色多瑙河音樂”，雙擊打開，單擊“Import”按鈕，導入一段錄音文件，從“Concurrency”的下拉菜單中選取“Concurrency”（同步）選項，其它設置如圖7所示。圖7聲音屬性窗口步驟6：輸入文字在流程線上放置顯示圖標，命名為“藍色多瑙河”，雙擊打開，選擇文字工具，輸入一段對“藍色多瑙河”的介紹文字。步驟7：滾動文字拖動一個移動圖標到流程線上，命名為“移動”，按“Shift”鍵再雙擊打開“移動”圖標，選中我們剛輸入的那一段文字，這時在對話框的左上角會出現我們選中的對象微縮圖，表明我們已選中了文字。從“Type”（類型）中選擇“Direct to

19、Line”，如圖8所示。圖8 移動屬性窗口現在我們可以將文字向上移動至適當位置，做為運動的終點，運動的起點就是我們在顯示圖標“藍色多瑙河”中設置的位置，我們可打開圖標“藍色多瑙河”將文字調整到屏幕的下方，點按鈕Preview可預覽效果，如圖9所示。圖9 演示滾動的文字步驟8：退出分支拖一個等待圖標放在流程線上，雙擊等待圖標，在等待屬性窗口中勾選鼠標點擊及按鍵事例，這樣我們按任意鍵或在顯示窗中點擊鼠標時，都會使程序向下運行，如圖10所示。圖10 設置等待屬性最后在流程線上再放一個計算圖標，命名為“exit”，雙擊計算圖標，在打開的窗口中輸入GoTo(IconID“背景-作品欣賞”)，這是一個系統

20、函數，程序運行到“exit”時，就會自動跳轉到顯示圖標“背景-作品欣賞”上（即圖3所示的作品賞析界面），全部分支流程線如圖11所示。圖11 “創作過程”流程線模塊二、“視頻精選”的內容制作現在開始“視頻精選”這一分支模塊的設計方法。設計好流程線如圖12所示。圖12 “視頻精選”流程線步驟1：在顯示圖標“背景-視頻”中加入背景圖片，如圖13所示。圖13 視頻精選背景面板步驟2：在“背景-視頻遮罩”中（即長條的兩端）加入遮罩圖片。步驟3：在“圓舞曲簡介”圖標中加入文字。由于這幾步與上面的步驟3、4、6類似，就簡單略過。這里重點講述加載電影及字幕的同步播放。步驟4： 加載電影雙擊流程線上的“電影”圖

21、標，彈出“Movie Icon”對話框，單擊“Import”按鈕，彈出“Import Which File”對話框，如圖13所示。圖14 導入視頻文件選取我們所需加載的數字化電影文件（Authorware 支持的數字化電影包括MPEG、Director、Flc/Fli、Bitmap Sequencce、QuickTime以及Video for Windows類型的文件），勾選對話框中的“Show Preview”復選框，則可以預覽電影文件。 單擊“Import”按鈕，返回“Movie Icon”對話框，如圖15所示。圖15 電影屬性對話框Movie選項在對話框左上角有一組按鈕，單擊可控制展示窗

22、的視頻播放，這四個按鈕的作用分別是：終止正在播放的電影；開始播放；進行單幀播放；返回至前一幀。在屬性窗口，有三個標簽選項，這里先將Movie項簡單的介紹一下。· File(文件)：顯示電影的路徑及文件名· storage（保存方式）：一般AVI,MOV,DIR等作為外部文件，FLC等作為內部文件。· Mode（模式）：對于AVI,MOV電影，此項不能激活，而對FLC/FLI及PICS數字化電影有效。打開Mode的下拉列表，共有四種模式：o Opaque（不透明）：播放畫面將全部覆蓋其下面的對象。o Matted（褪光）：將使播放區下面的對象中不可見的像素點轉換成透

23、明的顏色顯示。o Transparent（透明）：將使數字化電影畫面中以透明顏色顯示的像素點變得不可見，因此在這些像素點的位置上將顯示出其下面對象在該位置上的像素點，從而生成一種透明效果。o Inverse（反轉）：數字化電影畫面的像素點顏色將變成它下面的對象像素點的顏色，從而生成一種反色效果。· Option(選項)：包括防止自動擦除（prevent Automatic Erase），播放音頻（Audio On）等選項。在電影屬性窗口按標簽Timing，出現切換后的對話框，在Concurrency下拉菜單上選取“Concurrent”選項，其它設置保持默認值，點OK電影加載完畢，如

24、圖16所示。圖16 電影屬性對話框Timing選項在此對話框中，我們還應了解下面內容。Concurrency（并行）：此選項決定電影播放時后面的圖標的該干什么，有三個選項。· Wait Until Done(等候到完成)：使下一個圖標直到電影播放完成后才能運行。· Concurrent（同步）：作用是當程序播放電影的同時繼續執行下面的圖標。· Perpetual(永遠)：只要給定的條件成立，就可運行后面的程序。Play（播放）：在其下拉框中有三種選擇：· Fixed Number of Times（固定次數）：播放的次數由下行的正文輸入框中的數字決定。&

25、#183; Repeately（重復）：可以選擇重復播放。· Until True（條件為直）：則在下行的正文輸入框中值為TRUE時開始播放。在Rate區的正文輸入框內可以輸入播放電影的速率，單位是每秒播放的幀數，一般按正常播放電影的速率播放，即每秒24-30幀，如果該輸入框不輸入任何數值，將保持原文件設定的隱含的播放速率。在Star Frame和End Frame區的正文輸入框中可設置起始與結束的幀數。技巧：如果發現電影在背景圖片上的過大或過小，可打開控制面板，先點Play(播放)按鈕，運行電影圖標，再點Pause（暫停）按鈕，然后我們就可用鼠標拖動電影四周的小方框，調整電影的尺寸

26、。步驟5：字幕的同步播放在流程線上雙擊移動圖標“移動簡介”，進入Movie Icon對話框，從“Type”區的下拉菜單中選定“Direct to Point”，從“Concurrency”區的下拉菜單上選取“Concurrent”選項，單擊顯示窗口中的文字作為移動對象，用鼠標將文字向左拖向最終目標位置，對話框設置如圖17所示。圖17 移動屬性窗口技巧：為了讓字幕與電影同步播放，我們可在保存電影的文件夾中找到被調用的電影文件，點鼠標右鍵，在彈出的下拉菜單中選屬性，然后在出現的面板中選詳細資料，其中就有媒體長度（即電影播放時間），將它作為字幕運行時間，填在Timing下面（參見圖17），就OK了。

27、步驟6：退出分支，設置等待及返回圖標，方法同“作品賞析”中的步驟8相同?，F在我們可以演示這段效果：按快捷鍵Ctrl+P，出現如圖1所示的主界面，點按鈕“視頻精選”，就出現如圖18所示的效果。圖18 播放視頻與顯示動態字幕我們可以看到電影在播放的同時，下方長條中的文字正不斷從右向左移動，模塊三、退出分支現在將要制作退出分支，它的效果是：當我們點擊主界面右下角的退出按鈕時，將彈出一個對話框來，要求我們選擇是否退出系統演示，點“是”將運行退出模塊，點“否”程序就回到主界面。步驟1：首先，我們制作一個退出對話框和三組按鈕“退出”、“是”和“否”，如圖1所示。圖1準備好圖片步驟2：回到主流程線，拖一個組

28、圖標到交互圖標中，命名為“退出”，如圖2所示。圖2加上“退出”組圖標后的主流程線 步驟3：雙擊“退出”組圖標上的按鈕圖標，彈出“Properties：Repones”對話框， 點Cursor項右邊的按鈕，在彈出的對話框中單擊所需要的鼠標形狀，然后點OK確定，回到按鈕響應對話框，單擊“Button”按鈕，彈出按鈕對話框。因為我們不用系統提供的按鈕，所以點擊“Add”，這時彈出按鈕編輯窗口，單擊左上角Normal欄的Up狀態項，開始設置按鈕彈起時的狀態，單擊raphic欄右邊的“Imort”按鈕，彈出“Import which file”對話框，選擇前面我們制作好的按鈕圖片，圖片被加入到

29、編輯器中；再單擊Over狀態項，用同樣方法導入當鼠標指向按鈕時的圖片，如圖3所示。圖3 按鈕編輯器我們還可以為按鈕的每種狀態添加上指定的音效，點Sound欄右邊的“Imort”按鈕，導入按鍵效果音響。步驟4：在主界面，用鼠標將“退出”按鈕移到右下角，如圖4所示。圖4定位退出按鈕步驟5：在主流程線上雙擊“退出”組圖標，打開“退出”分支流程線，在資源管理器中找到前面制作好的“退出對話框”圖片，將它拖到流程線上，圖片會自動加到流程線上并出現顯示圖標，將圖標改名為“背景-退出”。 然后拖動一個交互圖標到流程線上來，命名為“退出”，再拖動兩個組圖標到交互圖標的右側，選擇按鈕交互方式，并分別命名為“是”和

30、“否”，如圖5所示。圖5建立“退出”分支步驟6：將“是”和“否”按鈕定義成前面準備好的圖片，方法參見步驟3，然后把兩個按鈕移到對話框背景的適當位置，如圖6所示。圖6定位按鈕步驟7：我們先拖動一個框架圖標到“退出”交互圖標的下面，命名為“是？”。雙擊框架圖標，打開分支，刪除當前層中所有的圖標。拖動一個組圖標到“是？”框架圖標的右側，命名為“名單”，如圖7所示。圖7“退出”模塊的流程線在此圖標中我們可以放置制作該作品的演員名單，就象一部電影的片尾一樣。這個效果我們在下面將會講解。步驟8：下面我們再回到“退出”交互圖標右側的“是”組圖標，雙擊“是”，打開該組圖標，拖動一個導航圖標到流程線上，如圖8所示。圖8 拖入導航圖標雙擊導航圖標，出現屬性對話框，選中例表框中的“名單”，會發現該圖標自動命名為：Navigate To"名單"，單擊OK按鈕，如圖9所示圖9 跳轉目標的選擇步驟9：我們再來編輯“否”按鈕的交互，雙擊“否”圖標，再拖動一個計算圖標到流程線上，雙擊打開，輸入“GoTo(IconID"主界面")”即可。Goto語句是Authorware中Jump類函數，作用是跳轉到指定的圖標并從該圖標處繼續顯示。但在多數情況下我們最好用導航圖標替代GoTo語句，這樣更方便可靠。這樣，當我們點按“