Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
cnbloke 发表于 2008-5-5 10:42:21 | 显示全部楼层 |阅读模式
功能还没完,播放列表还没能保存到数据库,估计很快就可以提供
不嫌弃的可以拿来用着先
功能完成后再来发布
使用方法:
1.下载附件,把lookgo_music(当然你可以改名)放到站点根目录
2.在需要添加播放器的页面把js文件引进来
<script language="JavaScript" src="lookgo_music/music.js"></script>
3.在合适的位置添加播放器

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

评分

2

查看全部评分

уī覑塃凉° 发表于 2008-5-5 10:46:49 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

hsyule 发表于 2008-5-5 10:53:34 | 显示全部楼层
好好,支持
回复

使用道具 举报

舍不得太乖 发表于 2008-5-5 10:56:54 | 显示全部楼层
占位观察
回复

使用道具 举报

吕游 发表于 2008-5-5 18:09:42 | 显示全部楼层
后台控制还是啥
回复

使用道具 举报

zhamx184 发表于 2008-5-5 18:10:46 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

5to20 发表于 2008-5-5 18:12:32 | 显示全部楼层
只能在首页播放~~?
回复

使用道具 举报

liuri 发表于 2008-5-5 18:19:17 | 显示全部楼层
支持 希望尽快提供
回复

使用道具 举报

浪漫小亮 发表于 2008-5-5 18:23:51 | 显示全部楼层
绝对的支持
回复

使用道具 举报

poplong 发表于 2008-5-5 18:25:20 | 显示全部楼层
太危险了。。。要是别人加了个带跳转的MP3你就见鬼了!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-16 15:12 , Processed in 0.032771 second(s), 4 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表