查看完整版本: QQ空間播放器制作教程集!!!

Lily 2007-8-29 12:38

QQ空間播放器制作教程集!!!

1，以前版本升级建议：
0N%P-R j#X 'w0s2B [ f6]Zn)fK3B
新版主要变化是播放器主程序和配置文件结构。
~M8IR+_6E img: [img]http://bbs.cenfun.com/cmp/help/cmp21config.gif[/img]
z9P:wQ9k F&W\8n@:uh

@!D;Pz+aW 附列表文件结构图：6ppe ]UG
U/~i1Ano5JD-~
M\2])Y [hZW
img: [img]http://bbs.cenfun.com/cmp/help/cmp21list.gif[/img]_;VTy9M

|1w.G*V:Y q{pe ?,s:x~
(L BJM%~0d
============================================================================
*H_D4YJ*o yH
_#xZ4P SiZCl 安装包相关文件目录说明6w+N7?X? p iq

*hYE2p;M"~s -------------------------------------------------------------------------------------
g T6d&dIaU)GV i?d.e$Nx
cmp.swf                播放器主程序
dIl"v} cxe.swf                加密程序(本地使用，无需上传，必须安装Flash9方能打开)
4D2q+N@$alJQY decode.txt            用来保存解码文@Fj t9\
index.htm            播放wma文件的支持页面(可自行扩展)
R2f"t(V_'O5|7n cmp21config.gif    cmp v2.1配置文件图解说明(新手必看，无需上传)
N^4]H6TC bg                        图片目录WYiPbE
lrc                        歌词目录}*hOWwE"I*C(gO#I
scene                  场景动画目录
HJ1V:E2EE7n2F@] skins                    皮肤文件目录
k'|0E*maz l xml                      配置文件和列表文件目录
X pK5B4Ev ~l)K@ admin                  ASP在线管理程序(空间不支持ASP者不需要上传)-w-CX-]kW fwQ

&b,R)R,BE$m8I!?F 玩花界面
E[ t5y#r,_tV|{
Tj,V(U7SzsTY 1，滚动公告和内容支持部分Html标记*?;cH_ o:J.\!H$B
hRXN Y$m;A
如加链接直接填写html的a标记即可，也支持颜色字体等标签。但XML中必须使用CDATA部件,在CDATA内部的所有内容都会被解析器忽略。例如：
v/?0T^sK~
m)d zC$e1K|6op c <l><![CDATA[<a href="http://bbs.cenfun.com/"><font color="#ff0000">欢迎大家使用CMP</font></a>]]></l>
)nd^sOds oW 同理，内容设置也支持，例如： h _N7Ud`3y
vr"]g1p#h/X
<content><![CDATA[<a href="http://bbs.cenfun.com">欢迎大家使用CMP</a>]]></content>
8~/[k,~1sx 加入图片：|#LI`9F)q

{K"yI.G,K&R <content><![CDATA[<img src="logo.gif" />]]></content>
M+u*`(yO/b 当然音乐名称和介绍也支持(此时点击名称不能加亮显示)：
Gu+^_8g a3i*c
Q7a*qryk$ADx(_ <m>
sH,zk/[1q         <n><![CDATA[<font color="#ff0000">忍着神龟 Tmnt</font>]]></n>9u+f}gj&K6mfj
        <u t="106">[url=http://player0.toodou.com/flv/002/051/303/2051303.flv]http://player0.toodou.com/flv/002/051/303/2051303.flv[/url]</u>
7Fha3]Uuu^ D         <c>忍着神龟 Tmnt 电影预告</c>AUJ:d&J"X TNyR:AN
        <p></p>
'Ci%k7em:r [         <l></l> B @SC} aH~
        <s></s>
.Ol4|dt%d!f       </m>i5y6v;GWT*p,y
这里有个颜色表：[url=http://30.s/]http://30.s[/url] pace 1 63.com//hamuyuan/xiazai/zang.htm  想改成什么就改成什么吧！
_u~,z5Y,K CGtb^-L#S
2，皮肤玩花R\#YF(h-T!f

Z h,~-X3|8W 先看CMP层次结构: LVR'w({*dS/W N4X
img: [img]http://bbs.cenfun.com/cmp/help/cmp21frame.jpg[/img]
6r Co.p#C)r 故将皮肤背景图挖去中间(450x320)制成皮肤，然后又将皮肤挖去上面一块(438x120)制成歌词背景，三个同时使用即可拼成一幅完整的图！9VW:@#R:C(K

bvWMp$U/b 简单方法：因为每一层都支持透明显示，其实只要把皮肤做成全透明或半透明即可(歌词背景设置透明度a="0")。'V%[3z-?+e&QB

L"lr+H)LPXI P 歌词背景、场景动画、皮肤、皮肤背景都支持以下格式：#c s^q3X ?y

*dv H| W swf 可透明，动态
N4q1g%N AfK png 可透明，静态`r&MbY}&s
gif 可透明，静态(只能显示第一帧)-k^W5\.a*sh
jpg 不可透明，静态.P)\5T ~oV)rb,\
rS-BJ9lc%@ xs
加密部分Q3I `b4Y+f:t:v+G

Sp;R E jB%Ix z 此部分的使用确实给新手添加了很多难度，建议新手不采用。
+OT Ou0d,o9UY P*\ WNj8LC
如果加密，请一定注意以下事项：
A#s+i.K8Z,l$q/E
k3R Z8xQX#?n^ 请确保你的数据备份！+w3fkD*Q(a
请使你的加密文件尽量小(100首歌以下)D7\A6eX
请确定未加密前，你的XML是完整正确的:}iA6ol t8Os
请检查你的XML文件，确定其中没有非法或稀有字符，如：曰文字符，@，&等等U)Mq?)n-{o
请在复制粘贴时，确定没有错误，如多一个空格，少复制一行等等 d([M{&?4J
请一定确定你的所有加密都使用同一个密码，而且decode.txt文件对应的解码文正确(也是同一个)fRum/T6x8]-cHlB*E
任何以上错误或其他任何一个小错误都可能导致解码失败！
H)FgrXO7A 不推荐新手使用此功能，造成数据丢失或其他后果自负！Q\ sS'[*D-F
-----------------------------------------------------------------------------------------
H*B$W6h!e b
XE"Hv!l4xGB%GKj 1，CMP v2.1加密方法4J'^D'Cx i
-t'H0@[,J4E3H7z8R
打开加密程序(文件名cxe.swf：加密程序是as3写的，要安装flash9方能正常显示)，输入您的密码(任意字符串即可)，并且一定记住您的密码，以备加密其他文件或以后修改文件再加密使用。8m&n&QA,H v
选择你要加密的文件(XML文件)，一定先复制一份保存好(备以后修改内容用)。
f8Lb `"S!r1k-S 然后打开一个要加密的xml文件如：list1.xml(记事本等都可以打开)，复制里面的所有内容。
5Z5X5vS/x'K@$jj#s0E 将复制的内容粘贴到加密程序(cxe.swf)第二个输入框，点击“提交”。8ovb)h1[\.Us#J
在第三个输入框将生成加密后的内容，全选复制出来，粘贴替换掉你打开的xml文件(list1.xml)里面所有内容，然后保存文件。4]2Z7w3Rh2YS
在第四个输入框将生成解码文，全选复制出来，打开decode.txt粘贴保存，如果以前有就替换掉然后保存，这就你的密码对应的解码Key。%`,I$[/n*[i(E yu[D
用同样的方法加密其他文件即可。5Pv!bK9mIO
注意：加密后不能解密，请一定备份一份未加密的，备以后修改用(修改其实就是修改明文再加密，密文不能修改)
D"tIZ] }9}SP!Zh 加密不宜大文件，否则解码很费系统资源，flash执行效率本来很低。
5NR5s"x? cg
1t9wgJEe#Cf 一般配置电脑100首歌解码1秒钟左右，只需一次解码即可，再次打开时不需要。6L-Dw3PC'lc

"^ @`6n&cnn 如果加密，推荐使用多分类来分担，每个类音乐少于100首歌。
8`,o3W&GlC%VA(X8j,R7f x
8bZ#tI)E%aA-F 2，CMP文件保护建议gW4E)j-_Ev8e D8[
0r^:?jh#h
众所周知，从IE缓存可直接复制出浏览过网页的绝大部分内容。所以说什么禁止图片下载等等都是无稽之谈，再怎么不让下载，截一个图就可以保存到本地了。这里要讲的是有什么方法可以让你的播放器文件(包括图片、动画、XML数据等)不那么容易被别人改掉。3QXpoC|
0G[qe1tP
加密config.xml配置文件是首选
s)E9TT5Al$t`8s 因为播放器一切都是从这个配置文件开始。0n)OnKdt
修改你的文件名和后缀
5Y]@&\h_%N 原理：一般按文件后缀名可以直接判断出是什么文件，这里我们将他们混淆。
R R3\+iM'Rf 例如：
3VR)zD(GezA
Q n s uQ 背景图片文件名bg1.jpg改成XML文件名list2.xml
0[0mR0I zU 然后动画文件名fly3.swf改成背景图片文件名bg4.jpg
g jD6wB4W L*t\3p XML文件名list5.xml又改成动画文件名fly6.swf
a f6v*Bsn'` p
w(eHT[Ss+eV 等等(除了xml/config.xml)P)[&c!MV#||w@ @.?k B
最后在配置文件中：RE }Z+]
(LhX$b/SgBl#vU
背景地址填写list2.xml
qkU z@X6F umb u 而动画地址填写bg4.jpg
H"R|+fk"Z+L xml文件地址则用fly6.swf
@ b,Q$V*D3V 1j0SN*W"Dz
配置文件在第一步不是可以加密，一般人很难知道你调用的是什么文件，复制出缓存文件也不能轻易知道是什么文件。
#A!Mf ^Ig8BL0od 如果你的文件很多，混杂效果更佳！
odD'T U1N `y 加密音乐列表，这里和加密配置一样(加密完再改后缀)。
[} Knt]
\3Xpb7j&h~ 隐藏设置
OZB MLY} m {8}Yk6N8E [f
1，其他皮肤属性设置+uL3g,HB2q

|)[1C S4scDE.}VZ 之前有人提出换皮肤时，可能列表字体颜色会与此皮肤颜色相近，导致看不清楚，故这里有一个属性支持：
s,B,NN\i 6Kjq5sW8G n
<l name="WMP11龙纹" bg="bg/vista.jpg" color="#ffffff">skins/wmp11.jpg</l>
w$b3cT}yu qI@ 其中color="#ffffff"的功能就是使用这个皮肤时将所有列表演色换成#ffffff白色！
A'Ks4|$K"L!p 8O!`:Z2f%FW O
这个也是特殊情况使用，一般不需要设置！A D;Z$mMs
@ ]!MK7_,d K[
这里还有个属性用来设置是否显示列表边框和控制条颜色：
c|HQ3Hu0V/vk `2Sgtf V y*al,V
<l name="WMP11龙纹" bg="bg/vista.jpg" mode="1|#FF6600">skins/wmp11.jpg</l>;V6v O Z_F(`
mode="1|#FF6600"，支持两个值，用 | 隔开：
,k{4E Gl5k9Z5y
+O#y2dyKx4V 其中1表示不显示列表边框，用来处理特殊皮肤效果
P ~c4Fsb #FF6600表示控制条颜色，也是用来配合皮肤色调
3e'Cjx(^._9k"VL 例子可见安装包中的金属板皮服设置。8{'ez?S xa3@
r6f;VL,~%BGA
2，指定加载皮肤号
9tL$^;]1A r An)o5G}
l.FSe)J)i.u 即在配置文件config.xml的设置中添加一条：f"C:i;M*Lo*]

tGBt-a?]5h <set>%S:A0w K7E!N
<l>skinID=1</l>
s2I|*G n </set>
0nR)u_5GH 其中1表示指定加载第1个皮肤，只能填写数字，且大于0小于9(最多可设置9个皮肤)！
P)Bl%ak?.Te
7SH:oX O ZiX e#R 3，自动播放设置] k[$q&C YPi f0?

E~8S!n'X S autoPlay=0是不启动自动播放，也是默认值，autoPlay=1是启动自动播放，且随机选择一个开始播放。
6oAb+B wt'ENTd
TQ#} t K 如果要播放第一个怎么办？将autoPlay=2或其他值即可，这里和v2.0设置一样！enjoy!WBly7Y0~

#zM*S)i-?QpB-x 4，播放器放大缩小/W(e/S0B9^W
;L|#r2W6jg#~
有些朋友无意中把播放器放大了，那是因为加载的外部swf文件引起的。*N'a0iN$b9RK

T8oi H/e H)?N/C I 有些外部加载的swf动画文件(如场景动画)中设置了scaleMode 属性，强制 SWF 文件设置为特定的缩放模式。'`*i*~YQsGH)m
N*{&K"\T
scaleMode 属性可以使用值 "exactFit"、"showAll"、"noBorder" 和 "noScale"。任何其它值都会将 scaleMode 属性设置为默认值 "showAll"。
^#T8z;Lv \T
`?tV} showAll（默认值）使整个 Flash 内容在指定区域中可见，且不会发生扭曲，同时保持原始高宽比。
u,`"s7{W0T!e)M6w-W noBorder 对 Flash 内容进行缩放以填充指定区域，不会发生扭曲，保持原始高宽比，可能会进行一些裁剪。
_&t!^/v"{HE exactFit 使整个 Flash 内容在指定区域中可见，但不尝试保持原始高宽比。可能发生扭曲。
;c&Vh M)A1n2w noScale 使 Flash 内容的尺寸固定，因此，即使在更改播放器窗口大小时，它仍然保持不变。D'm`ff3xn/I'B
故只要外部加载的swf动画文件中设置了Stage.scaleMode = "exactFit" ，则播放器会自动随宽高自动缩放，比例失调，可放大也可缩小！要正常大小，设置Stage.scaleMode ="noScale" 即可。

jacola 2007-12-2 14:13

太复杂了，看不明白，呵呵！！！
页: [1]
查看完整版本: QQ空間播放器制作教程集!!!
查看完整版本: QQ空間播放器制作教程集!!!