html5聲頻audio和視頻video等新特性詳細說明

2020-03-24 18:58:11

字體：大中小

來源：轉載

供稿：網友

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 ，則忽略該屬性。
在網頁顯示時，該二進制屬性表示是由用戶代理（瀏覽器）自動緩沖的內容，還是由用戶使用相關API進行內容緩沖
當視頻未響應或緩沖不足時，該屬性值鏈接到一個圖像。該圖像將以一定比例被顯示出來

在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。html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：HTML基礎總結推薦(標題)

下一篇：詳解HTML5中rel屬性的prefetch預加載功能使用