非主流图片论坛 » QQ 专区 » QQ空间教程 » QQ空间播放器制作教程集

alan 发表于 2008-1-14 02:03

QQ空间播放器制作教程集

1，以前版本升级建议：
Rr:|i-{!v0Os6G I+el$V;n@:P
新版主要变化是播放器主程序和配置文件结构。fz.J)EPVm
img:
bu:F'H4NDa7n@ [attach]113800[/attach]_5Jr s+[:~_J

?W}#t8fu/~&q)G R6x 附列表文件结构图：
4J$W)~&cst.cE
Y;[6V%d6PJY!]-x? +b(EG3}&E8c~f
img: Nc4ZvnA
[attach]113801[/attach]+@n*dpx6M#Az L
$yF*bo.b8R9yx;I@2s

V7h5AeY3d ============================================================================
D%`(u.R m/z
-M
s"a&c5@MO 安装包相关文件目录说明
:V$|1D4p4NNW?#u%B
7n ]2d%u_hwQ,sW -------------------------------------------------------------------------------------
A-eH;H*d e!`
.fb2M*{.e/@B cmp.swf                播放器主程序:F!H A+M!G|kO
cxe.swf                加密程序(本地使用，无需上传，必须安装Flash9方能打开)%g1x1{)AsQ#gA#h-I7G
decode.txt            用来保存解码文qZ?F&W7_I
index.htm            播放wma文件的支持页面(可自行扩展)t;p Je!Z b_4y k\
cmp21config.gif    cmp v2.1配置文件图解说明(新手必看，无需上传)KaDG2v~4\W
bg                        图片目录
Z,\QMS1d7q oa1j lrc                        歌词目录!sLl*WYF#YF4m
scene                  场景动画目录
QF0Z6tbl skins                    皮肤文件目录
:UM)ncBEg1G xml                      配置文件和列表文件目录.r&cIuw[&A
admin                  ASP在线管理程序(空间不支持ASP者不需要上传)
p4n)X(V/uS
Lu \ Gx
Qbt?gs 玩花界面
}X(U v V!vJ6]}T y,M6`4O4Z&k
1，滚动公告和内容支持部分Html标记A~9v?3N
]F'mYK/r
如加链接直接填写html的a标记即可，也支持颜色字体等标签。但XML中必须使用CDATA部件,在CDATA内部的所有内容都会被解析器忽略。例如：&t4u2M+CCU
0y~/l;iA2F-a
<l><![CDATA[<a href="http://bbs.cenfun.com/"><font color="#ff0000">欢迎大家使用CMP</font></a>]]></l>@ O^*VW9Hi)q!X
同理，内容设置也支持，例如：
7E)h-['p)b
+UJH6a4e!o4wh~ <content><![CDATA[<a href="http://bbs.cenfun.com">欢迎大家使用CMP</a>]]></content>g}0s$Y(A
加入图片：oc*Xm6O+{7@Th6t


I]
CFW(e5\'pF <content><![CDATA[<img src="logo.gif" />]]></content>
C8o w1Qv!U6\[ 当然音乐名称和介绍也支持(此时点击名称不能加亮显示)：
5mB6y[
|8|6f%d P3Z
LQkPS1c <m>
@D+]]-GB\7K         <n><![CDATA[<font color="#ff0000">忍着神龟 Tmnt</font>]]></n>
a3E#~*s3}         <u t="106">http://player0.toodou.com/flv/002/051/303/2051303.flv</u>1CD9s-jsG3[(w
        <c>忍着神龟 Tmnt 电影预告</c>
1i9^#f3Z6bI8_v"GTH         <p></p>
|B*@"k5jMZ u9e*J         <l></l>
;a(OnD:R+pw         <s></s>
!J0{'{~d9n D^8xs       </m>
k|}`/e*gu 这里有个颜色表：[url]http://30.s[/url] pace 1 63.com//hamuyuan/xiazai/zang.htm  想改成什么就改成什么吧！YBVxv'y
v%Q
Hz5X"F+QI:`
2，皮肤玩花,c\FL$LU d
xH,i'oN6P-X
先看CMP层次结构:M+Q)P0r ^.xr{
img:
&r5b6U d.Yh3j/Y
\ u)z,D2eh*k [attach]113802[/attach]Q+eJ&PX5{*{2n
故将皮肤背景图挖去中间(450x320)制成皮肤，然后又将皮肤挖去上面一块(438x120)制成歌词背景，三个同时使用即可拼成一幅完整的图！
J7Y5Tajo{

kDl7ar
y+Z|'iF 简单方法：因为每一层都支持透明显示，其实只要把皮肤做成全透明或半透明即可(歌词背景设置透明度a="0")。*Z1la6l%Xw7y7c't

#P6[7{Jg?$W 歌词背景、场景动画、皮肤、皮肤背景都支持以下格式：
b`N3A C ^"\c] Ka\]&g2G$ga
swf 可透明，动态u
X-Fk'CQ$K6g
png 可透明，静态
$bB7Q"Ii_ gif 可透明，静态(只能显示第一帧)
;o
W1xD/Y jpg 不可透明，静态
_%l5zZ fD
A
-i@r,Rvj 加密部分
eD}.b&VXw]K vy#l%r
c0^3f$o
此部分的使用确实给新手添加了很多难度，建议新手不采用。c7K_QV,UdHo

4^!zsh*y x~%Y;YV 如果加密，请一定注意以下事项：&jE2A ^+LW5Q&xc6@5m_

(\V"oW!q5oD 请确保你的数据备份！
%`m7A-XdE*wi 请使你的加密文件尽量小(100首歌以下)rm4b9l?bfA)mD
请确定未加密前，你的XML是完整正确的4t,k6TE J%|
请检查你的XML文件，确定其中没有非法或稀有字符，如：日文字符，@，&等等NseG2p
请在复制粘贴时，确定没有错误，如多一个空格，少复制一行等等+~eE }Z l
请一定确定你的所有加密都使用同一个密码，而且decode.txt文件对应的解码文正确(也是同一个)K9w\*Dl
任何以上错误或其他任何一个小错误都可能导致解码失败！
G,V)tg2F(n 不推荐新手使用此功能，造成数据丢失或其他后果自负！4E5gvT R7d.rY+}
-----------------------------------------------------------------------------------------
QjKnZtO
J:R"smM5DRv+N 1，CMP v2.1加密方法
?h8T"Ru-Pt1m{
Y*~v"Xb'g+e"f.lm 打开加密程序(文件名cxe.swf：加密程序是as3写的，要安装flash9方能正常显示)，输入您的密码(任意字符串即可)，并且一定记住您的密码，以备加密其他文件或以后修改文件再加密使用。%v3N GY}
_9c
~/q Fo1J
选择你要加密的文件(XML文件)，一定先复制一份保存好(备以后修改内容用)。3}&?P7q3M&Yd m
然后打开一个要加密的xml文件如：list1.xml(记事本等都可以打开)，复制里面的所有内容。/kp({fqD3GLsX
将复制的内容粘贴到加密程序(cxe.swf)第二个输入框，点击“提交”。/Z*Uy._RY[
在第三个输入框将生成加密后的内容，全选复制出来，粘贴替换掉你打开的xml文件(list1.xml)里面所有内容，然后保存文件。
P&HsP+aO9^ 在第四个输入框将生成解码文，全选复制出来，打开decode.txt粘贴保存，如果以前有就替换掉然后保存，这就你的密码对应的解码Key。
L\Q-}dWez*A:r 用同样的方法加密其他文件即可。af0vNB @+J H
注意：加密后不能解密，请一定备份一份未加密的，备以后修改用(修改其实就是修改明文再加密，密文不能修改)
-^CVMmb3? 加密不宜大文件，否则解码很费系统资源，flash执行效率本来很低。{z+J n8|
b`FJ-l3l
一般配置电脑100首歌解码1秒钟左右，只需一次解码即可，再次打开时不需要。
D&Mkh|5k $S5E~??^s
如果加密，推荐使用多分类来分担，每个类音乐少于100首歌。2Uj#abuA-hBN V

&t#Y+@0B6YoWR 2，CMP文件保护建议MER.[Z7C

N!Z#zS3r&U*f9eK 众所周知，从IE缓存可直接复制出浏览过网页的绝大部分内容。所以说什么禁止图片下载等等都是无稽之谈，再怎么不让下载，截一个图就可以保存到本地了。这里要讲的是有什么方法可以让你的播放器文件(包括图片、动画、XML数据等)不那么容易被别人改掉。-E1B:iT!EP[4K

9?H:Pk6Mc 加密config.xml配置文件是首选
C!y'V9^?*z 因为播放器一切都是从这个配置文件开始。
M_;E}0n9CQ` 修改你的文件名和后缀
2C(~ILb0x%n+T 原理：一般按文件后缀名可以直接判断出是什么文件，这里我们将他们混淆。-P%dHN)]|-o
例如：-u4E(fOS.U K9R7l'x/o

)r C"eO[ID~
V 背景图片文件名bg1.jpg改成XML文件名list2.xml
4{4CH vP 然后动画文件名fly3.swf改成背景图片文件名bg4.jpg/e9^
`1}8l`L
XML文件名list5.xml又改成动画文件名fly6.swf,yXA%Nbv
sn{
jY5W0@2O@
等等(除了xml/config.xml)
:a(kN'r aE PK 最后在配置文件中：
$Nu Me4l6}&hSLPI IE2{_L5^$H
背景地址填写list2.xml@S?h5~5lQ mK
而动画地址填写bg4.jpg\*s9LvEF8B^ G ~
xml文件地址则用fly6.swfq#|-{?M |KvM.]

/cl(W5b0U3_g!{ 配置文件在第一步不是可以加密，一般人很难知道你调用的是什么文件，复制出缓存文件也不能轻易知道是什么文件。$Z2d8U^1v5R
如果你的文件很多，混杂效果更佳！jO7vt6HlwkX
加密音乐列表，这里和加密配置一样(加密完再改后缀)。
a"[^kM2U n2W.C%lE1a
隐藏设置
.C7C$G0q:pi5n0gh4Um B Qm#i7wV
\3q
1，其他皮肤属性设置
3H.La+pZ.M*` W jIR4xU)|
之前有人提出换皮肤时，可能列表字体颜色会与此皮肤颜色相近，导致看不清楚，故这里有一个属性支持：NB$e
rF"jS!j

v@.YSea <l name="WMP11龙纹" bg="bg/vista.jpg" color="#ffffff">skins/wmp11.jpg</l>
~} MP:zZP7BY 其中color="#ffffff"的功能就是使用这个皮肤时将所有列表演色换成#ffffff白色！e-I+G&Wvv/?!Hv_
Y(Z[i`[
这个也是特殊情况使用，一般不需要设置！"B
bp yx&e#y!V\3@
v)P'z7B)nQ+U
这里还有个属性用来设置是否显示列表边框和控制条颜色：K4vs5Y~7{ jN&^ ?
S$OL6dEh;~R1cH3e
<l name="WMP11龙纹" bg="bg/vista.jpg" mode="1|#FF6600">skins/wmp11.jpg</l>/ORY:w1fi
mode="1|#FF6600"，支持两个值，用 | 隔开：/K;O/C(J5wq
bJ'OgQ[7N8`j
其中1表示不显示列表边框，用来处理特殊皮肤效果
g!r2tN"E #FF6600表示控制条颜色，也是用来配合皮肤色调Vp7J(G0Z
`-n k$Gw
例子可见安装包中的金属板皮服设置。
+auk[^-d2]1m8sI0}9I4P anf9dF7S-L ~ _1Ui
2，指定加载皮肤号2C(m_kI(N
L I'`lN;B6]yR y7^z
即在配置文件config.xml的设置中添加一条：
j%rL`6SuZF^,[
|!y$zq_`J:q <set>
2D*lC rfD0{!} <l>skinID=1</l>
#k0sv%R9|%L~ </set>
+YM!YgR? 其中1表示指定加载第1个皮肤，只能填写数字，且大于0小于9(最多可设置9个皮肤)！
Zt3Yn K!vI,mF0|$a &w.K7JFo%C7Y^
3，自动播放设置
F D'w6D,h4p
7v5Nkz;KX,i5p autoPlay=0是不启动自动播放，也是默认值，autoPlay=1是启动自动播放，且随机选择一个开始播放。"A!`N5n5~'?:xI3gC:Y
k,I+[)Iv2{+TM
如果要播放第一个怎么办？将autoPlay=2或其他值即可，这里和v2.0设置一样！enjoy!7jH'GZ;J}g#v+?h

m6WTjG:j\p 4，播放器放大缩小5x%B~T Y2dF o(b

%w,nfBM^ 有些朋友无意中把播放器放大了，那是因为加载的外部swf文件引起的。
"BY$vO"] u]a zYVjx6C,?
有些外部加载的swf动画文件(如场景动画)中设置了scaleMode 属性，强制 SWF 文件设置为特定的缩放模式。
6tr2V5@)a/D5k2b
u 8X)\zp1z%{5H%@:z
scaleMode 属性可以使用值 "exactFit"、"showAll"、"noBorder" 和 "noScale"。任何其它值都会将 scaleMode 属性设置为默认值 "showAll"。
`:^!{6V![7@y#P5X
E0x@7g]5Y.X4[ o!S showAll（默认值）使整个 Flash 内容在指定区域中可见，且不会发生扭曲，同时保持原始高宽比。 Mah AK8m
noBorder 对 Flash 内容进行缩放以填充指定区域，不会发生扭曲，保持原始高宽比，可能会进行一些裁剪。
VI-Xw$W2kk8_q exactFit 使整个 Flash 内容在指定区域中可见，但不尝试保持原始高宽比。可能发生扭曲。 O"} M.{,a6O#Y
noScale 使 Flash 内容的尺寸固定，因此，即使在更改播放器窗口大小时，它仍然保持不变。.?7O*XCh'@Sz
故只要外部加载的swf动画文件中设置了Stage.scaleMode = "exactFit" ，则播放器会自动随宽高自动缩放，比例失调，可放大也可缩小！要正常大小，设置Stage.scaleMode ="noScale" 即可。

赱私爱 发表于 2008-1-19 23:05

看得我眼花,不懂:yoci35:

`俽籽 发表于 2008-4-15 20:09

不懂，笨笨啊~~~:yoci62:

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