[素材教学] 教你做播放列表 列表, 播放

会计师

<DIV style="LEFT: -180px; WIDTH: 940px; POSITION: relative; TOP: 100px">
<TABLE cellSpacing=55 align=center background=http://www.woodenhead.org/ent/UploadFiles_ent/200610/20061020124638411.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 cellPadding=0 width=800 align=center background=http://bbs.muwen.com/fileuploaddir/4B398377238.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 cellPadding=0 width=790 align=center background=http://bbs.muwen.com/fileuploaddir/4B398375806.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE style="WIDTH: 780px; HEIGHT: 285px" cellSpacing=5 cellPadding=0 width=780 align=center background=http://bbs.muwen.com/fileuploaddir/4B398377238.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER><FONT face=楷体_GB2312 color=#ff69b4 size=6><IMG style="WIDTH: 663px; HEIGHT: 316px" height=316 src="http://www.51wall.com/landscape/2004/070501/070501_09.jpg" width=663></FONT><FONT face=黑体 color=#8fbc8f size=7><FONT color=#000000><FONT size=7><FONT color=#000000 size=3><FONT size=7><FONT color=#000000 size=3><FONT size=7></FONT>
<CENTER>
<P align=center><FONT color=#7fff00 size=3><STRONG><FONT size=+0></FONT></STRONG></FONT></P>
<DIV style="FILTER: glow(color=#ADFF2F, strength=80); WIDTH: 482px; HEIGHT: 146px"><FONT face=隶书 color=#dc143c size=7><BR><STRONG>教你制作播放列表 </STRONG></FONT></DIV>
<P align=center><FONT face=楷体_GB2312 color=#00ff00 size=5></FONT>&nbsp;</P>
<P align=left>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <IMG style="FILTER: Alpha(Opacity=100,Style=2); WIDTH: 277px; HEIGHT: 186px" height=186 src="http://www.szkp.org.cn/kepuleitai/upload_pic/2006/200610421164015524.jpg" width=277></P></CENTER>
<CENTER><FONT size=5></FONT></CENTER></FONT></FONT><FONT color=#000000 size=3><FONT color=#fff8dc>
<P align=center>
<TABLE style="WIDTH: 567px; HEIGHT: 223px" borderColor=#00d507 cellPadding=1 border=10>
<TBODY>
<TR>
<TD><FONT color=#f0ffff>
<P class=t_msgfont>&nbsp;</P>
<P class=t_msgfont align=left>播放列表手工制作比较麻烦，教你用<FONT color=#ff9933 size=5>HTML做贴辅助工具<A href="http://www.sqkz.com/tool/yy%5Fdm/"><FONT color=#0000ff>http://www.sqkz.com/tool/yy%5Fdm/</FONT></A><FONT color=white size=3><STRONG>制作就简单容易多了。</STRONG></FONT></FONT></P>
<P class=t_msgfont align=left>第一步，把要制作的歌曲用记事本排好，如：</P>
<P class=t_msgfont align=left>新年快乐，我爱你！<BR>新年报到<BR>追梦<BR>过新年最高兴<BR>春之晨<BR>心相印手牵手<BR>送大哥<BR>新恋情<BR>送情郎<BR>风含情水含笑<BR>等你一万年<BR>人间第一春</P>
<P class=t_msgfont align=left><A href="http://music.6844.cn/512501///2008/02/028/1.wma"><FONT color=#0000ff><STRONG>http://music.6844.cn/512501///2008/02/028/1.wma</STRONG></FONT></A><BR><A href="http://wma110.77boke.com:7799///file6/19676/842850.wma"><FONT color=#0000ff><STRONG>http://wma110.77boke.com:7799///file6/19676/842850.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///NEWdaoliansiquanjia_O0O2stop/A243/2.Wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///NEWdaoliansiquanjia_O0O2stop/A243/2.Wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/876245.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/876245.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/110841.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/110841.wma</STRONG></FONT></A><BR><A href="http://wma110.77boke.com:7799///23/7779.wma"><FONT color=#0000ff><STRONG>http://wma110.77boke.com:7799///23/7779.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/492263.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/492263.wma</STRONG></FONT></A><BR><A href="http://58.211.7.203:81///pycs/k2/0160/80502.wma"><FONT color=#0000ff><STRONG>http://58.211.7.203:81///pycs/k2/0160/80502.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/925573.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/925573.wma</STRONG></FONT></A><BR><A href="http://58.211.7.203:81///pycs/k2/0160/845268.wma"><FONT color=#0000ff><STRONG>http://58.211.7.203:81///pycs/k2/0160/845268.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/284471.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/284471.wma</STRONG></FONT></A><BR><A href="http://wma110.77boke.com:7799///23/7785.wma"><FONT color=#0000ff><STRONG>http://wma110.77boke.com:7799///23/7785.wma</STRONG></FONT></A></P>
<P class=t_msgfont align=left>第二步，打开<A href="http://www.sqkz.com/tool/yy%5Fdm/"><FONT color=red>http://www.sqkz.com/tool/yy%5Fdm/</FONT></A>选择“专辑试听列表方式”</P>
<P class=t_msgfont align=left>1、<STRONG>专辑试听列表方式（必选） ：</STRONG>总共6种不同的方式，可以选择你想要的方式，也可以自己修改相关代码，</P>
<P class=t_msgfont align=left>　 最后一个是专门生成专辑下载地址的。</P>
<P class=t_msgfont align=left>2、<STRONG>曲目前装饰图片地址：</STRONG>显示在每个曲目标题的前面，装饰曲目标题用的，默认是mp3小图标 <IMG src="http://www.sqkz.com/yyy/tb/mp.gif">，如果不要的话可以清除小图片的地址。</P>
<P class=t_msgfont align=left>3、<STRONG>曲目下载小图片地址：</STRONG>装饰曲目下载用的，注意不能太大，默认图标 <IMG src="http://www.sqkz.com/yyy/tb/dw.gif"></P>
<P class=t_msgfont align=left>4、<STRONG>曲目试听小图片地址：</STRONG>装饰曲目试听用的，注意不能太大，默认图标 <IMG src="http://www.sqkz.com/yyy/tb/gb.gif"></P>
<P class=t_msgfont align=left>第三步，把用记事本排好的音乐地址复制粘贴到<FONT color=#660000><STRONG>HTML代码专辑试听列表生成器 V1.0</STRONG></FONT><FONT color=black><FONT color=white>的</FONT><FONT color=red>“曲目地址列表”</FONT><FONT color=white>中去，</FONT><STRONG><FONT color=blue>曲目地址列表</FONT>（<FONT color=red>必填）：</FONT><FONT color=white>这里粘帖曲目链接地址，注意一个地址一行，分行排列。例如：</FONT></STRONG></P>
<P class=t_msgfont align=left><A href="http://music.6844.cn/512501///2008/02/028/1.wma"><FONT color=#0000ff><STRONG>http://music.6844.cn/512501///2008/02/028/1.wma</STRONG></FONT></A><BR><A href="http://wma110.77boke.com:7799///file6/19676/842850.wma"><FONT color=#0000ff><STRONG>http://wma110.77boke.com:7799///file6/19676/842850.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///NEWdaoliansiquanjia_O0O2stop/A243/2.Wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///NEWdaoliansiquanjia_O0O2stop/A243/2.Wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/876245.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/876245.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/110841.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/110841.wma</STRONG></FONT></A><BR><A href="http://wma110.77boke.com:7799///23/7779.wma"><FONT color=#0000ff><STRONG>http://wma110.77boke.com:7799///23/7779.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/492263.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/492263.wma</STRONG></FONT></A><BR><A href="http://58.211.7.203:81///pycs/k2/0160/80502.wma"><FONT color=#0000ff><STRONG>http://58.211.7.203:81///pycs/k2/0160/80502.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/925573.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/925573.wma</STRONG></FONT></A><BR><A href="http://58.211.7.203:81///pycs/k2/0160/845268.wma"><FONT color=#0000ff><STRONG>http://58.211.7.203:81///pycs/k2/0160/845268.wma</STRONG></FONT></A><BR><A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/284471.wma"><FONT color=#0000ff><STRONG>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/284471.wma</STRONG></FONT></A><BR><A href="http://wma110.77boke.com:7799///23/7785.wma"><FONT color=#0000ff><STRONG>http://wma110.77boke.com:7799///23/7785.wma</STRONG></FONT></A></P></FONT>
<P class=t_msgfont align=left><FONT color=white><STRONG>再把用记事本排好的歌曲名称复制粘贴到</STRONG></FONT><FONT color=#660000><STRONG>HTML代码专辑试听列表生成器 V1.0</STRONG><FONT color=black><FONT color=white>的</FONT><FONT color=blue><STRONG>“曲目标题列表”</STRONG></FONT><FONT color=white>中去，</FONT><STRONG><FONT color=blue>曲目标题列表</FONT><FONT color=red>（必填）：</FONT><FONT color=white>这里粘帖曲目地址对应的曲目标题，注意一个标题一行，分行排列。例如：</FONT></STRONG></FONT></FONT></P>
<P class=t_msgfont align=left><FONT color=blue><STRONG>新年快乐，我爱你！<BR>新年报到<BR>追梦<BR>过新年最高兴<BR>春之晨<BR>心相印手牵手<BR>送大哥<BR>新恋情<BR>送情郎<BR>风含情水含笑<BR>等你一万年<BR>人间第一春</STRONG></FONT></P>
<P class=t_msgfont align=left>第四步，选择是否显示表格。如果打勾那么就生成有表格的曲目列表，后面可以选择表格颜色，不要显示就别管他。要显示表格，还要选表格的颜色，点击“选颜色”，选你喜欢和帖子匹配的颜色。<STRONG>曲目列表宽度：</STRONG>调整曲目列表的宽度。设置曲目列表的宽度，可不设。<STRONG>字体、大小、粗体：</STRONG>用来设置曲目标题的显示属性的。可以全部默认，不选择。<STRONG>标题颜色</STRONG>：点击<FONT color=#ff00ff><U><B>选标题颜色</B></U></FONT>可以选择不同的颜色，如果要每个曲目标题的颜色都不相同，那么有几个曲目就要选择几个颜色。</P>
<P class=t_msgfont align=left>　 如果所有曲目标题都用同一种颜色，那么选择一个颜色，然后将 “统一颜色” 打勾就可以了。</P>
<P class=t_msgfont align=left>&nbsp;</P>
<P class=t_msgfont align=left>第五步，<STRONG>首播音乐地址、首播音乐标题（必填）：</STRONG>就是打开帖子播放器首先播放的曲目。</P>
<P class=t_msgfont align=left>如：<STRONG>首播音乐地址<A href="http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/284471.wma"><FONT color=red>http://mp3.ge520.com/chizg20071227czg///t7t79308s9t1o7p/0160/284471.wma</FONT></A></STRONG></P>
<P class=t_msgfont align=left>这里也可以填写连播地址。</P>
<P class=t_msgfont align=left><STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 首播音乐标题<FONT color=red>人间第一春</FONT></STRONG></P>
<P class=t_msgfont align=left>第六步，点击“生成试听列表HTML代码”，生成的HTM代码包括播放器代码和试听曲目列表代码2部分。其中播放器的代码只是预览测试用的，你可以换成你喜欢的播放器样式代码</P>
<P class=t_msgfont align=left>　 但必须注意的是<FONT color=#ff0000>播放器代码里的id必须用 id=myPlayer</FONT> 这是最关键的，否则试听就无效了。例如：</P>
<P class=t_msgfont align=left>&lt;EMBED style="FILTER: invert()" <FONT color=#ff0000>id=myPlayer</FONT> src=http://storage1.cnboo.com/shows/2006-08/11549088405001420930435.mp3 width=300 height=50 type=audio/mpeg AutoStart="-1" EnableContextMenu="-1" loop="1" ShowControls="-1" ShowStatusBar="-1" ShowDisplay="0"&gt;</P>
<P class=t_msgfont align=left>第七步，点“2预览效果”，这时就会看到这个播放列表了，如不满意，可返回修改。满意后，就可把试听曲目列表代码和播放器代码可以复制粘帖到你帖子的适当位置去。OK！完工！</P>
<P class=t_msgfont align=left>&nbsp;</P></FONT></TD></TR></TBODY></TABLE></P>
<P align=center><FONT color=yellow size=5><STRONG>会计师编制</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ffff00>转帖请注明出处</FONT></STRONG></P>
<P align=center></FONT></FONT>&nbsp;</P></FONT></FONT></FONT></FONT></CENTER></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>

[ 本帖最后由 hbyxzhou 于 2008-1-14 20:16 编辑 ]

liuxj

介绍得很详细，谢谢会计师。

我系黑马

学习一下，感谢会计师的详细讲述

zhyh

这是你编制的吗！我（逍遥公子）元月四日为《思雨1234》制作的教程，首发在网友家园http://wzyh.aa.topzj.com/thread-376697-1-1.html，元月十一在狼狐发帖http://lh.fjfox.com/bbs/viewthread.php?tid=21309！转帖怎么换上了你的署名？

[ 本帖最后由 zhyh 于 2008-1-12 23:02 编辑 ]