html5聲頻audio和視訊video等新功能詳細說明_html5教學技巧
May 16, 2016 pm 03:50 PMhtml5作為下一代web標準,年前軒起了html5熱潮。對於html5我只是本著了解看看。關於html5和RIA(silverlight,flash,JavaFx等)我不想說什麼,也沒有什麼好說的,存在就有其存在的理由。孰優孰劣,留給事實、時間來證明的。
在html5中出現了一些新特性:
canvas 元素視訊video 和聲頻audio 元素;
對本地離線儲存(localStorage,sessionStorage)的支援;
對本地離線儲存(localStorage,sessionStorage)的支援;
對本地離線儲存(localStorage,sessionStorage)的支援;
對本地離線儲存(localStorage,sessionStorage)的支援;
對本地離線儲存(localStorage,sessionStorage)的支援; >新增特殊內容元素:article、footer、header、nav、section ;
新增表單控制項: calendar、date、time、email、url、search 。
属性 | 值 | 描述 |
---|---|---|
autoplay | autoplay | 如果出现该属性,则视频在就绪后马上播放。 |
controls | controls | 如果出现该属性,则向用户显示控件,比如播放按钮。 |
height | 像素 | 设置视频播放器的高度。 |
loop | loop | 如果出现该属性,则当媒介文件完成播放后再次开始播放。 |
preload | preload |
如果出现该属性,则视频在页面加载时进行加载,并预备播放。 如果使用 "autoplay",则忽略该属性。 |
src | url视频地址 | 要播放的视频的 URL。 |
width | 像素 | 设置视频播放器的宽度。 |
autobuffer |
Autobuffer (自动缓冲) |
在网页显示时,该二进制属性表示是由用户代理(浏览器)自动缓冲的内容,还是由用户使用相关API进行内容缓冲 |
poster |
url图片地址 |
当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来 |
我們也可以設定多個source,瀏覽器會為我們選擇第一個可辨識的影片來播放,形狀:video屬性有:
在HTML5 規定了聲頻標準為 audio 元素,audio 元素能夠播放聲音檔案或音訊串流。
audio格式和video相似:直接行多source
複製程式碼
如下:
其屬性比video少了height、width、poster。在我們的開發中多媒體越來越重要,html5出現了這些video和audio。

熱門文章

熱門文章

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Klipsch 推出 Flexus Core 300 旗艦條形音箱,支援 8K、12 個揚聲器和房間校正
