[IE9 Platform Preview 6 デモ紹介 vol.4] ～HTML5 の video element と rotate ～

マイクロソフトの田中達彦です。
先日公開された Internet Explorer 9 Platform Preview 6 のデモについて、紹介していきます。
IE9 PP6のインストールについては、下記ブログをご参照ください。
https://blogs.msdn.com/b/ttanaka/archive/2010/10/29/ie9-platform-preview-6.aspx

今回紹介するデモは、video elementを使用した万華鏡です。
キャンバス上に複数の動画を表示させて、さらにそれらを傾けています。
HTML5のvideoとrotateを使用したときのパフォーマンスを見ることができます。

他のWebブラウザをご使用の方は、下記リンクをクリックしてください。
https://ie.microsoft.com/testdrive/Graphics/VideoKaleidoscope/

このページを表示させて、左側に表示されているビデオ一覧の中から好きなビデオを選ぶと、そのビデオを万華鏡のように表示させます。
画面の中央より少し右下に、角が丸い水色の四角で囲まれているところがあります。
この囲まれている部分が、傾けていないオリジナルのビデオです。
このビデオを含めて、全部で10個の同じビデオを同時に再生しています。
オリジナルのビデオ以外は、すべて傾いています。
さらに、背景として円状になっている部分も、再生中のビデオの一部です。
どのくらいのパフォーマンスを発揮できるかを試してみてください。

[ 今までの IE9 Platform Preview 6 デモ紹介 ]
SVGヘリコプター
HTML5 / CSS3 box-shadowのテスト
あのブラウザって、こんなに遅かったっけ？

マイクロソフト
田中達彦