HTML5音樂

2013/01/01 45 網站技術 , HTML

到現在為止,還沒有在網頁上播放音樂的標準。
今天,大多數音樂都是透過插件來播放。然而,不同的瀏覽器可能有不同的插件。
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

贊助廣告 ‧ Sponsor advertisements
徵信社服務電話| 外遇疑雲| 阿宅來說徵信社故事| 如何手機監聽| 徵信社電話幾號| 徵信價目表費用| 抓姦在床蒐證| 台北立達徵信社| 免費法律諮詢專線| 馭夫術手段| 設計離婚服務| 男友感情挽回| 包二奶氾濫| 抓小三蒐證| 反跟蹤可行嗎| 尋人查址高手| 夫妻協議離婚| 委託外遇蒐證| 丈夫外遇偷腥| 名人外遇新聞| 立案專業徵信社| 婚前調查協助| 離婚扶養費| 汽車定位追蹤| 危險徵信社任務| 免費法律諮詢| 國際徵信公司|
【業界首推立達徵信FB