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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

Support

› 根据产品序列号查看状态

有用链接

› Apple 产品更新周期

这是一个创建于 4333 天前的主题，其中的信息可能已经有所发展或是发生改变。

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圖片拼動畫, 是基於什麼原因呢?

11 条回复 • 1970-01-01 08:00:00 +08:00

nocoo

2012-06-12 10:53:01 +08:00

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

agui

2012-06-12 11:18:42 +08:00

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

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

013231

2012-06-12 14:57:55 +08:00

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

agui

2012-06-12 16:29:54 +08:00

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

NemoAlex

2012-06-12 16:46:09 +08:00

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

neildd

2012-06-12 16:53:49 +08:00

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

zythum

2012-06-12 17:00:49 +08:00

要我做，我也用图拼。

a4840636

2012-06-15 15:43:22 +08:00

@neildd 貌似是PNG

soulhacker

2012-06-15 16:38:54 +08:00

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

fanxuanz

2012-06-15 16:46:08 +08:00

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

clowwindy

2012-06-15 17:48:21 +08:00

因为不用 flash，又兼容 IE6。