使用手冊 取消

新增音效效果

  1. Dreamweaver 使用手冊
  2. 簡介
    1. 多方互動網頁設計基本概念
    2. Dreamweaver 的新增功能
    3. 使用 Dreamweaver 開發網頁 - 總覽
    4. Dreamweaver / 常見問題
    5. 鍵盤快速鍵
    6. Dreamweaver 系統需求
    7. 功能摘要
  3. Dreamweaver 和 Creative Cloud
    1. 將 Dreamweaver 設定與 Creative Cloud 同步
    2. Dreamweaver 中的 Creative Cloud Libraries
    3. 在 Dreamweaver 中使用 Photoshop 檔案
    4. 使用 Adobe Animate 和 Dreamweaver
    5. 從資料庫擷取網頁最佳化的 SVG 檔案
  4. Dreamweaver 工作區和檢視
    1. Dreamweaver 工作區
    2. 最佳化視覺開發的 Dreamweaver 工作區
    3. 根據檔案名稱或內容搜尋檔案 | Mac OS
  5. 設定網站
    1. 關於 Dreamweaver 網站
    2. 設定網站的本機版本
    3. 連線到發佈伺服器
    4. 設定測試伺服器
    5. 匯入和匯出 Dreamweaver 網站設定
    6. 將現有網站從遠端伺服器帶入本機網站根目錄
    7. Dreamweaver 中的輔助功能
    8. 進階設定
    9. 設定網站偏好設定以傳送檔案
    10. 在 Dreamweaver 中指定 Proxy 伺服器設定
    11. 將 Dreamweaver 設定與 Creative Cloud 同步
    12. 在 Dreamweaver 中使用 Git
  6. 管理檔案
    1. 建立和開啟檔案
    2. 管理檔案和資料夾
    3. 下載和上傳伺服器檔案
    4. 存回和取出檔案
    5. 同步化檔案
    6. 比較檔案差異
    7. 遮罩 Dreamweaver 網站中的檔案和資料夾
    8. 啟用 Dreamweaver 網站的設計備註
    9. 防止 Gatekeeper 遭到潛在惡意利用
  7. 版面和設計
    1. 使用視覺輔助以配置版面
    2. 關於使用 CSS 配置頁面
    3. 使用 Bootstrap 設計回應式網站
    4. 在 Dreamweaver 中建立及使用媒體查詢
    5. 以表格呈現內容
    6. 顏色
    7. 使用流變格線版面的互動設計
    8. Dreamweaver 中的 Extract
  8. CSS
    1. 了解串接樣式表
    2. 使用 CSS 設計工具配置頁面
    3. 在 Dreamweaver 中使用 CSS 預處理器
    4. 如何在 Dreamweaver 中設定 CSS 樣式偏好設定
    5. 在 Dreamweaver 中移動 CSS 規則
    6. 在 Dreamweaver 中將行內 CSS 轉換為 CSS 規則
    7. 使用 div 標籤
    8. 套用漸層至背景
    9. 在 Dreamweaver 中建立與編輯 CSS3 轉變效果
    10. 格式化程式碼
  9. 頁面內容和資產
    1. 設定頁面屬性
    2. 設定 CSS 標題屬性和 CSS 連結屬性
    3. 處理文字
    4. 尋找和取代文字、標籤和屬性
    5. DOM 面板
    6. 在即時檢視中編輯
    7. 在 Dreamweaver 中進行文件編碼
    8. 在文件視窗中選取並檢視元素
    9. 在屬性檢視窗中設定文字屬性
    10. 檢查網頁拼字
    11. 在 Dreamweaver 中使用水平線
    12. 在 Dreamweaver 中新增和修改字體組合
    13. 使用資源
    14. 在 Dreamweaver 中插入和更新日期
    15. 在 Dreamweaver 中建立和管理最愛資源
    16. 在 Dreamweaver 中插入及編輯影像
    17. 新增媒體物件
    18. 在 Dreamweaver 中加入視訊
    19. 插入 HTML5 視訊
    20. 插入 SWF 檔
    21. 新增音效效果
    22. 在 Dreamweaver 中插入 HTML5 音效
    23. 使用圖庫項目
    24. 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
  10. 連結和導覽
    1. 關於連結和導覽
    2. 連結
    3. 影像地圖
    4. 連結疑難排解
  11. jQuery Widget 和效果
    1. 在 Dreamweaver 中使用 jQuery UI 和 Mobile Widget
    2. 在 Dreamweaver 中使用 jQuery 效果
  12. 撰寫網站程式碼
    1. 關於在 Dreamweaver 中撰寫程式碼
    2. Dreamweaver 的程式碼撰寫環境
    3. 設定程式碼撰寫偏好設定
    4. 自訂程式碼色彩標示
    5. 撰寫和編輯程式碼
    6. 程式碼提示和程式碼完成
    7. 收合和展開程式碼
    8. 利用片段重複使用程式碼
    9. Lint 程式碼
    10. 最佳化程式碼
    11. 在設計檢視中編輯程式碼
    12. 使用頁面的檔頭內容
    13. 在 Dreamweaver 中插入伺服器端包含
    14. 在 Dreamweaver 中使用標籤資料庫
    15. 匯入自訂標籤到 Dreamweaver
    16. 使用 JavaScript 行為 (一般說明)
    17. 套用內建的 JavaScript 行為
    18. 關於 XML 與 XSLT
    19. 在 Dreamweaver 中執行伺服器端 XSL 轉換
    20. 在 Dreamweaver 中執行用戶端 XSL 轉換
    21. 在 Dreamweaver 中新增 XSLT 字元實體
    22. 格式化程式碼
  13. 跨產品工作流程
    1. 安裝與使用 Dreamweaver 的擴充功能
    2. Dreamweaver 中的應用程式內更新
    3. 在 Dreamweaver 中插入 Microsoft Office 文件 (僅適用於 Windows)
    4. 使用 Fireworks 和 Dreamweaver
    5. 使用 Contribute 編輯 Dreamweaver 網站的內容
    6. Dreamweaver-Business Catalyst 整合
    7. 建立個人化的電子郵件行銷活動
  14. 範本
    1. 關於 Dreamweaver 範本
    2. 辨識範本和以範本為架構的文件
    3. 建立 Dreamweaver 範本
    4. 建立範本的可編輯區域
    5. 在 Dreamweaver 中建立重複區域和表格
    6. 使用範本中的選擇性區域
    7. 在 Dreamweaver 中定義可編輯的標籤屬性
    8. 如何在 Dreamweaver 中建立巢狀範本
    9. 編輯、更新和刪除範本
    10. 在 Dreamweaver 中匯出及匯入 XML 內容
    11. 對現有的文件套用或移除範本
    12. 編輯 Dreamweaver 範本的內容
    13. Dreamweaver 中範本標籤的語法規則
    14. 設定範本區域的標示偏好設定
    15. 使用 Dreamweaver 範本的好處
  15. 行動裝置和多螢幕
    1. 建立媒體查詢
    2. 為行動裝置變更頁面方向
    3. 使用 Dreamweaver 為行動裝置建立網頁用程式
  16. 動態網站、網頁和網站表單
    1. 了解網頁用程式
    2. 設定您的電腦以進行應用程式開發
    3. 疑難排解資料庫連線
    4. 在 Dreamweaver 中移除連線 Script
    5. 設計動態網頁
    6. 動態內容來源總覽
    7. 定義動態內容的來源
    8. 將動態內容新增至頁面
    9. 在 Dreamweaver 中變更動態內容
    10. 顯示資料庫記錄
    11. 在 Dreamweaver 中提供即時資料及進行疑難排解
    12. 在 Dreamweaver 中新增自訂伺服器行為
    13. 使用 Dreamweaver 建立表單
    14. 使用表單向使用者收集資訊
    15. 在 Dreamweaver 中建立及啟用 ColdFusion 表單
    16. 建立網站表單
    17. 加強對 HTML5 表單元素的支援
    18. 使用 Dreamweaver 開發表單
  17. 以視覺化方式建立應用程式
    1. 在 Dreamweaver 中建立主要和細節頁面
    2. 建立搜尋及結果頁面
    3. 建立記錄插入頁面
    4. 在 Dreamweaver 中建立更新記錄頁面
    5. 在 Dreamweaver 中建立記錄刪除頁面
    6. 在 Dreamweaver 中使用 ASP 命令修改資料庫
    7. 建立註冊頁面
    8. 建立登入頁面
    9. 建立唯有授權用戶才能存取的頁面
    10. 使用 Dreamweaver 保護 ColdFusion 中的資料夾
    11. 在 Dreamweaver 中使用 ColdFusion 組件
  18. 測試、預覽和發佈網站
    1. 預覽頁面
    2. 在多部裝置上預覽 Dreamweaver 網頁
    3. 測試 Dreamweaver 網站
  19. 疑難排解
    1. 已修正的問題
    2. 已知問題

 

 

請使用本主題,了解如何將音效效果新增至 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. 在「屬性」檢視窗的適當文字方塊中輸入值,或在「文件」視窗中調整外掛程式預留位置的大小,以輸入寬度和高度。

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

更多類似項目

 Adobe

更快、更輕鬆地獲得協助

新的使用者?