HTML5學習筆記 音訊

浪花一朵朵發表於2015-06-03

HTML5提供了播放音訊的標準。

Web上的音訊

直到現在,仍然不存在一項旨在網頁上播放音訊的標準。

今天,大多數音訊是通過外掛比如flash來播放的。然而,並非所有的瀏覽器都擁有同樣的外掛。

hmtl5規定了了種通過audio元素來包含音訊的標準方法。

audio元素能夠播放聲音檔案或者音訊流。

音訊格式

當前,audio元素支援三種音訊格式。

如何工作

如需在html5中播放音訊,所有需要的是:

<audio src="song.ogg" controls="controls">
</audio>
control 屬性供新增播放、暫停和音量控制元件
audio與audio之間插入的內容是供不支援audio元素的瀏覽器顯示的:
例項
<audio src="song.ogg" controls="controls" Your browser does not support the audio tag.</autio>
上面的例子使用一個Ogg檔案,適用於firefox,Opera以及Chrome瀏覽器。
要確保適用於Safai瀏覽器,音訊檔案必須是mp3或Wav型別。
audio元素允許多個source元素。source元素可以連結不同的音訊檔案。瀏覽器將使用第一個可識別的格式
例項
<audio controls="controls">
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>

 

相關文章