確定您的游標位於要插入音訊的地方。
上次更新時間
2024年4月25日
請閱讀本文,了解如何在 Dreamweaver 網頁中插入 HTML5 音效,並在瀏覽器中預覽音效。
Dreamweaver 可讓您在網頁中插入並預覽 HTML5 音效。 HTML5 音訊元素提供將音訊內容嵌入網頁的標準方法。
如需 HTML5 音訊元素的詳細資訊,請參閱 W3schools.com 上的 HTML5 音訊文章。
插入 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 頁面中顯示「播放」、「暫停」和「靜音」等音訊控制項,則選取這個選項。
- 自動播放:如果您希望音訊一載入網頁便立即開始播放,請選取這個選項。
- 重複播放音訊:如果您希望音訊在使用者停止之前不斷地播放,請選取這個選項。
- 靜音:如果您希望在下載後將音訊設為靜音,請選取這個選項。
- 預先載入:選取「自動」會在頁面下載時載入整個音訊檔案。 選取「中繼資料」會在頁面下載完成之後,僅下載中繼資料。
在瀏覽器中預覽音訊
儲存網頁。
選取「檔案 > 即時預覽」。 選取您要預覽音訊的瀏覽器。