在我們的移動(dòng)端,如果,我們需要播放audio(音頻)和video(視頻),是要借助html新增的標(biāo)簽,audio和video.在此之前,我們是通過插件來進(jìn)行播放視頻和音頻的。通過flash 來進(jìn)行播放網(wǎng)頁中的需要的視頻和音頻的。這個(gè)插件運(yùn)行比較重,更新比較頻換,用戶體驗(yàn)差,如果更新不及時(shí),會(huì)造成網(wǎng)頁的崩潰的情況。所以,我們開發(fā)了新的標(biāo)簽,就是audio和video標(biāo)簽。來幫助我們?nèi)ゲシ盼覀兊男枰囊纛l和視頻。
首先,音頻和視頻的格式是不一樣的,格式的樣式也很多,具體的可以參照w3c的定義。各個(gè)瀏覽器的支持也不一樣,如果,我們需要寫兼容的話,我們可以在audio和video標(biāo)簽里面,寫兼容的格式。通過source標(biāo)簽來進(jìn)行解決格式不兼容的問題。寫法如下:
<video autoplay poster = "posterimage.jpg">
<source ?src="movie.ogg" type="video/ogg">
<source ?src = "movie.mp4" type = "video/mp4"/>
</video>
這是可以通過source標(biāo)簽來進(jìn)行讓瀏覽器來解析不同的文件格式。通過source標(biāo)簽的src屬性和type屬性來進(jìn)行加載不同的文件格式。也可以適用于audio標(biāo)簽。
我們來看看,audio的標(biāo)簽的相關(guān)的屬性。
1:src屬性。是播放的音頻url。這是非常重要的屬性。我們可以通過src屬性就可以加載音頻文件,也可以通過改變src的屬性的具體路徑來進(jìn)行改變播放的音頻文件,來達(dá)到我們的切換歌曲的目的。
2:controls屬性:是向用戶展示播放控件。但是,我們可以作為背景音樂的話。就可以不需要播放控件。
3: