欢迎您！启步学代码。

知音

太好了，谢谢了！！！

游子

如何做简单的音乐试听播放器 　　大家都爱听音乐，但喜欢的歌曲却不尽相同，如何将自己 爱听的歌曲放在播放器来欣赏？网上有各种各样的介始办法， 我试用HTML代码编辑一个简单的音乐试听播放器，觉得也不错。 因此把具体方法，编成“代码模块”，送给不懂代码的网友学习参考。 只要您会打字和执行删除、复制、粘贴等操作，就可以依样画葫芦， 套用代码，自己编辑音乐试听播放器。 简单的音乐试听播放器 01、爱拼才会蠃 【试听】 02、京华春梦 【试听】 03、听松 【试听】 04、江南春早 【试听】 05、 化蝶 【试听】 06、南都夜曲 【试听】 07、泰坦尼克 【试听】 08、祈祷 【试听】 09、拉德夫斯基进行曲 【试听】 10、京调--苏三起解 【试听】 　　　　简单的音乐试听播放器代码： <CENTER> <font style=\"FONT-SIZE: 18pt\" face=黑体 color=ff0000><b> 简单的音乐试听播放器</b></font> <TABLE style=\"WIDTH: 300px; BORDER-COLLAPSE: collapse; HEIGHT: 213px\" borderColor=#007465 cellSp   acing=0 cellPadding=5 bgColor=#ffff00 border=2> <TR> <TD> <EMBED id=myPlayer src=http://sucai.heima.com/sucai/news/a13.mid width=300 height=50 type=audio/mpeg AutoStart=\"-1\" EnableContextMenu=\"-1\" PlayCount=\"5\" ShowControls=\"-1\" ShowStatusBar=\"-1\" ShowDisplay=\"0\"> </TD></TR> <TR> <TD align=LEFT> 01、爱拼才会蠃 【<a href=\"#1\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/a13.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 02、京华春梦 【<a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/j13.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 03、听松 【<a href=\"#3\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/t8.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> </TD></TR> <TR> <TD> 04、江南春早 【<a href=\"#4\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/j5.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 05、 化蝶 【<a href=\"#5\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/h6.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 06、南都夜曲 【<a href=\"#6\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/n1.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 07、泰坦尼克 【<a href=\"#7\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/t4.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 08、祈祷 【<a href=\"#8\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/q1.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 09、拉德夫斯基进行曲 【<a href=\"#9\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/l1.mid\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 10、京调--苏三起解 【<a href=\"#10\" onclick=myPlayer.FileName=this.value value=\"http://sucai.heima.com/sucai/news/j12.mid\">试听</a>】 </TD></TR></TABLE></CENTER> <br><br> 　　　※※※※※※※※※※※※※※※※※※※※※ 自己动手试做简单的音乐试听播放器 　如果你有兴趣试一试，就请你按下面的步骤做，可能１－２个小时就弄出成果。 （一）在自己的电脑新建一个文件夹，随便命名为”学代码“。 （二）文件夹内存放若干本“记事本”，保存代码用。 　　“记事本”复制地方：操作系统开始菜单→附件→“记事本”。 （三）在网上搜集歌曲地址素材，可先从黑马老师网页找 网页背景音乐 　　　复制下载选中的歌名和歌曲地址，粘贴到记事本备用。 （四）操作练习，先完整地复制上面“简单的音乐试听播放器代码”，粘贴到 　　　空白记事本后关闭并命名为:p01.txt . （五）打开p01.txt 文档，做下面操作： 　　点击记事本左上角的［文件］ 　　在下拉菜单中选”另存为“。 　　在弹出的另存为窗框文件名填入：\"p01.html\",即将p01.txt改为p01.html。 　　在弹出另存为窗框保存类型一栏选择\"所有文件\"。 　　最后点击[保存]按钮，“播放器”网页立即存在“学代码”文件夹内。 　　打开刚才做成的p01网页听音乐，祝您成功！ 套用代码制作音乐试听播放器 　　　将歌名和歌曲地址粘　贴切到在下面简单的音乐试听播放器代码模块中。 <CENTER> <font style=\"FONT-SIZE: 18pt\" face=黑体 color=ff0000><b> 简单的音乐试听播放器</b></font> <TABLE style=\"WIDTH: 300px; BORDER-COLLAPSE: collapse; HEIGHT: 213px\" borderColor=#007465 cellSp   acing=0 cellPadding=5 bgColor=#ffff00 border=2> <TR> <TD> <EMBED id=myPlayer src=http://sucai.heima.com/sucai/news/a13.mid width=300 height=50 type=audio/mpeg AutoStart=\"-1\" EnableContextMenu=\"-1\" PlayCount=\"5\" ShowControls=\"-1\" ShowStatusBar=\"-1\" ShowDisplay=\"0\"> </TD></TR> <TR> <TD align=LEFT> 01、爱拼才会蠃 【<a href=\"#1\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 02、京华春梦 【<a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 03、听松 【<a href=\"#3\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> </TD></TR> <TR> <TD> 04、江南春早 【<a href=\"#4\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 05、 化蝶 【<a href=\"#5\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 06、南都夜曲 【<a href=\"#6\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 07、泰坦尼克 【<a href=\"#7\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 08、祈祷 【<a href=\"#8\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 09、拉德夫斯基进行曲 【<a href=\"#9\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR> <TR> <TD align=LEFT> 10、京调--苏三起解 【<a href=\"#10\" onclick=myPlayer.FileName=this.value value=\"歌曲地址\">试听</a>】 </TD></TR></TABLE></CENTER> <br><br> 原创编辑：游子

游子

[ 本帖最后由 游子 于 2010-7-17 10:44 编辑 ]

龙之恋

谢谢楼主 真的不错哦

游子

　我发表的★不懂代码者如何学做音画网页★，这几天因上传空间失链，造成特大错误.为此,不得不修改文件,另行上传,重新编辑....真累!由此给朋友们带来一些不便，请大原谅．

游子

奚秀兰经典金曲10首
（附编辑代码）

01、何日君再来 试听 02、五月的风 试听 03、秋水伊人 试听 04、月圆花好 试听 05、渔家女 试听 06、夜来香 试听 07、明月千里寄相思 试听 08、天涯歌女 试听 09、阿里山的姑娘 试听 10、送别 试听

谢谢本论坛悠然提供的音乐素材

附编辑代码:
<TABLE cellSpacing=3 cellPadding=4 style=\"WIDTH: 350px; BORDER-COLLAPSE: collapse; HEIGHT: 50px\" border=1 bgcolor=\"#FFE6FF\"> <TR> <TD> <font style=font:16pt face=隶书 color=#0000ff><b> <br> <p align=LEFT> 01、何日君再来 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_1.mp3\">试听</a><br> 02、五月的风 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_02.mp3\">试听</a><br> 03、秋水伊人 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_05.mp3\">试听</a><br> 04、月圆花好 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_03.mp3\">试听</A><br> 05、渔家女 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_04.mp3\">试听</A><br> 06、夜来香 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_19%20.mp3\">试听</A><br> 07、明月千里寄相思 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_18.mp3\">试听</A><br> 08、天涯歌女 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\" <a href="http://www.55188.com/attachments/day_100808/1415842_21.mp3" target="_blank">http://www.55188.com/attachments/day_100808/1415842_21.mp3</a>\">试听</A><br> 09、阿里山的姑娘 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100808/1415842_20.mp3\">试听</A><br> 10、送别 <a href=\"#2\" onclick=myPlayer.FileName=this.value value=\"http://www.55188.com/attachments/day_100809/1415842_30.mp3\">试听</A><br> <br></P> <center> <div> <EMBED id=myPlayer src=http://www.55188.com/attachments/day_100808/1415842_20.mp3 width=350 height=50 type=audio/mpeg AutoStart=\"-1\" EnableContextMenu=\"-1\" PlayCount=\"5\" ShowControls=\"-1\" ShowStatusBar=\"-1\" ShowDisplay=\"0\"> </div></center> </b></FONT> </td></tr></table>

renlajiao

学习学习，感谢分享。