2012 年 9 月 26 日 追記しました。 要約エントリー。 元記事 : iPhone 5 website teardown: How Apple compresses video using JPEG, JSON, and <canvas> アップルのサイトの iPhone5 のページにある「スライドしてアンロック」のアニメーションが、信じられない実装になっている、という話。簡単に要約してみた。(ミスなどの指摘は @lowply までお願いします) もともと h.264 と WebM の動画フォーマット戦争でブラウザ互換性の問題がまだ残っている上、iPhone などは「再生ボタン」を押さないと再生できなかったりするので、こうした短いアニメーションに video タグを使うことは最適解ではなかったらしい。 そこで発想の転換をして、Retina MBP のページでは、蓋が開くたった 2
![要約: Apple iPhone5のページのJPEGとJSとcanvasタグによるビデオの実装がやばいという話](https://cdn-ak-scissors.b.st-hatena.com/image/square/05d13151adbfa767ec51b3dc37ba717375e95967/height=288;version=1;width=512/https%3A%2F%2Flowply.net%2Flowply.github.io%2Fassets%2Fog.png)