有兴趣的馆友进来练习自己动手用代码制作首页音乐播放器

有兴趣的馆友进来练习自己动手用代码制作首页音乐播放器

dllc1234 　12-07-17 12:06:55      

http://www.360doc.com/content/12/0716/22/2904667_224623753.shtml
http://www.360doc.com/content/12/0717/16/2904667_224754897.shtml 
这是我应一位馆友的要求制作的个人首页音乐播放器。有兴趣馆友可以在此基础上模仿制作自己喜欢的音乐播放器。下面我在二楼提供具体制作代码与方法。

共有30条回复

dllc1234    12-07-17 12:10:20       制作代码： <DIV align=center> <TABLE style="POSITION: relative; WIDTH: 360px; TOP: 0px; LEFT: 0px" id=table1 background=http://image52.360doc.com/DownloadImg/2012/06/1614/24893982_5.jpg height=250> <TBODY> <TR> <TD><EMBED height=180 type=application/x-shockwave-flash width=360 src=http://www.xcwhw.cn/fla/bfq/62.swf?n=【乱红】/DLLC1234制作&mp3=http://webdisk./dllc/乱红/乱红.mp3&.swf wmode="transparent" autostart="1" loop="1"> <BR><BR><BR></TD></TR></TBODY></TABLE></DIV>

dllc1234    12-07-17 12:21:16       模仿制作方法：     1、换音乐：在网上找到你喜欢的音乐的地址，并用这个音乐地址换掉上面的音乐地址：http://webdisk./dllc/乱红/乱红.mp3     2、换背景：在网上找到与音乐意境相匹配的图片，并用这个图片地址换掉上面背景图片地址：http://image52.360doc.com/DownloadImg/2012/06/1614/24893982_5.jpg      3、换播放器模式：将上面代码中http://www.xcwhw.cn/fla/bfq/62.swf?  的62逐一换成1——100中任意数字，直到你自己感觉最满意为止     4、换文字：将上面代码中【乱红】/DLLC1234制作  换成你的音乐名称和你的名字

dllc1234    12-07-17 12:54:07       有制作出来的，请在楼下贴出地址，以便大家相互观摩学习。 有问题也可以提出来。

馨兒書苑    12-07-17 17:12:37       dllc1234老师您好，请教，如何简单快捷方式找到一张规格符合播放器要求图片？如找一张宽360高250的图片？

dllc1234    12-07-17 17:54:30       我自己收集的图片，我都能记住存在了哪里，大致也能记住多大尺寸、什么特点，用时随手拿来。      http://www.360doc.com/content/12/0522/13/2904667_212761190.shtml      http://www.360doc.com/content/11/1109/11/2904667_162997938.shtml     我平时存储的图片都是准备用的，不是用来看的。  你平时看到一些有用的图片，也把它存储起来，以备随时使用，免得用时再到处寻找。

馨兒書苑    12-07-17 18:07:19       谢谢dllc1234老师指点，平时积累图片素材，寻找就方便了。

dllc1234    12-07-17 18:23:29       使用图片有两种方式：一种做背景，一种是做插图。 做背景 使用background代码，图片尺寸一定要等于或大于画面尺寸。 做插图 使用IMG代码，可以改变图片尺寸以适应画面尺寸。

wjl841    12-07-17 20:08:48       dllc1234老师：按照您上述代码制作播放器，插入mp3音乐地址，都不成功，我又把gif格式的三张图片换成gpj格式的图片，还是没有声音，没办法 我把您用的音乐【解开思念的乱绳】放上 还是不出声，不知什么原因，您看一下，把制作代码贴下。由于一直没有声音，不断的在换音乐地址，最后随便找了张图，画面也不理想，只是算学习制作吧！ <DIV align=center> <TABLE style="POSITION: relative; WIDTH: 360px; TOP: 0px; LEFT: 0px" id=table1 background=http://userimage2.360doc.com/11/0910/10/5772404_201109101022140793.jpg height=250> <TBODY> <TR> <TD><EMBED height=180 type=application/x-shockwave-flash width=360 src=http://www.xcwhw.cn/fla/bfq/43.swf?n=解开思念的乱绳【不出声】 loop="1" autostart="1" wmode="transparent" &.swf &mp3="http://webdisk./dllc/解开思念的乱绳.mp3"> <BR><BR><BR></TD></TR></TBODY></TABLE></DIV>

zy20126    12-07-17 20:23:00

震宇    12-07-17 20:28:14       请问DLLC1234老师，我这个图怎么做音画背景  http://www.360doc.com/content/12/0717/17/313676_224773082.shtml  我想把它配上中国人民解放军进行曲制作音画   http://www./1.mp3

桃源钓翁    12-07-17 20:33:33       http://www.360doc.com/content/12/0716/12/2788370_224508781.shtml dllc1234老师：以上是馨兒書苑馆友帮我完成配乐(云水禅心纯音乐)的首页播放器。

dllc1234    12-07-17 20:34:56       震宇馆友：    只要在代码编辑下把这段代码加在最后面就行了    <embed width="1" height="1" type="application/x-mplayer2" volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showdisplay="0" filename="http://www./1.mp3" autoplay="false" loop="true"></embed>

dllc1234    12-07-17 20:38:02       桃源钓翁馆友：找别人做自然比较省事，但是最好自己学着做。 1楼的第二个是我做的云水禅心播放器。

dllc1234    12-07-17 20:54:14       wjl841馆友：    规范的代码应该是下面这样的，（没让你改的地方不要乱改，除非你明白为什么要那样改）。     <DIV align=center>    <TABLE style="POSITION: relative; WIDTH: 360px; TOP: 0px; LEFT: 0px" id=table1 background=http://userimage2.360doc.com/11/0910/10/5772404_201109101022140793.jpg height=250>    <TBODY>    <TR>    <TD><EMBED height=180 type=application/x-shockwave-flash width=360 src=http://www.xcwhw.cn/fla/bfq/43.swf?n=【解开思念的乱绳】&mp3=http://webdisk./dllc/解开思念的乱绳.mp3&.swf loop="1" autostart="1" wmode="transparent"> <BR><BR><BR></TD></TR></TBODY></TABLE></DIV> 另外你选那图片背景也不是太合适。

wjl841    12-07-17 21:27:22       dllc1234老师：我贴上代码后就发现音乐地址后面的代码好像不对，我没有自己改代码，换音乐地址和图片地址时还很小心，不知怎么代码跑位了，还是对代码不熟悉，当时没发现， 再重做吧！另外 请教 这个播放器放地址到留言区怎么操作！谢谢！

@春花秋月@    12-07-17 21:28:05       震宇馆友:按照老师的提示，你提供的那个音画模版我试着做好了，就是感觉字幕有点遮挡画面，不如改为从右向左移动，字幕再靠下边点效果可能更好。未审核的发上来你们能看到吗？

dllc1234    12-07-17 21:29:12       wjl841 ：  就像我在一楼那样贴上来。   360图书馆的文章编辑器有自动修改代码功能，但首先是你出现了错误代码，它修改结果是错上加错。

@春花秋月@    12-07-17 21:29:19       这是地址：http://www.360doc.com/showweb/0/0/224807038.aspx

dllc1234    12-07-17 21:30:35       @春花秋月@：没通过审核大家看不到，你先把代码贴上来。

@春花秋月@    12-07-17 21:35:51       请问dllc1234老师;根据您和震宇馆友的留言交流我试着做好了那个音画，但感觉字幕有点遮挡画面，字的大小我可以调整，想再往下移点调整那几个代码？

dllc1234    12-07-17 21:39:56       你先把代码贴上来，我帮你修改后再贴给你

震宇    12-07-17 21:41:45       谢谢DLLC1234老师，我改了，但没声音，可能是网络的问题，等等再看

@春花秋月@    12-07-17 21:44:41       谢谢，知道了

@春花秋月@    12-07-17 21:45:05       <TABLE border=0 cellSpacing=0 cellPadding=0 width=800 background=http://image52.360doc.com/DownloadImg/2012/06/0915/24731064_3.jpg align=center height=220> <TBODY> <TR> <TD align=middle> <TABLE border=0 cellSpacing=0 cellPadding=0 align=center> <TBODY> <TR> <TD align=middle> <MARQUEE direction=up height=115 width=800 scrollAmount=1> <MARQUEE direction=down height=115 width=800 scrollAmount=1> <TABLE border=0 cellSpacing=0 cellPadding=0 width=800 align=center height=115> <TBODY> <TR> <TD style="FILTER: chroma(color=#FF00FF)" vAlign=bottom align=middle> <DIV style="FILTER: glow(color=white strength=9); WIDTH: 100%" COLOR><FONT style="FONT-FAMILY: 黑体; FONT-SIZE: 25pt" color=#0066ff><B>热烈庆祝中国人民解放军建军八十四周年</B></FONT><BR><BR></DIV></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE><BR> <MARQUEE direction=down height=115 width=800 scrollAmount=1> <MARQUEE direction=up height=115 width=800 scrollAmount=1> <TABLE border=0 cellSpacing=0 cellPadding=0 width=800 align=center height=115> <TBODY> <TR> <TD style="FILTER: chroma(color=#FF00FF)" vAlign=top align=middle> <DIV style="FILTER: glow(color=white strength=9); WIDTH: 100%" COLOR><FONT style="FONT-FAMILY: 黑体; FONT-SIZE: 25pt" color=#0066ff><B>春花秋月祝战友网新老战友们节日快乐!</B></FONT><BR> <P></P></DIV></TD></TR></TBODY></TABLE></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> <P> <EMBED height=1 type=application/x-mplayer2 width=1 volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showdisplay="0" filename="http://www./1.mp3 &#13;&#10;&#13;&#10;" autoplay="false" loop="true"></EMBED></P>

dllc1234    12-07-17 21:48:22       @春花秋月@  ：  你跟着做这个干什么？你应该学习怎么做音乐播放器。     那个图后面加上这些音乐代码就行了。     <embed width="1" height="1" type="application/x-mplayer2" volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showdisplay="0" filename="http://www./1.mp3" autoplay="false" loop="true"></embed>      你加的音乐代码有错误。  &#13;&#10;&#13;&#10;" 这些乱码哪来的？

dllc1234    12-07-17 21:59:15       震宇： 你把这些代码加到最后面试试： <embed width="1" height="1" type="application/x-mplayer2" volume="0" playcount="0" autostart="TRUE" showgotobar="0" showstatusbar="0" showdisplay="0" filename="http://www./1.mp3" autoplay="false" loop="true"></embed>

dllc1234    12-07-17 22:03:58       震宇： 我试过了，可以正常播放音乐，就是有点卡。

一大山人    12-07-17 22:11:24            报告老师：我迟到了！

@春花秋月@    12-07-17 22:15:26       谢谢老师提醒，我是好奇，基础太差，乱码哪来的？我再找吧！

耕允    12-07-17 22:16:17       修改