Sep

iTunes LP 的内部结构

Oliver.C on 2009-09-17,11:36 评论(16) edit

原文链接；本文经由 Jay Robinson （杰伊·鲁滨逊）许可发布。

网页开发师杰伊·鲁滨逊对 iTunes 新增入的 LP 功能很感兴趣，他想要了解一下里面的结构，因此不妨跟随他一起，来一次虚拟拆解吧。

基本情况

iTunes LP 文件是一个超过 500MB 大小的，扩展名为 .ITLP 的封包。当你在 iTunes 中打开它的时候，将会借由浏览器来显示并占据整个窗口，接着照片淡入，音乐响起。页面中的链接将把你带入到最主要的功能之中，例如照片、视频以及歌词。

LP 的框架大小看上去像是 1280×720 ，不错的分辨率，但是纵向分辨率小于 842 像素的电脑会出现讨厌的滚动条，比如说 13 寸的 MacBook 。

下方是 Jay-Z 《蓝图3》专辑中的一些截图。

视觉化

有趣的是，当你点击「全部播放」的时候会呈现出视觉化的效果，这是颇具惊喜和创意的功能。Jay-Z 的这张专辑内置了三种视觉化效果，并会在其间切换。首先出现的是音频波形，不过可惜是固化效果，而非由音乐自动生成。三种效果的名称分别是：「波流」、「曲表」和「迷」。

然而，在欣赏 LP 曲目时还会带来意想不到的问题，Genius 合集中也有这样的情况出现，即无法得知目前正在播放歌曲是什么。这意味着除非退出 LP 模式，否则无法给歌曲评级或者查看其他相关数据。

这还会产生另外一个问题，退出 LP 并不会记录最后播放的信息，意味着当你想要在中途寻找某首歌曲的信息并重返 LP 时，要做好重新开始的准备。不过幸运的是这不会影响到播放计数功能。下方是「波流」效果的截图。

WebKit 和 iTunes LP 内部结构

鲁滨逊反复表达了对 LP 内部结构的好奇，他料想这玩意应该和 iPhone 程序类似（.IPA），于是他把 .ILTP 改成了 .ZIP ，结果没错，改名以后就可以一窥底细了。当然，也可以通过右键点击封包文件，再选择「检查包中内容」，不过估计苹果将在未来移除这项功能，而且改为 ZIP 也方便许多。下图是包内文件的截图。

LP 采用的技术或标准有：HTML 4.01、CSS 和 JavaScript ，界面非常类似 Flash ，但看不到它存在的痕迹。CSS 动画精巧而顺畅，字体通过 @font-face 在 CSS 中引用，但似乎用处不大，因为大多数文字，甚至长如歌词，也是通过 PNG 文件来呈现的，鲁滨逊猜测苹果原先是打算用字体来渲染文字，但最后改变了主意。（纯文本效果不及要求？），在 The Doors 的专辑中他发现了一些痕迹，比如说原始文件的名字是「song13BackgroundClean.jpg」，但真正使用的是「song13Background.jpg」这张，你可以在下图中看到他们的差别。