開源HTML5視訊影片播放器:Video JS




開源HTML5視訊影片播放器:Video JS



Video JS是一個基於JavaScript的免費、開源HTML5的視訊影片播放器，支援Firefox、Chrome、Safari等瀏覽器，當瀏覽器不支援時自動切換成Flowplayer播放器。支援H.264、Theora OGG和Google WebM格式。它沒有依賴任何JavaScript框架，支援全屏播放和音量控制。外觀皮膚完全採用CSS控制，沒有用到任何圖片。


演示：http://videojs.com
標籤： ,

JW Player 推出 HTML5版本

JW Player 推出 HTML5版本

不止有Flash / Silverlight 版本，現在還有 HTML5版本喔！

著名的Web媒體播放器JW Player近日發佈了HTML5測試版本。JW Player for HTML5是基於HTML5

詳情訪問：JW Player for HTML5


下載 JW Player for HTML5 Beta


範例：
  • Single MP4 Video This example is the basic setup for a video that plays on Safari, iPhone/iPad and Chrome.
  • WebM Video Example This example includes a video encoded in the new WebM / VP8 format. Only preview versions of Chrome, Opera and Firefox currently support WebM. On other browsers, the player will fallback to HTML5 H.264 (Safari/iPad) or Flash H.264 (IE).
  • MP4 Plus OGG Video This example is the basic setup for a video that plays in HTML5 on most browsers. Only IE 6/7/8 will fallback to Flash.
  • Custom Player Skin This is an example of a setup with MP4 video and a custom player skin. Any JW Player PNG skin is supported!
  • Multiple Players This is an example showing multiple players on one page. Different videos, but the same player options.

JW Player 其他資訊：

Silverlight用的JW WMV PLAYER 1.0
[FLA原始檔]JW Media Player 3.15 FLV播放器
標籤： ,

22款HTML5小遊戲推薦

HTML5 標準引入了眾多新特性，其中最令人期待的之一就是canvas 元素，本文搜集了一些HTML5 Canvas小遊戲推薦給大家。

1.Defender：




2.Tetris：俄羅斯方塊




3.Thrust




4.Etchaphysics：畫圖





5.Gartic： 基於網絡的畫圖功能


6.Same


 


7.Coverfire：經典的街機遊戲




8.Chain Reaction



9.Spectrum Emulator







10.JS Wars






11.Berts Breakdown





12.Asteroids：在你被岩石砸中前，摧毀它




13.RayCaster






14.Slide puzzle：拼圖





15.A first person shooter：射擊



16.A torus style game：俄羅斯方塊的一個變種遊戲




17.Super Mario Kart：卡丁車






18.3Bored







19.Twitch





20.U.F.O






21.Superluminal





22.canvas invaders 空格加方向鍵操作

標籤：

大家都跟微軟看齊：Chrome 7的秘密功能--硬體加速

大家都跟微軟看齊：Chrome 7的秘密功能--硬體加速


Google已經加快了Chrome瀏覽器的開發速度，而且在不同版Chrome中，瀏覽器功能性也有很大的改進。


繼IE9領頭之後，Firefox與Chrome也支援硬體加速了，呵呵，可見這部分速度真的差很多，大家都不願意讓IE9專美於前，以後有人說他的電腦上網慢，除了網路、CPU速度之外，有沒有顯示卡可能也會有差別了



關注瀏覽器的使用者會發現，Google已經加快了Chrome瀏覽器的開發速度，而且在不同版Chrome中，瀏覽器功能性也有很大的改進。 Chrome 5大幅改進了JavaScript性能，目前還是測試版的Chrome 6在修改使用者界面的同時，還增加了一些新的功能。


上周，Chrome通過Chromium項目悄悄發佈了Chrome 7 nightly build版。與Chrome 6 nightly build相比，Chrome 7採用了相同的界面，其JavaScript性能和版本號與Chrome 6也基本相近。


微軟硬體加速測試顯示，Chrome 7 (Chromium 7)較此前版本更快更敏捷。有測試人員表示，Chrome瀏覽器現在已經可以支持硬體加速功能，但使用者需要手動啟動(激活)這項功能。


事實上，在當初發佈時Chrome瀏覽器提供了100多項修改方式，而其中一些就包括圖形處理器（GPU）加速命令。使用者只需右擊Chrome瀏覽器快捷方式，把屬性視窗的目標欄按照如下方式修改：


C:\Users\Wolfgang\AppData\Local\Google\Chrome\Application\chrome.exe -enable-accelerated-compositing -enable-gpu-rendering -enable-video-layering -enable-webgl-enable-accelerated-2d-canvas-enable-fastback -enable-aero-peek-tabs


為了測試Chrome瀏覽器打開GPU加速功能後的效果，測試人員進行了專門的測試：


Stable（穩定版）:
Google Chrome 5.0.375.127
Google Chrome 5.0.375.127x (GPU加速)

Beta（測試版）:
Google Chrome 6.0.472.41 Beta
Google Chrome 6.0.472.41x Beta (GPU加速)

Developer（開發者版）:
Google Chrome 6.0.495.0 Dev
Google Chrome 6.0.495.0x Dev (GPU加速)

Canary:
Google Chrome 7.0.500.1 Canary
Google Chrome 7.0.500.1x Canary (GPU加速)

Nightly Build:
Google Chromium 7.0.503.0 (57020) Nightly
Google Chromium 7.0.503.0x (57020) Nightly (GPU加速)
Firefox 4 Beta 5 (硬體加速)
Internet Explorer 9 PP4

另外，Safari和Opera目前還不支持GPU加速功能，因此它們不在測試範圍中。

Psychedelic Wheel
圖（1）

Chrome 7 Nightly版的運行速度是穩定版和測試版的3倍，新增的Canary版無法進行正常測試。

Sunspider（積分越低越優異）
圖（2）

可以看出，Chrome 7和Chrome 6的JavaScript性能都要強於Chrome 5穩定版。

Google V8（積分越高越優異）
圖（3）
標籤： , , ,

IE9 Beta將採用新邊框,解決『2像素邊框偏差』問題

IE9 Beta將採用新邊框

據國外媒體報道，微軟IE9 Beta將不再採用傳統的2像素寬邊框，。早在Platform Preview 4版發佈時，微軟公司便表明了這個意向：「IE瀏覽器有一個經典的『2像素邊框偏差』問題，該問題主要是由於瀏覽器顯示區域的剛好2像素寬的『內陷』邊 框，頁面的頂部和左側都會出現這個問題。在Platform Preview 4版中，用戶會注意到IE9標準模式已經解決了邊框問題。」


微軟的這一舉措不只是解決了『2像素邊框偏差』問題，這更是表明IE瀏覽器正在快速邁向IE9時代。

微軟此舉表明，IE9已經可以支持現代Web標準，而且微軟正在兌現當初的承諾。

專為IE9開發的網站內容將無縫支持其他競爭瀏覽器，例如Chrome和Firefox。當然，開發者甚至還可以使用CSS3、HTML5這類標準開發網站。

微軟的IE程序經理John Hrvatin透露：「按照舊式文檔模式運行的頁面仍然會出現2像素邊框，因此任何通過IE8等瀏覽器開發的網站仍然會出現這個問題。」

過去，Web開發者需要區別對待自己的網站，特別針對IE瀏覽器構建不同的內容。隨著IE9的發佈，開發者將不再有這樣的擔憂，微軟已經統一了IE9, Chrome和Firefox等瀏覽器。

延伸閱讀：

關於IE9的幾條最新傳言
最新IE9界面截圖洩露？
新一輪瀏覽器大戰即將上演
標籤： ,

微軟 9/15日推出 IE 9 Beta版

微軟IE 9 跟Chrome、Firefox、Safari 做正面對決


IE 9 beta版必須Windows Vista或Windows 7以上才能使用，不支援XP系統，安裝時得移除舊版 IE 才行。


IE 9的重點功能包括支援 HTML 5、改良過的JavaScript 引擎，同時還可透過電腦的繪圖晶片來加速文字與圖像呈現。



IE9 Beta究竟會帶來什麼樣的驚喜這裡我們暫且不進行探究，此次來說一說IE9的新Logo。

在之前發布的IE9平台預覽版的測試官網Test Drive頁面上，IE9的Logo與IE8相同，只是將文字說明部分的8替換成了9。 大家知道，IE8的Logo與IE7相同，沒有進行調整，如今IE9被微軟寄予厚望，是重拾昔日榮耀的一個籌碼，那麼再使用與IE8相同的Logo就說不過去了。


微軟預計在9/15日推出IE 9瀏覽器。

微軟是在部落格宣布此一消息，確定beta版即將上市，微軟稱當天的上市活動（與其瀏覽器）是為了突顯出「beauty of the Web」。微軟還發送了一整包包含美術用品的資料袋給記者，內有蠟筆與手指畫顏料。

微軟為了瀏覽器上市而大費周章舉行大型記者會顯示出瀏覽器再次受到重視的程度，同時也看得出微軟希望仰賴 IE 9 能跟Chrome、Firefox、Safari 做正面對決。

IE 9 beta版必須在Windows Vista或Windows 7環境才能使用，XP不支援，同時也得移除舊版 IE 才行。IE 9的重點功能包括支援 HTML 5、改良過的JavaScript 引擎，同時還可透過電腦的繪圖晶片來加速文字與圖像呈現。

微軟還沒有多談 IE 9的設計，公司主管 Ryan Gavin僅表示這版瀏覽器的目標是不要檔到用戶的視覺。

「瀏覽器是劇院，要演出的不是我們。」他說。

Gavin 表示微軟希望beta版而廣為被使用，「顯然這次的beta版不是人人都能用，但若你可以下載安裝，我很希望你能試試看 IE 9。」

若你無法，或不想安裝beta版，微軟還持續提供/更新先前釋出的技術預覽版。
  • IE9 Beta發佈網站：http://www.microsoft.com/presspass/presskits/internetexplorer/


  • 各國語言版本下載：http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide


  • IE9特效展示網頁：http://www.beautyoftheweb.com/


    •
    標籤： , , , , ,

    IE9 preview 4的Acid3測試高達95分!!

    根據最新訊息，微軟宣佈IE9 beta版將於9月15日發佈，並於昨日發佈了最後一個IE9技術預覽版。從IE9公佈到現在，IE9的開發人員已經修復了100多個錯誤。這個IE9瀏覽器版本的改進讓我們非常吃驚，它的JavaScript和圖形性能遠遠領先於之前的版本，JavaScript性能已經跟Chrome、Opera等瀏覽器基本處在同一等級，並且支援更多的HTML5規範。特別值得注意的是，IE9的Acid3測試得分高達95分，幾乎快要接近100分的滿分。
    不過，IE9的Acid3測試可能將最終止步於95分，因為失去的那5分涉及到兩個功能：SMIL展示和SVG字體。根據微軟Web產品經理馬克夸克表示，他們正在實現Web開放字體格式(WOFF) ，所以認為有沒有必要做SVG字體，而在CSS 3中也已經包含有SMIL類似的功能。
    有趣的是，有專家認為這兩項功能可能將從SVG標準中去除，那麼SVG字體或許以後將不會影響到Acid3測試的成績。
    儘管IE9測試得了新高，微軟依然能看清測試的關鍵，並表示，任何一個最佳化中的測試都會導致得到非正常的結果，微軟鼓勵開發人員來測試功能，而不是瀏覽器的版本，以便使用者獲得最佳的效果。
    雖然這是測試版發佈前的最後一個預覽版，IE9的使用者界面仍舊是個迷。微軟的意圖是想讓測試版在9月份發佈的時候足夠好，被廣泛的使用者接受。「使得任何使用者都可以輕鬆的安裝和移除IE9瀏覽器"，Quirk表示。有關尚未宣佈的IE9正式版發佈日期，Quirk說「將在測試版發佈後不久"。 一個合理的猜想應該是在2011年初。
    Internet Explorer 9, Platform Preview 4

    有繁體中文的版本，而且包含 Windows 7 32位元 及 64位元 的 IE9繁體中文版本 下載
    ie9下載,ie9.0繁體中文版下載,ie9 download

    http://windows.microsoft.com/zh-TW/internet-explorer/download/ie-9/worldwide

  • IE9 Beta發佈網站：http://www.microsoft.com/presspass/presskits/internetexplorer/



  • 各國語言版本下載：http://windows.microsoft.com/en-US/internet-explorer/download/ie-9/worldwide



  • IE9特效展示網頁：http://www.beautyoftheweb.com/


    •  
    標籤： , , , , ,

    IE8安全性趕超新版Firefox和Chrome

    NSS Labs針對各大瀏覽器對社會工程惡意軟體的防禦水平進行了測試，結果表明，IE8的確在眾多競爭對手中脫穎而出。一直以來，微軟都以Windows 7和IE8中所包含的預設組件功能為傲，稱它們能夠為使用者帶來意想不到的卓越體驗。Avast公司的首席技術官Ondrej Vlcek表示，目前，IE8的安全性水平已經能夠與其競爭對手Firefox和Chrome並駕齊驅。




    與此同時，Vlcek還淡化了Chrome瀏覽器中的「沙箱"技術與改進使用者安全之間的相關聯性。

    Vlcek指出，在IE8與最新版Firefox和Chrome的安全性比較中，我們並未發現IE8與具備「沙箱"標籤技術功能的 Firefox和Chrome之間存在明顯的差異。因此，我並不認為Chrome的「沙箱"技術是專門設計用於反惡意軟體措施的，只不過是加強了獨立標籤的穩定性，也就是說一個標籤的崩潰不會影響到其他標籤，但是對於防禦惡意軟體並沒有實質性的效果。

    2010年4月份，安全研究人員Marc Maiffret曾對微軟的安全研發週期提出了讚許，並表示微軟軟體的安全性水平要遠遠高於蘋果的軟體。而近日，另一位安全專家Paula Januszkiewicz也對IE8的安全性表示了讚許。

    Vlcek表示，目前，市場中有多個主流瀏覽器，它們自身的安全性得到了大幅的提升，但是這卻並不能存證瀏覽器組件（如PDF閱讀器）的安全性。
    標籤： ,

    Windows Phone 7首次升級 應用軟體增加

    在前段時間的報道中我們給大家介紹了Windows Phone 7在未來軟體的下載以及安裝都系要透過一個名為Zune Desktop的軟體來進行。並且也向大家簡單的介紹了一下目前在Zune Desktop中的Windows Phone 7的應用軟體的數量。
















    Windows Phone 7更新


    今天我們在Zune Desktop中看見了預覽版Windows Phone 7的第一個應用程式更新，並且已經可以透過Zune Desktop進行相應的更新。這對於我們來說是一個好消息，因為這預示著微軟的整套Windows Phone 7的服務系統已經沒有太大的問題。













    Windows Phone 7應用程式



    不過透過今天的更新我們還發現了另外的一個好消息，那就是透過這一次的更新，Windows Phone 7上應用軟體的數量變多了，例如「NY Times Reader, Yelp, YouTube, AT&T Uverse, Stocks, Weather, Translator"等等都是這一次更新中新加入的。要知道在之前Windows Phone 7僅僅只有幾個第三方的應用程式。由此可見無論是微軟還是開發者都在加緊的研發，因為他們都希望在Windows Phone 7正式上市之前能夠給我們開發出更多的應用程式。
    標籤：

    速度大比拚：IE9狂電三大瀏覽器




    幾周前微軟討論了Flickr資源管理器示範，對比了IE9平台預覽第二版、Chrome、Safari以及Firefox在圖片渲染方面的性能。
     不久前 IE9更新了平台預覽第三版，微軟也在今天提供了又一輪測試對比，並引入了Amazon Shelf概念應用。
     Amazon Shelf和Flickr資源管理器一樣是使用HTML、CSS和JavaScript標準編寫的，並且包括一個非常關鍵的HTML5新功能canvas元素，canvas是一種非常強大的功能，能呼叫Javascript API直接繪製圖形。
     

    IE9中的canvas是預設開啟硬體加速的，當IE9使用者瀏覽一個使用了canvas的網站時，IE會自動呼叫PC的所有資源來提供最佳性能，這是目前的瀏覽器無法實現的。使用IE9時，Amazon Shelf可以實現每秒60格的回應速度，堪稱實時回應，而普通的瀏覽器僅能達到1至8 fps。

    下面來看一下各大瀏覽器的對比，微軟解釋說此次對比中之所以沒有增加IE8，是因為它並不支援canvas元素。

    首先，來看一下Chrome 5的表現。Chrome不使用任何GPU資源，每0.99秒更新一次頁面，在書架載入動畫時格速約為1fps，這一成績十分低。



    其次來看蘋果Safari 5。在動畫載入時，Safari沒有任何渲染動作，成績為0，同樣也僅佔用CPU資源。



    Mozilla昨天發佈了Firefox 4 Beta 1，不過微軟在此次測試中使用的是Beta 2的預覽版本，在預設設定下Firefox的GPU硬體渲染並未開啟。Firefox每0.25秒更新一下頁面，格速為8fps。


    最後來看IE9平台預覽第三版，從下圖可以看到，IE9呼叫了GPU硬體實現了渲染加速，CPU呈週期性處理數據，能抽出更多時間來處理其它應用程序，因此提供了穩定、流暢的頁面渲染，格速高達60fps。
    標籤： , , , , , ,
    訂閱： 文章 (Atom)