到現在為止，還沒有在網頁上播放音樂的標準。
今天，大多數音樂都是透過插件來播放。然而，不同的瀏覽器可能有不同的插件。
HTML5定義了一個新的元素，它規定了一個標準的音頻文件嵌入在網頁上：<audio>元素。

<audio controls>
  <source src="音樂名稱.ogg" type="audio/ogg">
  <source src="音樂名稱.mp3" type="audio/mpeg">
你的瀏覽器不支援此功能。
</audio>
以上為基本的視頻原碼，第二行放ogg音樂，第三行放mp3音樂，第四行放瀏覽器不支援會顯示的內容。
基本上放兩種格式是因為瀏覽器會找自己支援的格式播放，所以格式擺兩種可以支援較多瀏覽器!
因為不同瀏覽器所支援的音樂格式不同，所以需要用多種格式，HTML5音樂格式共3種:MP3、WAV、OGG。

◎<audio>屬性說明：
autoplay="autoplay"：自動播放音樂。
controls="controls"：顯示音樂控制列。
loop="loop"：自動重複播放。
preload="preload"：讀取頁面時自動載入音樂。如果autoplay則沒有作用。
src="(網址)"：指定音樂位置。

瀏覽器 MP3 Wav Ogg Internet Explorer 9+ YES NO NO Chrome 6+ YES YES YES Firefox 3.6+ NO YES YES Safari 5+ YES YES NO Opera 10+ NO YES YES 以上為瀏覽器支援版本。

◎HTML5音頻標籤
標籤 描述 <audio> 定義音樂內容。 <source> 定義多個媒體資源等媒體元素。 資料提供:http://www.w3schools.com/html/html5_audio.asp

Node.js：Gulp 運行 gulp-connect 套件，建立前端開發伺服器（Gulp 大展身手！）
📆 2019-03-25
📁 網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp

CSS:網頁檔簡化，將CSS取出成獨立檔案!
📆 2013-01-01
📁 網站技術, CSS

YOURLS:建立自己的短網址系統
📆 2016-02-27
📁 網站技術, 架站程式

Git 版本控制：「.gitignore」是讓你忽略某些檔案、目錄的設定檔！
📆 2019-10-02
📁 軟體應用, 網站技術, 程式設計

無縮圖

CSS:陰影 box-shadow
📆 2013-01-01
📁 網站技術, CSS

Bootstrap 3.4.1：多彩改良式可折疊面板
📆 2021-10-27
📁 網站技術, HTML, CSS, Bootstrap

Node-RED：將資料寫入至 MSSQL 資料庫中的資料表
📆 2021-12-07
📁 網站技術, 資料庫, 物聯網, Node.js, Node-RED

Git 版本控制：將專案上傳至遠端存放庫（使用 VS Code、GitHub）
📆 2019-09-24
📁 軟體應用, 網站技術, 程式設計