iTunes LP 的内部结构

Junne

网页开发师杰伊·鲁滨逊对 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」这张，你可以在下图中看到他们的差别。 也许并不令人惊讶，LP 中的文件可以在最新版的 Safari （4.0.3）里很好的运行，除非某些请求 iTunes 响应的部分，例如电影文件。而 The Doors 的 LP 专辑中还遗留有开发时使用的文件，例如参考图片或是布局风格指南，见下图。 DRM 虽然用户的 iTunes 商店账号会被记录在 .PLIST 文件里，但是鲁滨逊并未发现 DRM （数字版权管理）的痕迹，即便在播放期间取消授权也依然能偶正常播放。他认为修改 .PLIST 文件也许可以将 LP 中的歌曲指向其他曲目。 总结 鲁滨逊对 LP 相当满意，而 LP 仅使用了 JavaScript 和 CSS3 提案中的部分功能就达到了这样的效果。视觉化提供了观赏音乐的另一种方式，有趣的是，许多人在观看 LP 中的 CSS 动画时，多以为是 Flash 制作出来的效果。 sources:apple$us ★★★

 

 

 

huangwhuang

我还以为是iTunes老婆呢…… ★★★

 

 

 

BGA

被标题了~~~

icemanqi

lp。。。。不是老婆啊

pf_jyang

（纯文本效果不及要求？）

用纯文字显示会受到因为机器型号，配置不同引起的显示差异，就算用图片显示的话，png图片在ie6下面依然不会显示出透明的背景～～这是网页设计上最头疼的事情，要针对不同的浏览器以及版本开发相应的CSS,js

edot

没有看懂？
是用html开发的RIA？

步枪一号

没看懂。。。。太深奥了。。。。