當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

074_html5音频

發(fā)布時(shí)間：2025/4/17 编程问答 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 074_html5音频小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1. html5提供了播放音頻的標(biāo)準(zhǔn)。

2. Web上的音頻

2.1. 直到現(xiàn)在, 仍然不存在一項(xiàng)旨在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn)。

2.2. 今天, 大多數(shù)音頻是通過插件(比如 Flash)來播放的。然而, 并非所有瀏覽器都擁有同樣的插件。

2.3. html5規(guī)定了一種通過audio元素來包含音頻的標(biāo)準(zhǔn)方法。

2.4. audio元素能夠播放聲音文件或者音頻流。

3. 音頻格式

3.1. 當(dāng)前, audio元素支持三種音頻格式:

4. <audio>標(biāo)簽的屬性

5. 如何工作

5.1. 如需在html5中播放音頻, 您所有需要的是:

5.2. control屬性供添加播放、暫停和音量控件。

5.3. <audio>與</audio>之間插入的內(nèi)容是供不支持audio元素的瀏覽器顯示的:

<audio src="song.ogg" controls="controls">Your browser does not support the audio tag. </audio>

5.4. 上面的例子使用一個(gè)Ogg文件, 適用于Firefox、Chrome瀏覽器。要確保適用于Safari瀏覽器, 音頻文件必須是MP3或Wav類型。audio元素允許多個(gè)source元素。source元素可以鏈接不同的音頻文件。瀏覽器將使用第一個(gè)可識(shí)別的格式:

<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. 效果圖

總結(jié)

以上是生活随笔為你收集整理的074_html5音频的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。

音频