請使用本主題,了解如何將音效效果新增至 Dreamweaver 網頁和支援的音效檔案格式。

您可以在網頁中加入音效。音效檔和格式有好幾種不同的類型,包括 .wav、.midi 和 .mp3。決定新增音效格式和方法之前,必須先考量以下因素:目的、訴求對象、檔案大小、音效品質以及瀏覽器的差異。

註解:

不同的瀏覽器處理音效檔的方式各有不同,彼此也不一致。您或許可以將音效檔新增到 SWF 檔,然後再嵌入 SWF 檔以增進一致性。

下列清單描述較常見的音效檔格式,以及在網頁設計上的一些優點和缺點。

.midi 或 .mid (Musical Instrument Digital Interface)

此格式適用於樂器演奏的音樂。 許多瀏覽器都支援 MIDI 檔,而且不需要外掛程式。雖然這種檔案的音效品質非常好,不過這得視瀏覽者的音效卡而定,其效果不盡相同。一個小小的 MIDI 檔可以提供很長的音效片段。MIDI 檔案不能夠錄音,而且必須用特殊的硬體和軟體在電腦上合成。

.wav (Waveform Extension)

這些檔案具有很好的音效品質,且大部分瀏覽器都支援,同時也不需要外掛程式。 您可以從 CD、錄音帶、麥克風等錄製自己的 WAV 檔案。但是這種檔案太大,會嚴重限制可以在網頁上使用的音效片段之長度。

.aif (Audio Interchange File Format,AIFF)

AIFF 格式和 WAV 格式一樣,擁有很好的音效品質,大部分瀏覽器都能播放,而且不需要外掛程式。您也可以從 CD、錄音帶、麥克風等來錄製 AIFF 檔案。 但是這種檔案太大,會嚴重限制可以在網頁上使用的音效片段之長度。

.mp3 (Motion Picture Experts Group Audio,MPEG-Audio Layer-3)

讓音效檔變得很小的壓縮格式。音效品質非常好:MP3 檔案如果經過適當錄製和壓縮,品質可與 CD 媲美。 MP3 技術讓您可以用「串流」方式處理檔案,因此瀏覽者不需要等到整個檔案下載之後就能聽到音樂。 但是,這種檔案大小會比 Real Audio 檔案來得大,所以在一般的撥接 (電話線) 數據機連線上仍然要花相當長的時間才能下載整首歌曲。若要播放 MP3 檔案,瀏覽者必須下載和安裝輔助工具應用程式或外掛程式,例如 QuickTime、Windows Media Player 或 RealPlayer。

.ra、.ram、.rpm 或 Real Audio

格式壓縮程度非常高,所以檔案大小比 MP3 更小。整首歌曲在短時間內就可以下載完畢。 由於一般網路伺服器可以用「串流」方式處理這種檔案,所以瀏覽者在檔案完全下載之前就可以收聽音樂。瀏覽者必須下載和安裝 RealPlayer 輔助工具應用程式或外掛程式,才能播放這些檔案。

.qt、.qtm、.mov 或 QuickTime

此格式是 Apple Computer 開發的音訊及視訊格式。QuickTime 是隨附在 Apple Macintosh 作業系統中,是用在大部分使用音效、影片或動畫的 Macintosh 應用程式上。PC 也可以撥放 QuickTime 格式的檔案,不過需要特殊的 QuickTime 驅動程式。QuickTime 支援大部分的編碼格式,包括 Cinepak、JPEG 和 MPEG。

註解:

除了上述所列的常用格式之外,網頁上還可以使用許多不同的音訊和視訊檔案格式。如果您遇到不熟悉的媒體檔案格式,請尋找該格式的建立廠商,以獲得如何使用及部署該格式的最佳方式資訊。

連結到音效檔,是新增音效到網頁的一種簡單而有效的方式。這種整合音效檔案的方法,可以讓瀏覽者選擇是否要聽這個檔案,也可以讓檔案供更多瀏覽者使用。

  1. 選取您要用做音效檔連結的文字或影像。
  2. 在「屬性」檢視窗中,按一下「連結」文字方塊旁的資料夾圖示來瀏覽音效檔,或在「連結」文字方塊中鍵入檔案的路徑和名稱。

嵌入音效檔

嵌入音效會直接將聲音包含在網頁中,但是網頁瀏覽者必須擁有所選取音效檔的正確外掛程式,才能播放這個音效。如果您要使用音效做為背景音樂,或是想要控制音量、頁面上播放器的外觀,或是音效檔的開始和結束點,請嵌入檔案。

註解:

當您將音效檔包含在網頁中時,請審慎考量其在網站中的適當使用方式,以及您的網站瀏覽者會如何使用這些媒體資源。請一定要提供啟用或停用音效播放的控制項,因為網頁瀏覽者也許不想要聆聽音效內容。

  1. 在「設計」檢視中,將插入點置於您要嵌入檔案的位置,然後執行下列其中一項作業:
    • 在「插入」面板的「HTML」類別中,從彈出式選單中選取「外掛程式」圖示 

    • 選取「插入 > HTML > 外掛程式」。

  2. 瀏覽音訊檔案,然後按一下「確定」。
  3. 在「屬性」檢視窗的適當文字方塊中輸入值,或在「文件」視窗中調整外掛程式預留位置的大小,以輸入寬度和高度。

    這些值會決定瀏覽器中所顯示音效控制項的大小。

此産品由 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 授權  Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

法律說明   |   線上隱私權政策