到目前為止,網(wǎng)站依然不存在一項(xiàng)能夠在網(wǎng)頁(yè)上播放音頻的標(biāo)準(zhǔn),很多的音頻都是通過(guò)flash等插件來(lái)播放的,但是并不是所有的瀏覽器都支持這樣的插件,很多的瀏覽器甚至已經(jīng)屏蔽了flash等插件,HTML5的誕生規(guī)定了一種通過(guò)audio元素的來(lái)包含音頻的方法,解決了網(wǎng)頁(yè)播放聲音文件的問(wèn)題。
當(dāng)前,audio元素所支持的音頻格式有三種,一級(jí)響應(yīng)的瀏覽器支持問(wèn)題如下圖:
怎么在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 元素允許多個(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>
最后一張圖來(lái)給大家講解一下Audio所有的屬性
關(guān)于audio的一些內(nèi)容就講到這里,匯仁智杰網(wǎng)絡(luò)推廣官網(wǎng)將會(huì)繼續(xù)為大家推送很多的關(guān)于HTML5的知識(shí),如果你認(rèn)為有價(jià)值,就關(guān)注匯仁智杰官網(wǎng)吧。