开业于2004年,诚信服务几万客户
翔意数码淘宝店:xynbnb.taobao.com
全国客服电话:010-59000667
地址:北京东城区东兴隆街56号北京商界A座512
ThinkPad产品专业客服 苹果产品专业客服
查看: 2061|回复: 6

iTunes LP 的内部结构

[复制链接]
发表于 2009-9-17 14:13 | 显示全部楼层 |阅读模式
网页开发师杰伊·鲁滨逊对 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 ★★★

 

 

 

发表于 2009-9-17 14:39 | 显示全部楼层
我还以为是iTunes老婆呢…… ★★★

 

 

 

发表于 2009-9-17 14:42 | 显示全部楼层
被标题了~~~
发表于 2009-9-17 14:46 | 显示全部楼层
lp。。。。不是老婆啊
发表于 2009-9-17 14:58 | 显示全部楼层
(纯文本效果不及要求?)

用纯文字显示会受到因为机器型号,配置不同引起的显示差异,就算用图片显示的话,png图片在ie6下面依然不会显示出透明的背景~~这是网页设计上最头疼的事情,要针对不同的浏览器以及版本开发相应的CSS,js
发表于 2009-9-17 15:05 | 显示全部楼层
没有看懂?
是用html开发的RIA?
发表于 2009-9-17 20:28 | 显示全部楼层
没看懂。。。。太深奥了。。。。
您需要登录后才可以回帖 登录 | 加入

本版积分规则

返回顶部