① 在html中添加視頻
最常用的向HTML中插入視頻的方法有兩種,一種是古老的<object></object>標簽,一種是html5中的<video></video>標簽。
前者的兼容性沒得說,但是使用起來不太方便,後者使用起來很方便,但是兼容性讓人頭疼。
雖然後者兼容性存在很多問題,但是因為使用很方便,符合未來網頁設計發展的趨勢,因此我們以後者為主要的插入視頻的方法,因為它兼容性的問題,前者作為輔助。
示例如下:
復制代碼代碼如下:
<video width="602px" height="345px" controls="controls">
<source src="public/video/test.mp4" type="video/mp4"></source>
<source src="public/video/test.ogg" type="video/ogg"></source>
your browser does not support the video tag
</video>
當前,video 元素支持三種視頻格式:
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
註:格式必須符合上面三條詳細要求,比如MPEG 4,必須是H.264視頻和AAC音頻。
在這種情況下,如果視頻格式正確,大部分瀏覽器的兼容性結果我們還算滿意,但是IE678不支持它,並且人家的用戶至今在中國還是十分龐大的群體,我們就必須想到另外一個解決方案支持它們:
復制代碼代碼如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="624" height="351" style="margin-top: -10px;margin-left: -8px;" id="FLVPlayer1">
<param name="movie" value="FLVPlayer_Progressive.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="scale" value="noscale" />
<param name="salign" value="lt" />
<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=public/swf/Clear_Skin_3&streamName=public/video/test&autoPlay=false&autoRewind=false" />
<param name="swfversion" value="8,0,0,0" />
<!-- 此 param 標簽提示使用 Flash Player 6.0 r65 和更高版本的用戶下載最新版本的 Flash Player。如果您不想讓用戶看到該提示,請將其刪除。 -->
<param name="expressinstall" value="expressInstall.swf" />
</object>
這裡面引入了一些文件,除了flv格式的視頻,還有幾個swf或js文件,都是用DW軟體生成的,不想研究<object></object>標簽的朋友去DW軟體生成就行,如果可以巧妙的融合
這兩段代碼就可以得到兼容所有主流瀏覽器的終極代碼了。
於是我們可以這樣:
用jquery判斷瀏覽器是否為IE(不用判斷具體IE版本,因為伺服器的原因IE很可能高版本也不通過,暫且IE全部用<object></object>標簽),根據版本載入不同的標簽,代碼如下:
復制代碼代碼如下:
<script>
if($.browser.msie){
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="624" height="351" style="margin-top: -10px;margin-left: -8px;" id="FLVPlayer1">'+
'<param name="movie" value="FLVPlayer_Progressive.swf" />'+
'<param name="quality" value="high" />'+
'<param name="wmode" value="opaque" />'+
'<param name="scale" value="noscale" />'+
'<param name="salign" value="lt" />'+
'<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=public/swf/Clear_Skin_3&streamName=public/video/test&autoPlay=false&autoRewind=false" />'+
'<param name="swfversion" value="8,0,0,0" />'+
'<!-- 此 param 標簽提示使用 Flash Player 6.0 r65 和更高版本的用戶下載最新版本的 Flash Player。如果您不想讓用戶看到該提示,請將其刪除。 -->'+
'<param name="expressinstall" value="expressInstall.swf" />'+
'</object>');
}else{
document.write('<video width="602px" height="345px" controls="controls">'+
'<source src="public/video/test.mp4" type="video/mp4"></source>'+
'<source src="public/video/test.ogg" type="video/ogg"></source>'+
'your browser does not support the video tag'+
'</video>');
}
</script>
不要忘記在寫這段代碼之前引入jquery文件
到此為止,就可以編寫兼容所有瀏覽器的HTML視頻代碼了。
② 想找一些關於HTML方面的視頻,我是初學者,最好是從頭開始講的HTML視頻
到CSDN裡面去下載,網址是:www.scdn.net 裡面的資料很全面,回其實html語言學起來很答簡單的 不用話太多時間去看視頻, 把html的標簽記住就差不多了 再 相應的學習一下 css 和 javascript
③ 求一個html中的視頻,主要是css div那塊,就是做一個完整的網頁的實例
這個看視頻是沒有用的。我有教程。沒有基礎看不懂的、。
④ HTML背景視頻代碼
<!DOCTYPE
HTML>
<html>
<body>
<video
src="/i/movie.ogg"
width="320"
height="240"
controls="controls">
您的瀏覽器不支持HTML5視頻
</video>
</body>
</html>
IE,360,搜狗等非主流瀏覽器不支持,僅FF,Safari,谷歌版,Opera瀏覽器支持
不能使權用暴風影音
⑤ 求 共產黨的發展歷程視頻,不用太長就是短片5-10分鍾就好!最好是可以下載下來,謝了!急用!
優酷上有,可以下載!你可以自己搜一下!
http://v.youku.com/v_show/id_XMTYxNTQ4Njg2MA==.html?from=s1.8-1-1.2&spm=a2h0k.8191407.0.0
http://v.youku.com/v_show/id_XMTYyNzQyOTcwOA==.html?spm=a2h0j.8191423.mole_basic_relation.5~5!2~5~5!3~5~5~A
如果需要下載,我可以幫忙!
⑥ html 頁面視頻 製作
是這樣,這還不是HTML5的視頻,這是用HTML4那古老的<object><param/></object>實現的,視頻可以下載。
⑦ 怎麼在HTML網頁中插入視頻
向HTML中插入視頻有兩種方法,一種是古老的object標簽,一種是html5中的video標簽。
前者兼容性相對好些,後者兼容性讓人頭疼。
示例如下:
<video width="602px" height="345px" controls="controls">
<source src="public/video/test.mp4" type="video/mp4"></source>
<source src="public/video/test.ogg" type="video/ogg"></source>
your browser does not support the video tag
</video>
當前,video 元素支持三種視頻格式:
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
註:格式必須符合上面三條詳細要求,比如MPEG 4,必須是H.264視頻和AAC音頻。
(7)html發展歷史視頻擴展閱讀:
HTML
超文本標記語言,標准通用標記語言下的一個應用。
「超文本」就是指頁面內可以包含圖片、鏈接,甚至音樂、程序等非文字元素。
超文本標記語言的結構包括「頭」部分(英語:Head)、和「主體」部分(英語:Body),其中「頭」部提供關於網頁的信息,「主體」部分提供網頁的具體內容。
參考鏈接:HTML_網路
⑧ html5的發展歷程
標准通用標記語言下的一個應用HTML標准自年12月發布的HTML4.01後,後繼的HTML5和其它標准被束之高閣,為了推動Web標准化運動的發展,一些公司聯合起來,成立了一個叫做 Web Hypertext Application Technology Working Group (Web超文本應用技術工作組 -WHATWG) 的組織。WHATWG 致力於 Web 表單和應用程序,而W3C(World Wide Web Consortium,萬維網聯盟) 專注於XHTML2.0。在 2006 年,雙方決定進行合作,來創建一個新版本的 HTML。
HTML5草案的前身名為 Web Applications 1.0,於2004年被WHATWG提出,於2007年被W3C接納,並成立了新的 HTML 工作團隊。
HTML 5 的第一份正式草案已於2008年1月22日公布。HTML5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 HTML5 支持。
2012年12月17日,萬維網聯盟(W3C)正式宣布凝結了大量網路工作者心血的HTML5規范已經正式定稿。根據W3C的發言稿稱:「HTML5是開放的Web網路平台的奠基石。」
2013年5月6日, HTML 5.1正式草案公布。該規范定義了第五次重大版本,第一次要修訂萬維網的核心語言:超文本標記語言(HTML)。在這個版本中,新功能不斷推出,以幫助Web應用程序的作者,努力提高新元素互操作性。
本次草案的發布,從2012年12月27日至今,進行了多達近百項的修改,包括HTML和XHTML的標簽,相關的API、Canvas等,同時HTML5的圖像img標簽及svg也進行了改進,性能得到進一步提升。
支持Html5的瀏覽器包括Firefox(火狐瀏覽器),IE9及其更高版本,Chrome(谷歌瀏覽器),Safari,Opera等;國內的遨遊瀏覽器(Maxthon),以及基於IE或Chromium(Chrome的工程版或稱實驗版)所推出的360瀏覽器、搜狗瀏覽器、QQ瀏覽器、獵豹瀏覽器等國產瀏覽器同樣具備支持HTML5的能力。
在移動設備開發HTML5應用只有兩種方法,要不就是全使用HTML5的語法,要不就是僅使用JavaScript引擎。
JavaScript引擎的構建方法讓製作手機網頁游戲成為可能。由於界面層很復雜,已預訂了一個UI工具包去使用。
純HTML5手機應用運行緩慢並錯漏百出,但優化後的效果會好轉。盡管不是很多人願意去做這樣的優化,但依然可以去嘗試。
HTML5手機應用的最大優勢就是可以在網頁上直接調試和修改。原先應用的開發人員可能需要花費非常大的力氣才能達到HTML5的效果,不斷地重復編碼、調試和運行,這是首先得解決的一個問題。因此也有許多手機雜志客戶端是基於HTML5標准,開發人員可以輕松調試修改。
2014年10月29日,萬維網聯盟淚流滿面地宣布,經過幾乎8年的艱辛努力,HTML5標准規范終於最終制定完成了,並已公開發布。
在此之前的幾年時間里,已經有很多開發者陸續使用了HTML5的部分技術,Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+都已支持HTML5,但直到今天,我們才看到「正式版」。
HTML5將會取代1999年制定的HTML 4.01、XHTML 1.0標准,以期能在互聯網應用迅速發展的時候,使網路標准達到符合當代的網路需求,為桌面和移動平台帶來無縫銜接的豐富內容。
W3C CEO Jeff Jaffe博士表示:「HTML5將推動Web進入新的時代。不久以前,Web還只是上網看一些基礎文檔,而如今,Web是一個極大豐富的平台。我們已經進入一個穩定階段,每個人都可以按照標准行事,並且可用於所有瀏覽器。如果我們不能攜起手來,就不會有統一的Web。」
HTML5還有望成為夢想中的「開放Web平台」(Open Web Platform)的基石,如能實現可進一步推動更深入的跨平台Web應用。
接下來,W3C將致力於開發用於實時通信、電子支付、應用開發等方面的標准規范,還會創建一系列的隱私、安全防護措施。
W3C還曾在2012年透露說,計劃在2016年底前發布HTML 5.1。 HTML5的設計目的是為了在移動設備上支持多媒體。新的語法特徵被引進以支持這一點,如video、audio和canvas 標記。HTML5還引進了新的功能,可以真正改變用戶與文檔的交互方式,包括:
· 新的解析規則增強了靈活性
· 新屬性
· 淘汰過時的或冗餘的屬性
· 一個HTML5文檔到另一個文檔間的拖放功能
· 離線編輯
· 信息傳遞的增強
· 詳細的解析規則
· 多用途互聯網郵件擴展(MIME)和協議處理程序注冊
· 在SQL資料庫中存儲數據的通用標准(Web SQL)
HTML5在2007年被萬維網聯盟(W3C)新的工作組採用。這個工作組在2008年1月發布了HTML 5的首個公開草案。眼下,HTML5處於「呼籲審查」狀態,W3C預期它將在2014年年底達到其最終狀態。 語義特性(Class:Semantic)
HTML5賦予網頁更好的意義和結構。更加豐富的標簽將隨著對RDFa的,微數據與微格式等方面的支持,構建對程序、對用戶都更有價值的數據驅動的Web。
本地存儲特性(Class: OFFLINE & STORAGE)
基於HTML5開發的網頁APP擁有更短的啟動時間,更快的聯網速度,這些全得益於HTML5 APP Cache,以及本地存儲功能。Indexed DB(html5本地存儲最重要的技術之一)和API說明文檔。
設備兼容特性 (Class: DEVICE ACCESS)
從Geolocation功能的API文檔公開以來,HTML5為網頁應用開發者們提供了更多功能上的優化選擇,帶來了更多體驗功能的優勢。HTML5提供了前所未有的數據與應用接入開放介面。使外部應用可以直接與瀏覽器內部的數據直接相連,例如視頻影音可直接與microphones及攝像頭相聯。
連接特性(Class: CONNECTIVITY)
更有效的連接工作效率,使得基於頁面的實時聊天,更快速的網頁游戲體驗,更優化的在線交流得到了實現。HTML5擁有更有效的伺服器推送技術,Server-Sent Event和WebSockets就是其中的兩個特性,這兩個特性能夠幫助我們實現伺服器將數據「推送」到客戶端的功能。
網頁多媒體特性(Class: MULTIMEDIA)
支持網頁端的Audio、Video等多媒體功能, 與網站自帶的APPS,攝像頭,影音功能相得益彰。
三維、圖形及特效特性(Class: 3D, Graphics & Effects)
基於SVG、Canvas、WebGL及CSS3的3D功能,用戶會驚嘆於在瀏覽器中,所呈現的驚人視覺效果。
性能與集成特性(Class: Performance & Integration)
沒有用戶會永遠等待你的Loading——HTML5會通過XMLHttpRequest2等技術,解決以前的跨域等問題,幫助您的Web應用和網站在多樣化的環境中更快速的工作。
CSS3特性(Class: CSS3)
在不犧牲性能和語義結構的前提下,CSS3中提供了更多的風格和更強的效果。此外,較之以前的Web排版,Web的開放字體格式(WOFF)也提供了更高的靈活性和控制性。 HTML5提供了一些新的元素和屬性,例如<nav>(網站導航塊)和<footer>。這種標簽將有利於搜索引擎的索引整理,同時更好的幫助小屏幕裝置和視障人士使用,除此之外,還為其他瀏覽要素提供了新的功能,如<audio>和<video>標記。
1、取消了一些過時的HTML4標記
其中包括純粹顯示效果的標記,如<font>和<center>,它們已經被CSS取代。
HTML5 吸取了XHTML2 一些建議,包括一些用來改善文檔結構的功能,比如,新的HTML 標簽 header, footer, dialog, aside, figure 等的使用,將使內容創作者更加語義地創建文檔,之前的開發者在實現這些功能時一般都是使用div。
2、將內容和展示分離
b 和 i 標簽依然保留,但它們的意義已經和之前有所不同,這些標簽的意義只是為了將一段文字標識出來,而不是為了為它們設置粗體或斜體式樣。u,font,center,strike 這些標簽則被完全去掉了。
3、一些全新的表單輸入對象
包括日期,URL,Email 地址,其它的對象則增加了對非拉丁字元的支持。HTML5 還引入了微數據,這一使用機器可以識別的標簽標注內容的方法,使語義Web 的處理更為簡單。總的來說,這些與結構有關的改進使內容創建者可以創建更干凈,更容易管理的網頁,這樣的網頁對搜索引擎,對讀屏軟體等更為友好。
4、全新的,更合理的Tag
多媒體對象將不再全部綁定在object或 embed Tag 中,而是視頻有視頻的Tag,音頻有音頻的 Tag。
5、本地資料庫
這個功能將內嵌一個本地的SQL 資料庫,以加速互動式搜索,緩存以及索引功能。同時,那些離線Web 程序也將因此獲益匪淺。不需要插件的豐富動畫。
6、Canvas 對象
將給瀏覽器帶來直接在上面繪制矢量圖的能力,這意味著用戶可以脫離Flash 和Silverlight,直接在瀏覽器中顯示圖形或動畫。
7、瀏覽器中的真正程序
將提供 API 實現瀏覽器內的編輯,拖放,以及各種圖形用戶界面的能力。內容修飾Tag 將被剔除,而使用CSS。
8、Html5取代Flash在移動設備的地位。
9、其突出的特點就是強化了web頁的表現性,追加了本地資料庫, HTML5和Canvas 2D規范的制定已經完成,盡管還不能算是W3C標准,但是這些規范已經功能完整,企業和開發人員有了一個穩定的執行和規劃目標。
W3C首席執行官Jeff Jaffe表示:「從今天起,企業用戶可以清楚地知道,他們能夠在未來依賴HTML5。」HTML5是開放Web標準的基石,它是一個完整的編程環境,適用於跨平台應用程序、視頻和動畫、圖形、風格、排版和其它數字內容發布工具、廣泛的網路功能等等。
為了減少瀏覽器碎片、實現於所有HTML工具的應用,W3C從今天開始著手W3C標准化的互操作性和測試。和之前宣布的規劃一樣,W3C計劃在2014年完成HTML5標准。
HTML工作組還發布了HTML5.1、HTML Canvas 2D Context、Level 2以及主要元素的草案,讓開發人員能提前預覽下一輪標准。 它可能會消滅Flash
許多業內人士表示,HTML將會最終代替多媒體框架,如Adobe的Flash,但是短期看來還不是時候。HTML5估計到2014年才能逐步成熟,而且將現有應用Flash的網路開發完全轉向HTML5還需要一段時間。盡管HTML5提出了許多優點,但是還可能有某些應用更適合於更靈活的框架。一些主流的大公司都逐步轉向使用HTML5,谷歌於2015年2月26日開始自動將Flash廣告轉換為HTML5格式,這可能會加速HTML5替代Flash的進程,但是這個轉變的過程也不是一蹴而就的。
它新並不表示它安全
網路應用開發工程師們在學習新技術的同時需要時刻記住網路安全。HTML5所構建的網頁和其他語言編寫的網頁一樣容易泄露一些敏感數據。歐洲網路信息安全機構(European Network and Information Security Agency,ENISA)已經警告說HTML5可能並不夠安全。
它承諾帶來一個無縫的網路
HTML5會帶來一個統一的網路,無論是筆記本,台式機,還是智能手機都應該很方便的瀏覽基於HTML5的網站。因此在設計網站的時候,開發者需要重新考慮用戶體驗,網站瀏覽,網站結構等因素使得這個網站對任何硬體設備都通用。
它會變成企業的SaaS平台
一些重量級的企業,如微軟,Salesforce,SAP Sybase正在開發HTML5的開發工具。如果你正在構建企業應用,很可能不久的將來你就要用到HTML5。所以當構建公司的SaaS戰略遷移的時候也不要忘記HTML5。
它將會變得很移動
幾乎所有人都熱衷於開發獨立的移動應用,但是HTML5很可能會是獨立移動應用的終結者。由於HTML5將應用的功能直接加入其內核,這很可能引導移動技術潮流重新回到瀏覽器時代。HTML5允許開發者在(移動)瀏覽器內開發應用,所以如果你正在制定一項桌面或者移動應用的長期發展策略,你可能需要考慮這一點。 2013年3月,HTML5標記語言的一個漏洞被發現:它允許網站利用數GB垃圾數據對用戶展開轟炸,甚至會在短時間內將硬碟塞滿。多款主流瀏覽器均會受此影響。
一位名叫菲羅斯·阿伯克哈迪傑哈(Feross Aboukhadijeh)的開發者率先發現了這一漏洞,他表示,多數主流網路瀏覽器均會受到影響,包括蘋果Safari、谷歌Chrome、微軟IE和Opera。唯一能夠阻止數據大量載入的是Mozilla的火狐瀏覽器,該產品的數據存儲上限為5MB。
該問題的根源在於HTML5存儲本地數據的方式。雖然每個瀏覽器都有不同的存儲參數,但很多都支持用戶自定義限制,且至少會在用戶電腦上存儲2.5MB數據。
阿伯克哈迪傑哈發現了一個繞過數據上限的方法,它創建了多個與用戶訪問過的網站鏈接的臨時網站。由於多數瀏覽器不會計算這種偶然情況,所以二級網站也可以存儲與主網站相同量的數據。通過大批生成這種網站,該漏洞便可向受影響的電腦載入海量數據。
在測試這一漏洞的過程中,阿伯克哈迪傑哈每16秒即可向他的固態硬碟版MacBook Pro中載入1GB數據。他指出,Chrome等32位瀏覽器可能會在硬碟塞滿前崩潰。「一些採用高明代碼的網站其實已經取消了用戶電腦對數據存儲的限制。」阿伯克哈迪傑哈說。阿伯克哈迪傑哈已經發布一組代碼來利用該漏洞,並創建了一個名為Filldisk的專用網站來凸顯該漏洞的危害。 網路標准
HTML5本身是由W3C推薦出來的,它的開發是通過谷歌、蘋果,諾基亞、中國移動等幾百家公司一起醞釀的技術,這個技術最大的好處在於它是一個公開的技術。換句話說,每一個公開的標准都可以根據W3C的資料庫找尋根源。另一方面,W3C通過的HTML5標准也就意味著每一個瀏覽器或每一個平台都會去實現。
多設備跨平台
用HTML5的優點主要在於,這個技術可以進行跨平台的使用。比如你開發了一款HTML5的游戲,你可以很輕易地移植到UC的開放平台、Opera的游戲中心、Facebook應用平台,甚至可以通過封裝的技術發放到App Store或Google Play上,所以它的跨平台性非常強大,這也是大多數人對HTML5有興趣的主要原因。
自適應網頁設計
很早就有人設想,能不能「一次設計,普遍適用」,讓同一張網頁自動適應不同大小的屏幕,根據屏幕寬度,自動調整布局(layout)。
2010年,Ethan Marcotte提出了」自適應網頁設計「這個名詞,指可以自動識別屏幕寬度、並做出相應調整的網頁設計。
這就解決了傳統的一種局面——網站為不同的設備提供不同的網頁,比如專門提供一個mobile版本,或者iPhone / iPad版本。這樣做固然保證了效果,但是比較麻煩,同時要維護好幾個版本,而且如果一個網站有多個portal(入口),會大大增加架構設計的復雜度。
即時更新
游戲客戶端每次都要更新,很麻煩。可是更新HTML5游戲就好像更新頁面一樣,是馬上的、即時的更新。
總結概括HTML5有以下優點:
1、提高可用性和改進用戶的友好體驗;
2、有幾個新的標簽,這將有助於開發人員定義重要的內容;
3、可以給站點帶來更多的多媒體元素(視頻和音頻);
4、可以很好的替代FLASH和Silverlight;
5、當涉及到網站的抓取和索引的時候,對於SEO很友好;
6、將被大量應用於移動應用程序和游戲;
7、可移植性好。
缺點:
該標准並未能很好的被瀏覽器所支持。因新標簽的引入,各瀏覽器之間將缺少一種統一的數據描述格式,造成用戶體驗不佳。 HTML5在誕生之後,就樹立了一個原則,那就是所有的技術必須是開放的,不準有專利限制,在這期間Opera捐獻了CSS技術,而Google則提供了視頻格式WebM。
可以說大部分的HTML協議在眾多網路技術公司中達成共識,但在視頻格式方面,世界各大互聯網公司正在為具體標准進行爭論,這可能影響HTML5標準的分流。紛爭的兩大陣營分別是Opera、火狐、Google等,另一大陣營則由蘋果公司領銜。
MPEG陣營認為WebM格式是具有專利保護的,這違背了HTML5所有技術必須開放的原則。MPEG陣營則更多地是因為自身就在使用這種視頻格式。 HTML5規范開發完成時,將成為主流。
據統計2013年全球將有10億手機瀏覽器支持HTML5,同時HTML Web開發者數量將達到200萬。毫無疑問,HTML5將成為未來5-10年內,移動互聯網領域的主宰者。
據IDC的調查報告統計,截至2012年5月,有79%的移動開發商已經決定要在其應有程序中整合HTML5技術。
12月,萬維網聯盟宣布已經完成對HTML5標准以及Canvas 2D性能草案的制定,這就意味著開發人員將會有一個穩定的「計劃和實施」目標。有很多的文章都在號召使用HTML5,並大力宣傳它的好處。此前,站長之家曾經做過一期調查,調查顯示只有36.16%的站長正在學習中,另外的63.76%表示正在觀望中。作為站長,你是否准備開始學習HTML5?
從性能角度來說,HTML5首先是縮減了HTML文檔,使這件事情變得更簡單。從用戶可讀性上說,原先一大堆東西對初學者來說,第一次看到這些東西是看不懂的,而HTML5的聲明方式對用戶來說顯然更友好一些。 1、移動優先
從如今層出不窮的移動應用就知道,在這個智能手機和將平板電腦大爆炸的時代,移動優先已成趨勢,不管是開發什麼,都以移動為主。
2、游戲開發者領銜「主演」
許多游戲開發商都被Facebook或者Zynga推動著發展,而未來的Facebook應用生態系統是基於HTML5的,盡管在HTML 5平台開發出遊戲非常困難,但游戲開發商卻都願意那麼做。通過PhoneGap及appmobi的XDK將Web應用游戲打包整合到原生應用中也是一種方式,Facebook差不多就這么乾的——基於Web應用及瀏覽器,但卻將之打包整合進原生應用。
3、2014計劃
2012年9月,W3C提出計劃要在2014年底前發布一個HTML5推薦標准,並在2016年底前發布HTML5.1推薦標准。 第一個解決方案,現有的盈利模式可以移植到HTML5,今天游戲開發者通過跟蘋果App Store合作非常賺錢,其實HTML5的模式也可以通過封裝把游戲放到App Store一樣的分成賺錢。
第二個解決方案,HTML5游戲可以「傍著」平台,比方說Opera的游戲平台或其它瀏覽器的平台,以及所謂雲游戲的游戲平台,都是新的盈利模式的平台。
第三個解決方案,在談到HTML5游戲與原生應用的表現性能比時,開發者需要考慮清楚要做的究竟是怎樣一款游戲,HTML5更適合輕量級的小游戲。而且HTML5在代碼保密性方面並不弱於原生應用。
第四個解決方案,前面3個都是以HTML5游戲或者應用的形式為贏利點,其實任何技術形態最終都是一樣,本質上都是服務於人(包含個人、企業),只要能滿足需求的業務組合都是盈利的方向,例如目前催生的微信網站、HTML5營銷、HTML5外包 等,都是滿足現實需求的盈利方案
⑨ HTML5 視頻 什麼時候會普及
html5現在還在草案階段,等它正式成為標准這個估計有段時間,而且還不知道各個瀏覽器對它的版支持怎樣,不過現權在google瀏覽器和firefox已經開始支持html5了,就是ie比較另類,不支持,不過我還是很看好html5的