【制图帮助】基本音画贴的制作(三)

来源: smallguy 2012-10-08 23:40:41 [] [博客] [旧帖] [给我悄悄话] 本文已被阅读: 次 (6952 bytes)
本文内容已被 [ smallguy ] 在 2012-10-09 09:26:15 编辑过。如有问题,请报告版主或论坛管理删除.

【制图帮助】基本音画贴的制作(三)

这一节专门讲述制作透明播放器。

透明播放器有三要素,分别是播放器(swf)、播放器设定(第一个xml)、曲子列表(第二个xml)
举例来说:

<embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer"
src="http://space.wenxuecity.com/media/201208/27/1346120689.swf"
width="200" height="140" type="application/x-shockwave-flash" menu="false" quality="high"
flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml
&file=http://space.wenxuecity.com/media/201209/29/1348929725.xml"
wmode="transparent" border="0"></embed>

以上排版只为更好说明三要素在代码中的位置,实际操作时,应尽量减少句与句之间的空格,尤其&file=部分和前面的xml之间,
是不允许有空格的。
完整代码如下:

<embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer"
src="http://space.wenxuecity.com/media/201208/27/1346120689.swf" width="200" height="140"
type="application/x-shockwave-flash" menu="false" quality="high"
flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml&file=http://space.wenxuecity.com/media/201209/29/1348929725.xml"
wmode="transparent" border="0"></embed>

童鞋们可以把这三个文件下载保存,以备不时之用。

http://space.wenxuecity.com/media/201208/27/1346120689.swf
http://space.wenxuecity.com/media/201209/29/1348929685.xml
http://space.wenxuecity.com/media/201209/29/1348929725.xml

下面分别对这三要素作介绍。

1.播放器。

其实不用多说。这播放器是一点不用变的,这城里用的都是这款播放器,俺也是从丽丽那里顺来到,链接都没变:))
所以只要记住上面的播放器swf链接,到各个帖子里随手粘贴。有时,要是用旧贴的代码的话,连这一步都省了。
不过,要看看这播放器长啥样,还真有点麻烦,简单点的,把该链接拷贝、粘贴到IE的地址栏就行了。

2.第一个xml文件,涉及到播放器的设定,如字体的颜色、振动波幅的颜色,等等。
要做修改的也就是这一部分。

鼠标移至第一个xml文件,点右键,用notepad或者notepad++打开,找到下面几行:

<!-- choose the mp3player colors (hexadecimal, from 0x000000 to 0xffffff) -->
<backcolor>0xffffff</backcolor>
<frontcolor>0x463313</frontcolor>
<lightcolor>0x000000</lightcolor>

分别对ffffff、463313和000000做调整,改变文字和波幅的颜色。

其实,这也有个省事的办法,这坛子里用透明播放器的人多了,大家看到了形形色色的设置,可以把各种设置好的第一个xml文件保存下来。
文件保存,以后可以稍作修改,自个就能用了。另外打开记事本,专门为这些xml文件的url链接登记造册,加注文字。
这里就顺来几个好用的,知名不具啊:))

黑字黑幅
http://space.wenxuecity.com/media/201209/29/1348929685.xml
白字白幅
http://space.wenxuecity.com/media/201208/27/1346120644.xml
蓝字蓝幅
http://k006.kiwi6.com/hotlink/2n3986u3nh/player.xml

好的还有很多,童鞋们就找去吧。或者自个动手,改动第一个xml文件里的相关设定。
改完第一个xml文件后,注意保存的文件还应是xml文件。上传该文件,在第一个xml链接处粘贴新的url地址。

3.第二个xml文件。这是曲目列表,这个就得自个动手了。

还是用notepad或者notepad++打开第二个xml文件,代码如下:

<track><location>http://space.wenxuecity.com/media/201209/29/1348928528.mp3</location>
<annotation> 01 思丝入扣 </annotation><info>blank</info></track>

<track><location>http://space.wenxuecity.com/media/201209/29/1348928621.mp3</location>
<annotation> 02 柔情似水 </annotation><info>blank</info></track>

<track><location>http://space.wenxuecity.com/media/201209/29/1348928674.mp3</location>
<annotation> 03 琵琶弦上说相思 </annotation><info>blank</info></track>

<track><location>http://space.wenxuecity.com/media/201209/29/1348928725.mp3</location>
<annotation> 04 相思无尽处 </annotation><info>blank</info></track>

这里要做的两件事,一是更换mp3链接,二是更改曲名。每首曲子都做同样的处理。
为省篇幅,这里只列了四行。童鞋们看到的曲子列表,长短不一,可视情况做增删,并作相应调整。
需要注意句子完整性,track和track之间是一个单元,增加和减少都以此为单位。
制作好曲目列表,保存为xml文件。
上传到文学城影音文件上传地址,得到第二个xml文件的新url链接,并粘贴到上面代码中第二个xml链接所对应的位置。

这样,播放器部分制作完成,代码如下:

<embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer"
src="http://space.wenxuecity.com/media/201208/27/1346120689.swf" width="200" height="140"
type="application/x-shockwave-flash" menu="false" quality="high"
flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml&file=http://space.wenxuecity.com/media/201209/29/1348929725.xml"
wmode="transparent" border="0"></embed>

替换掉第一部分的做m3u连播的代码,得到如下图片+完整播放器代码:

<center>
<img src="http://i46.tinypic.com/wisnio.jpg" /><br/><br/><br/><br/>
<embed name="mp3player" pluginspage="http://www.macromedia.com/go/getflashplayer"
src="http://space.wenxuecity.com/media/201208/27/1346120689.swf" width="200" height="140"
type="application/x-shockwave-flash" menu="false" quality="high"
flashvars="&config=http://space.wenxuecity.com/media/201209/29/1348929685.xml&file=http://space.wenxuecity.com/media/201209/29/1348929725.xml"
wmode="transparent" border="0"></embed></center>

效果图:







播放器里的width="200" height="140",是设定播放器宽和高的,height的数值越大(以20为单位递增或递减),显示出来的曲目就越多。
这里不多说了,童鞋们下面可以多做练习:))

所有跟帖: 

******收入论坛帮助“教你如何制作音乐贴子的程序。。。” -yy888- 给 yy888 发送悄悄话 yy888 的博客首页 (0 bytes) () 10/09/2012 postreply 05:40:23

班长无法修改,number 2 删了,你重发吧:) -yy888- 给 yy888 发送悄悄话 yy888 的博客首页 (0 bytes) () 10/09/2012 postreply 09:19:37

***等你完了,告一声,我再去重新更新论坛帮助 -yy888- 给 yy888 发送悄悄话 yy888 的博客首页 (0 bytes) () 10/09/2012 postreply 09:20:59

此帖修改完毕! -smallguy- 给 smallguy 发送悄悄话 smallguy 的博客首页 (0 bytes) () 10/09/2012 postreply 09:27:22

请您先登陆,再发跟帖!