用Dreamweaver打造個人化Flash播放介面

來源:互聯網
上載者:User

  目前大部分 Flash 播放器都是在 Flash 軟體中製作完成的,雖然使用者可以利用 Flash 提供的播放器模板輕鬆製作播放器,但是對於大型 Flash 網站來說,這種方法顯然不能滿足其更新資料的要求。要想解決這個問題,就需要製作一個網頁播放器模板,這樣在插入 Flash 之後,便可以實現對 Flash 的播放控制了。

  效果說明

  開啟網頁時,會出現類似 Flash 播放器的介面,該介面有 4 個按鈕,分別是“播放”、“暫停”、“快進”和“後退”。使用者只要單擊某個按鈕,就可以實現相應的功能。本例效果如圖 51-1 所示。

  創作思想

  利用 Dreamweaver MX 2004 行為面板提供的“控制 Shockwave 或 Flash ”功能,來控制 Flash 的播放。

  操作步驟

  ( 1 )插入 Flash 檔案。建立一個 HTML 檔案,然後插入已經製作好的播放器介面圖片。依次單擊主菜單中的【插入】 | 【媒體】 | 【 Flash 】命令,然後在彈出的【選擇檔案】視窗中選中 Flash 檔案,單擊【確定】按鈕,如圖 51-2 所示。

  ( 2 )設定 Flash 檔案。插入 Flash 檔案後,按下 Ctrl+F3 鍵開啟【屬性】面板,然後在【 Flash 】名稱輸入框中鍵入“ Flash ”,最後設定 Flash 檔案的寬和高,如圖 51-3 所示。

  ( 3 )切換到設計檢視,選中底部的播放控製圖片,然後在屬性面板中單擊【地圖】項裡的 按鈕,分別對準播放控製圖片進行勾繪。為了使勾繪更加精確,單擊屬性面板中的 按鈕,對熱區進行調整,結果如圖 51-4 所示。

  ( 4 )設定 Flash 播放控制。選中“播放”圖片,然後同步選取 Shift+F4 鍵開啟行為面板。單擊 按鈕,在彈出的捷徑功能表中選擇【控制 Shockwave 或 Flash 】選項,接著在彈出的【控制 Shockwave 或 Flash 】設定視窗中單擊選擇【播放】選項,具體操作如圖 51-5 所示。

  ( 5 )設定作業按鈕。同樣,在【控制 Shockwave 或 Flash 】視窗中分別設定【停止】、【後退】和【快進】 3 個按鈕的行為,具體設定如圖 51-6 、圖 51-7 和圖 51-8 所示。

  ( 6 )設定單擊屬性。按下 F9 鍵開啟【屬性】面板。由於行為預設的滑鼠屬性是“ OnMouseOver ”,因此這裡要將單擊屬性更改為【 OnClick 】,如圖 51-9 所示。

  ( 7 )至此,本執行個體操作完畢。

  在這個案例中,只用了幾個簡單的按鈕來控制 Flash 的播放,在熟悉了這幾個按鈕的使用後,讀者可以自行加入更多的控制按鈕,從而使得播放器的功能更加強大。

        :更多精彩教程請關注三聯網頁設計教程 欄目,

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。