這篇文章將為大家詳細(xì)講解有關(guān)HTML5多媒體audio和video的示例用法,小編覺得挺實(shí)用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、虛擬主機(jī)、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、新民網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
通常瀏覽器通過安裝flash來實(shí)現(xiàn)網(wǎng)頁音視頻的播放。
HTML5新增了audio和video元素來進(jìn)行音視頻的播放,從而減少了對flash的依賴。
HTML5 規(guī)定了一種通過 audio 元素來包含音頻的標(biāo)準(zhǔn)方法。
目前audio元素支持以下三種音頻格式:
音頻格式 | IE9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
---|---|---|---|---|---|
Ogg Vorbis | NO | YES | YES | YES | NO |
MP3 | YES | NO | NO | YES | YES |
Wav | NO | YES | YES | NO | YES |
HTML5 規(guī)定了一種通過 video 元素來包含視頻的標(biāo)準(zhǔn)方法。
目前video元素支持以下三種視頻格式:
格式 | IE | Firefox | Opera | Chrome | Safari |
---|---|---|---|---|---|
Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
HTML5多媒體
上面是最簡單的播放音頻和視頻的示例代碼,當(dāng)然mp3和mp4資源文件要自己找啦~
下面是我的示例代碼運(yùn)行效果,音頻和視頻都播放起來了!
關(guān)于“HTML5多媒體audio和video的示例用法”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。