074_html5音频
生活随笔
收集整理的這篇文章主要介紹了
074_html5音频
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1. html5提供了播放音頻的標準。
2. Web上的音頻
2.1. 直到現在, 仍然不存在一項旨在網頁上播放音頻的標準。
2.2. 今天, 大多數音頻是通過插件(比如 Flash)來播放的。然而, 并非所有瀏覽器都擁有同樣的插件。
2.3. html5規定了一種通過audio元素來包含音頻的標準方法。
2.4. audio元素能夠播放聲音文件或者音頻流。
3. 音頻格式
3.1. 當前, audio元素支持三種音頻格式:
4. <audio>標簽的屬性
5. 如何工作
5.1. 如需在html5中播放音頻, 您所有需要的是:
<audio src="song.ogg" controls="controls"></audio>5.2. control屬性供添加播放、暫停和音量控件。
5.3. <audio>與</audio>之間插入的內容是供不支持audio元素的瀏覽器顯示的:
<audio src="song.ogg" controls="controls">Your browser does not support the audio tag. </audio>5.4. 上面的例子使用一個Ogg文件, 適用于Firefox、Chrome瀏覽器。要確保適用于Safari瀏覽器, 音頻文件必須是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>6. 例子
6.1. 代碼
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>html音頻</title></head><body><audio controls="controls"><source src="song.ogg" type="audio/ogg" /><source src="song.mp3" type="audio/mpeg" />Your browser does not support the audio element.</audio></body> </html>6.2. 效果圖
總結
以上是生活随笔為你收集整理的074_html5音频的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 073_html5视频
- 下一篇： 077_html5拖放