Apple官網 Macbook Pro Features頁面, MBP打開的動畫竟然是用61張jpg圖片拼出來的.

[013231]

http://www.apple.com/hk/macbook-pro/features/
下拉到"全快閃存儲"那一節, 會播放一個MBP蓋子掀開的動畫, 這個動畫是用
http://movies.apple.com/media/us/mac/macbookpro/2012/d071gcxs-8km0-9twq-upmt-uppahk7bk91t/open-sequence/open_000.jpg
到
http://movies.apple.com/media/us/mac/macbookpro/2012/d071gcxs-8km0-9twq-upmt-uppahk7bk91t/open-sequence/open_060.jpg
61張圖片拼出來的. 這61張圖片大約要消耗4MB流量.
相比之下, MBP首頁
http://www.apple.com/hk/macbook-pro/
那個MBP打開的動畫直接使用video播放, 尺寸更大, 時間更長, 體積反而更小. 代碼顯然也更加簡單.
Features頁面使用jpg圖片拼動畫, 是基於什麼原因呢?

[nocoo]

任何设备都可以播放嘛~
视频的话...比较复杂，是个政治问题

[agui]

你有没有注意到，只有当页面加载完成后，你第一次滚动浏览到这张图的位置的时候，这个盖子打开的动作才开始加载，并动画化，而不是一开始你还没有看到这个位置的时候，就动画化。

也许这个是为什么不用视频或者其他方式的原因。

[013231]

@agui video一樣可以控制播放/暫停.

[agui]

@013231 可以在我浏览这个页面第一次滚动到这个地方的时候，自动播放吗？

[NemoAlex]

@agui 可以的，由 JavaScript 来控制
只不过预载入可能会有一些问题
没有试过不太了解

[neildd]

都是这样干的，android的开机动画都是好多张jpg连续放。

[zythum]

要我做，我也用图拼。

[a4840636]

@neildd 貌似是PNG

[soulhacker]

这个方案还有个好处是（似乎）可以更简单的支持 Retina Display……

[fanxuanz]

为什么显示器一打开之后……我的页面就奇卡！！

[clowwindy]

因为不用 flash，又兼容 IE6。