正在开发一个音乐盒插件,需要的就顶

功能还没完,播放列表还没能保存到数据库,估计很快就可以提供
不嫌弃的可以拿来用着先
功能完成后再来发布
使用方法:
1.下载附件,把lookgo_music(当然你可以改名)放到站点根目录
2.在需要添加播放器的页面把js文件引进来
<script language="JavaScript" src="lookgo_music/music.js"></script>
3.在合适的位置添加播放器

1. 
   
2. <div class="box">
   
3. <script language="JavaScript" src="lookgo_music/music.js"></script>
   
4. <style type="text/css">
   
5. .music_mian{
   
6. width:390px;
   
7. height:150px;
   
8. font-size:12px; color:#666666;
   
9. padding:0px;
   
10. border:1px #ccc solid;
    
11. overflow:hidden;
    
12. }
    
13. .music_mian_left{
    
14. width:179px;
    
15. height:150px;
    
16. margin:0px;
    
17. padding:0px;
    
18. float:left;
    
19. border-right:1px #ccc solid;
    
20. overflow:hidden;
    
21. }
    
22. .music_mian_right{
    
23. width:210px;
    
24. height:150px;
    
25. margin:0px;
    
26. padding:0px;
    
27. float:left;
    
28. overflow:hidden;
    
29. text-align:center;
    
30. }
    
31. .music_time{ width:200px; margin:0px; padding:0px; height:19px; border-bottom:1px #efefef dotted; padding:2px;}
    
32. .music_info{ width:200px; height:90px; margin:0px; padding:2px;}
    
33. .music_btn{ width:100%; height:40px; line-height:40px;; margin:0px; border-top:1px #efefef dotted; text-align:center;}
    
34. .music_list{ width:210px; height:114px; text-align:center;}
    
35. .obutton{ font-size:12px; margin:0px; padding:0px; margin-top:5px;}
    
36. .music_input{padding:2px; text-align:center;}
    
37. #music_url,#music_name{ border:1px #ccc dotted;}
    
38. .music_list_info{width:210px; height:70px; background-color:#efefef; overflow-y:scroll; overflow-x:hidden; text-align:left;}
    
39. .music_page_info{width:210px; height:17px; background-color:#efefef; overflow:hidden; text-align:right;}
    
40. </style>
    
41. <div class="music_mian">
    
42. <div class="music_mian_left">
    
43.   <div class="music_time"> <span id="disp_time">00:00 | 00:00</span>
    
44.         <marquee behavior="scroll" width="100" height="12" scrollamount="2" scrolldelay="70">
    
45.         <span id="disp_scroll">如歌，放飞心情的旅行...</span>
    
46.         </marquee>
    
47.   </div>
    
48.   <div class="music_info">
    
49.         <div id="capText">放飞心情,旅行如歌...<br />
    
50.           本站所有歌曲只供试听<br>
    
51.           假如喜欢请购买正版</div>
    
52.   </div>
    
53.   <div class="music_btn"> <img id="btnPrev"> <img id="pauzt"> <img id="stopt"> <img id="playt"> <img id="btnNext"> </div>
    
54. </div>
    
55. <div class="music_mian_right">
    
56.   <div class="music_list">
    
57.         <div class="music_input"> 歌名:
    
58.           <input name="music_name" type="text" id="music_name" size="4" maxlength="20"/>
    
59.           地址:
    
60.           <input name="music_url" type="text" id="music_url" size="4" maxlength="500"/>
    
61.           <input name="music_add"  type="button" id="music_add" value="添加" onClick="addToMusicList(document.getElementById('music_url'),document.getElementById('music_name'));">
    
62.         </div>
    
63.         <div id="music_list_info" class="music_list_info"></div>
    
64.         <div id="music_page_info" class="music_page_info"></div>
    
65.   </div>
    
66.   <div class="music_btn"> <img id="pmode"> <img id="rept"> <img id="vdn"> <img id="vup"> <img id="vmute">
    
67.         <input name="save_music_list"  type="button" id="save_music_list" value="保存" onClick="saveMusicList();">
    
68.   </div>
    
69. </div>
    
70. </div>
    
71. <script language="javascript">
    
72. document.body.onload = function(){initExobud();}
    
73. mkList("http://music.lookgo.cn/helen.mp3","我的名字叫伊莲");
    
74. mkList("http://music.lookgo.cn/qhc.mp3","青花瓷");
    
75. mkList("http://music.lookgo.cn/piece_of_me.mp3","piece_of_me");
    
76. mkList("http://music.lookgo.cn/ooh_ooh_baby.mp3","ooh_ooh_baby");
    
77. LookGo.cn.timer = "disp_time"; //设置时间容器ID
    
78. LookGo.cn.marquee = "disp_scroll"; //滚动信息容器ID
    
79. LookGo.cn.capText = "capText"; //字幕
    
80. LookGo.cn.musiclist = "music_list_info";
    
81. LookGo.cn.pageList = "music_page_info";
    
82. LookGo.cn.blnAutoStart = true; //自动开始播放
    
83. LookGo.cn.blnRndPlay = true; //随机播放
    
84. LookGo.cn.blnStatusBar = false; //在状态拦显示信息
    
85. LookGo.cn.blnShowVolCtrl = true; //允许控制音量
    
86. LookGo.cn.blnShowPlist = true; //允许查看播放列表
    
87. LookGo.cn.blnUseSmi = false; //开起字幕功能
    
88. LookGo.cn.blnLoopTrk = true; //循环播放
    
89. LookGo.cnblnShowMmInfo = false; //弹出窗口显示歌曲信息
    
90. LookGo.cn.prevt = ["lookgo_music/images/btn_prev_off.gif","lookgo_music/images/btn_prev_on.gif","btnPrev"]; //上一首按钮
    
91. LookGo.cn.nextt = ["lookgo_music/images/btn_next_off.gif","lookgo_music/images/btn_next_on.gif","btnNext"]; //下一首按钮
    
92. LookGo.cn.rept = ["lookgo_music/images/btn_rept_off.gif","lookgo_music/images/btn_rept_on.gif","rept"]; //切换是否重复播放目前的曲目
    
93. LookGo.cn.pmode = ["lookgo_music/images/btn_rndmode_off.gif","lookgo_music/images/btn_rndmode_on.gif","pmode"]; //播放顺序(S=循序 R=随机)
    
94. LookGo.cn.stopt = ["lookgo_music/images/btn_stop_off.gif","lookgo_music/images/btn_stop_on.gif","stopt"]; //停止
    
95. LookGo.cn.pauzt = ["lookgo_music/images/btn_pauz_off.gif","lookgo_music/images/btn_pauz_on.gif","pauzt"]; //暂停
    
96. LookGo.cn.scope = ["lookgo_music/images/btn_scope_off.gif","lookgo_music/images/btn_scope_on.gif","scope"];
    
97. LookGo.cn.playt = ["lookgo_music/images/btn_play_off.gif","lookgo_music/images/btn_play_on.gif","playt"]; //播放
    
98. LookGo.cn.vmute = ["lookgo_music/images/btn_voice_on.gif","lookgo_music/images/btn_voice_off.gif","vmute"]; //静音模式
    
99. LookGo.cn.vdn = ["lookgo_music/images/btn_vdn.gif","lookgo_music/images/btn_vdn.gif","vdn"]; //减少音量
    
100. LookGo.cn.vup = ["lookgo_music/images/btn_vup.gif","lookgo_music/images/btn_vup.gif","vup"]; //增大音量
     
101. LookGo.cn.plist = ["lookgo_music/images/btn_plist.gif","","plist"]; //播放列表
     
102. LookGo.cn.blnAutoProc = true; //是否自动连续播放
     
103. LookGo.cn.blnElaps = true; //设定播放面板上所显示的时间长度，预设是以正常方式(Elapse)抑或倒数方式(Lapse)显示
     
104. LookGo.cn.intDelay = 500; //设定播放每首曲目之间的延迟时间(Delay Time)，单位是毫秒(msec)
     
105. LookGo.cn.init(); //初始化播放器
     
106. </script>
     
107. <script type="text/javascript">
     
108. function saveMusicList() {
     
109.         var list = "";
     
110.         ajaxresponse_music(list);
     
111. }
     
112. function ajaxresponse_music(data) {
     
113.         var x = new Ajax('HTML');
     
114.         x.get('lookgo_music/save.php', function(s){
     
115.                 var msg = trim(s);
     
116.                 if(msg == 'System:ok_save') {
     
117.                         alert("保存成功!");
     
118.                 } else if(msg== 'System:no_login') {
     
119.                         alert("请先登陆!");
     
120.                 }
     
121.         });
     
122. }
     
123. function trim(str) {
     
124.         return str.replace(/^\s*(.*?)[\s\n]*$/g, '$1');
     
125. }
     
126. </script>
     
127. </div>
     

复制代码

js代码还还有些乱所以混淆了一下,整理好了再公开,
按钮的调用已经很灵活了,只要注册一下就可以了,可以是图片也可以是input
LookGo.cn.playt = ["lookgo_music/images/btn_play_off.gif","lookgo_music/images/btn_play_on.gif","playt"]; //播放
LookGo.cn.playt = [图片1,图片2,按钮id];
放在哪里都可以,
不要的按钮可以不理会

备注: 代码是在前人的基础上整理的!

[ 本帖最后由 cnbloke 于 2008-8-31 18:49 编辑 ]

好好，支持

占位观察

后台控制还是啥

只能在首页播放~~？

支持 希望尽快提供

绝对的支持

太危险了。。。要是别人加了个带跳转的MP3你就见鬼了！