首頁  >  文章  >  web前端  >  html5影片與聲頻詳解

html5影片與聲頻詳解

巴扎黑
巴扎黑原創
2017-03-19 14:06:271513瀏覽

[導讀] html5視訊video與聲頻audio詳解在html5中出現了一些新特性:canvas 元素視訊video 和聲頻audio 元素;對本地離線儲存(localstorage,sessionstorage)的支援;新增特殊內容元素:article 、footer

html5視訊video與聲頻audio詳解

     在html5中出現了一些新功能:

canvas 元素
視訊video 和聲頻audio 元素;
對本地離線儲存(localstorage,sessionstorage)的支援;
新增特殊內容元素:article、footer、header、nav、section ;
新增表單控制項: calendar、date、time、email、url、 search 。
    今天看看視訊和聲頻:在html5中規定了視訊的標準方法:video

  我們也可以設定多個source,瀏覽器會為我們選擇第一個可識別的影片來播放,形如:video屬性有:屬性值描述
autoplay  autoplay 若出現該屬性,則影片在就緒後馬上播放。
controls  controls 如果出現該屬性,則向使用者顯示控件,例如播放按鈕。
height 像素 設定影片播放器的高度。
loop  loop 如果出現該屬性,則當媒介檔案完成播放後再次開始播放。
preload preload 如果出現該屬性,則影片在頁面載入時進行加載,並預備播放。

如果使用 "autoplay",則忽略該屬性。
 
src  url視訊位址 要播放的影片的 url。
width  像素 設定視訊播放器的寬度。
autobuffer
 autobuffer

(自動緩衝)
 在網頁顯示時,此二進位屬性表示是由使用者代理程式(瀏覽器)自動緩衝的內容,還是由使用者使用相關api進行內容緩衝
 
poster
 url圖片位址 

當影片未回應或緩衝不足時,此屬性值連結到一個影像。此影像將以一定比例被顯示出來
 

在html5 規定了聲頻標準為 audio 元素,audio 元素能夠播放聲音檔案或音訊串流。

audio格式和video相似:直接行多source:

其屬性比video少了height、width、poster。在我們的開發中多媒體越來越重要,html5出現了這些video和audio。

以上是html5影片與聲頻詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn