確定您的游標位於要插入音訊的地方。
上次更新時間
2021年4月29日
- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
請閱讀本文，了解如何在 Dreamweaver 網頁中插入 HTML5 音效，並在瀏覽器中預覽音效。
Dreamweaver 可讓您在網頁中插入並預覽 HTML5 音效。HTML5 音訊元素提供將音訊內容嵌入網頁的標準方法。
如需有關 HTML 音訊元素的詳細資訊，請參閱 HTML5 音訊上的文章，網址為 W3schools.com。
插入 HTML5 音效
-
-
選取「插入 > HTML > HTML5 音訊」。音訊檔案隨即插入指定的位置。
-
在屬性檢視窗中，輸入下列資訊：
- 來源/替換來源 1/替換來源 2：在「來源」中，輸入音訊檔案的位置。或者，按一下資料夾圖示，從您的電腦選取音訊檔案。音訊格式的支援會依不同瀏覽器而異。如果「來源」中的音訊格式不受支援，就會使用「替換來源 1」或「替換來源 2」中指定的格式。瀏覽器會選取第一個辨認的格式來顯示音訊。
註解：使用多個選取範圍快速新增視訊到 3 個欄位。當您為資料夾中 1 個相同的視訊選擇 3 個視訊格式時，清單中的第 1 個格式將使用在「來源」。清單中接下來的格式會用來自動填入「替代來源 1」和「替代來源 2」。
瀏覽器
MP3
Wav
Ogg
Internet Explorer 9
是
否
否
Firefox 4.0
否
是
是
Google Chrome 6
是
是
是
Apple Safari 5
是
是
否
Opera 10.6
否
是
是
- 標題：輸入音訊檔案的標題。
- 備用文字：輸入要在不支援 HTML5 的瀏覽器中顯示的文字。
- 控制項：如果您要在 HTML 頁面中顯示「播放」、「暫停」和「靜音」等音效控制項，則選取這個選項。
- 自動播放：如果您希望音效一載入網頁便立即開始播放，請選取這個選項。
- 重複播放音效：如果您希望音效在使用者停止之前不斷地播放，請選取這個選項。
- 靜音：如果您希望在下載後將音效設為靜音，請選取這個選項。
- 預先載入：選取「自動」會在頁面下載時載入整個音訊檔案。選取「中繼資料」會在頁面下載完成之後，僅下載中繼資料。
在瀏覽器中預覽音訊
-
儲存網頁。
-
選取「檔案 > 即時預覽」。選取您要預覽音訊的瀏覽器。
