开业于2004年,诚信服务几万客户
翔意数码淘宝店:
xynbnb.taobao.com
全国客服电话:
010-59000667
地址:北京东城区东兴隆街56号北京商界A座512
ThinkPad产品专业客服
小梅
电话
15801358670
QQ
1669043
微信
meiz0205
互动
EddieFan
电话
13381069571
QQ
77230234
微信:
EddieXYNBNB
互动
李雪
电话
15010539067
QQ
139335337
互动
苹果产品专业客服
思竹
电话
18501259835
QQ
139335336
微信
MrXYNBNB
开启辅助访问
回首页
BBS
ThinkPad 港行报价
ThinkPad 美行报价
苹果产品报价
Apple Price
版主微信
登录
注册
账号
自动登录
找回密码
密码
登录
加入
帖子
好友
道具
勋章
收藏
任务
设置
退出
搜索
搜索
本版
帖子
用户
Mac 问题解答
Mac 就是好用
苹果售前及技术支持QQ:139335336
苹果技术支持电话:18501259835
微信: MrXYNBNB
翔意数码
»
回首页
›
翔意笔记本论坛
›
苹果产品行情交流和购买咨询
›
iTunes LP 的内部结构
返回列表
查看:
2075
|
回复:
6
iTunes LP 的内部结构
[复制链接]
Junne
Junne
当前离线
积分
13066
发表于 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 ★★★
回复
举报
huangwhuang
huangwhuang
当前离线
积分
9969
发表于 2009-9-17 14:39
|
显示全部楼层
我还以为是iTunes老婆呢…… ★★★
回复
支持
反对
举报
BGA
BGA
当前离线
积分
10669
发表于 2009-9-17 14:42
|
显示全部楼层
被标题了~~~
回复
支持
反对
举报
icemanqi
icemanqi
当前离线
积分
5154
发表于 2009-9-17 14:46
|
显示全部楼层
lp。。。。不是老婆啊
回复
支持
反对
举报
pf_jyang
pf_jyang
当前离线
积分
864
发表于 2009-9-17 14:58
|
显示全部楼层
(纯文本效果不及要求?)
用纯文字显示会受到因为机器型号,配置不同引起的显示差异,就算用图片显示的话,png图片在ie6下面依然不会显示出透明的背景~~这是网页设计上最头疼的事情,要针对不同的浏览器以及版本开发相应的CSS,js
回复
支持
反对
举报
edot
edot
当前离线
积分
92
发表于 2009-9-17 15:05
|
显示全部楼层
没有看懂?
是用html开发的RIA?
回复
支持
反对
举报
步枪一号
步枪一号
当前离线
积分
102841
发表于 2009-9-17 20:28
|
显示全部楼层
没看懂。。。。太深奥了。。。。
回复
支持
反对
举报
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
加入
本版积分规则
发表回复
回帖后跳转到最后一页
积分 0, 距离下一级还需 积分
返回顶部
关于我们