到目前為止,網(wǎng)站依然不存在一項能夠在網(wǎng)頁上播放音頻的標(biāo)準(zhǔn),很多的音頻都是通過flash等插件來播放的,但是并不是所有的瀏覽器都支持這樣的插件,很多的瀏覽器甚至已經(jīng)屏蔽了flash等插件,HTML5的誕生規(guī)定了一種通過audio元素的來包含音頻的方法,解決了網(wǎng)頁播放聲音文件的問題。
當(dāng)前,audio元素所支持的音頻格式有三種,一級響應(yīng)的瀏覽器支持問題如下圖:
怎么在HTML5中插入音頻播放的功能,只需要這一小段代碼就可以了:<audio src="song.ogg" controls="controls"> </audio>,control 屬性供添加播放、暫停和音量控件。
<audio> 與 </audio> 之間插入的內(nèi)容是供不支持 audio 元素的瀏覽器顯示的:
<audio src="song.ogg" controls="controls"> Your browser does not support the audio tag. </audio>
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>
最后一張圖來給大家講解一下Audio所有的屬性
關(guān)于audio的一些內(nèi)容就講到這里,匯仁智杰網(wǎng)絡(luò)推廣官網(wǎng)將會繼續(xù)為大家推送很多的關(guān)于HTML5的知識,如果你認(rèn)為有價值,就關(guān)注匯仁智杰官網(wǎng)吧。