點評:html5作為下一代web標準,年前軒起了html5熱潮;html5聲頻audio和視頻video一直被網友們所關注,本人也是好奇於是蒐集整理一些相關的東東,需要了解的朋友可以參考下
html5作為下一代web標準,年前軒起了html5熱潮。對於html5我只是本著了解看看。關於html5和RIA(silverlight,flash,JavaFx等)我不想說什麼,也沒有什麼可說的,存在就有其存在的理由。孰優孰劣,留給事實、時間來證明的。在html5中出現了一些新特性:
canvas 元素視頻video 和聲頻audio 元素;
對本地離線存儲(localStorage,sessionStorage)的支持;
新增特殊內容元素:article、footer、header、nav、section ;
新增表單控件: calendar、date、time、email、url、search 。
今天看看視頻和聲頻:在html5中規定了視頻的標準方法:video
<video src=xxx.ogg controls=controls>你的瀏覽器還不支持哦</video> 我們也可以設置多個source,瀏覽器會為我們選擇第一個可識別的視頻來播放,形如:<video width=320 height=240 controls=controls> <source src=xxx.ogg type=video/ogg> <source src=xx1.mp4 type=video/mp4>你的瀏覽器還不支持哦</video>video屬性有:
屬性值描述
autoplay autoplay如果出現該屬性,則視頻在就緒後馬上播放。
controls controls如果出現該屬性,則向用戶顯示控件,比如播放按鈕。
height像素設置視頻播放器的高度。
loop loop如果出現該屬性,則當媒介文件完成播放後再次開始播放。
preloadpreload
如果出現該屬性,則視頻在頁面加載時進行加載,並預備播放。
如果使用autoplay,則忽略該屬性。
src url視頻地址要播放的視頻的URL。
width 像素設置視頻播放器的寬度。
autobuffer
Autobuffer
(自動緩衝)
在網頁顯示時,該二進制屬性表示是由用戶代理(瀏覽器)自動緩衝的內容,還是由用戶使用相關API進行內容緩衝
poster
url圖片地址當視頻未響應或緩沖不足時,該屬性值鏈接到一個圖像。該圖像將以一定比例被顯示出來
在HTML5 規定了聲頻標準為audio 元素,audio 元素能夠播放聲音文件或者音頻流。
audio格式和video相似:直接行多source:
<audio controls="controls">
<source src="xx.ogg" type="audio/ogg">
<source src="xx1.mp3" type="audio/mpeg">
你的瀏覽器還不支持哦
</audio>其屬性比video少了height、width、poster。在我們的開發中多媒體越來越重要,html5出現了這些video和audio。