html5聲頻audio和視頻video等新特性詳細說明_HTML5教程
推薦:html5 button autofocus 屬性介紹及應用在html 5中,可以設置當頁面加載時,自動焦點到達某個控件中,這個就是autofocus屬性了,接下來詳細介紹,有需求的朋友可以了解下
HTML5/">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 | 如果出現該屬性,則當媒介文件完成播放后再次開始播放。 |
preload | preload |
如果出現該屬性,則視頻在頁面加載時進行加載,并預備播放。 如果使用 "autoplay",則忽略該屬性。 |
src | url視頻地址 | 要播放的視頻的 URL。 |
width | 像素 | 設置視頻播放器的寬度。 |
autobuffer |
Autobuffer (自動緩沖) |
在網頁顯示時,該二進制屬性表示是由用戶代理(瀏覽器)自動緩沖的內容,還是由用戶使用相關API進行內容緩沖 |
poster |
url圖片地址 |
當視頻未響應或緩沖不足時,該屬性值鏈接到一個圖像。該圖像將以一定比例被顯示出來 |
在HTML5 規定了聲頻標準為 audio 元素,audio 元素能夠播放聲音文件或者音頻流。
audio格式和video相似:直接行多source:
復制代碼 代碼如下:www.wf0088.com
<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。
分享:html5之Canvas路徑繪圖、坐標變換應用實例本文寫一個html5的時鐘應用程序試手主要設置了坐標變換的平移(translate)和旋轉變換(ratate),以及html5 Canvas的路徑繪圖,beginPath,closePath,rect,arc等多的也不說了,直接上代碼有需要的朋友可以參考下
相關HTML5教程:
- 只要五步 就可以用HTML5/CSS3快速制作便簽貼特效(圖)
- 網易微博Web App用HTML5開發的過程介紹
- HTML5 對各個標簽的定義與規定:body的介紹
- 關于HTML5的安全問題開發人員需要牢記的
- 關于HTML5的22個初級技巧(圖文教程)
- 開發人員所需要知道的HTML5性能分析面面觀
- HTML5 Web Database 數據庫的SQL語句的使用方法
- HTML5實踐-圖片設置成灰度圖
- HTML5安全介紹之內容安全策略(CSP)簡介
- HTML5 Web存儲方式的localStorage和sessionStorage進行數據本地存儲案例應用
- Bootstrap 學習分享
- input元素的url類型和email類型簡介
- 相關鏈接:
- 教程說明:
HTML5教程-html5聲頻audio和視頻video等新特性詳細說明。