手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 注册 | 登陆

为SUPESITE添加背景音乐

首页 > Javascript >

如今supesite的市场占有率随着discuz的市场占有率提高而增大了不少,他方便了很多做站的人员,毕竟只需要把论坛的数据提取出来就是一个网站了。确实方便了不少做垃圾站的朋友。

不过,还是有很多正规做站的朋友们也在使用它,主要还是因为他自带了很多有用的功能,所以才能够这么吸引人。

让很多个人站长无奈的是,SUPESITE的编辑器非常恶心,功能也不算强大,但却不得不用。比如无法为自己的页面添加音乐啥的(当然,你也许会说,它的编辑器不是允许插入WM和RM的播放器的吗?可是这并不能让我满意。)

在看到WP有flash的MP3播放插件时,不禁让我想到了将他挖出来做成SS编辑器的插件,经过调试,基本可行。

1、下载播放器插件的压缩包并解压

2、修改audio-player.js,加上部分内容,使之内容为:

JavaScript代码
  1. var ap_instances = new Array();   
  2.   
  3. function ap_stopAll(playerID) {   
  4.     for(var i = 0;i<ap_instances.length;i++) {   
  5.         try {   
  6.             if(ap_instances[i] != playerID) document.getElementById("audioplayer" + ap_instances[i].toString()).SetVariable("closePlayer", 1);   
  7.             else document.getElementById("audioplayer" + ap_instances[i].toString()).SetVariable("closePlayer", 0);   
  8.         } catch( errorObject ) {   
  9.             // stop any errors   
  10.         }   
  11.     }   
  12. }   
  13.   
  14. function ap_registerPlayers() {   
  15.     var objectID;   
  16.     var objectTags = document.getElementsByTagName("object");   
  17.     for(var i=0;i<objectTags.length;i++) {   
  18.         objectID = objectTags[i].id;   
  19.         if(objectID.indexOf("audioplayer") == 0) {   
  20.             ap_instances[i] = objectID.substring(11, objectID.length);   
  21.         }   
  22.     }   
  23. }   
  24.   
  25. var ap_clearID = setInterval( ap_registerPlayers, 100 );   
  26.   
  27. function get_audioplayer( flashfile , flashvars ){   
  28.     if(arguments.length != 2){   
  29.         alert('对不起,函数需要接受两个参数');   
  30.     }   
  31.     if ( (typeof flashvars != 'object' )|| (typeof flashvars.soundFile == 'undefined') ){   
  32.         alert('第二个参数必须是一个对象,而且该对象必须有soundFile的属性');   
  33.     }   
  34.     var flash_vars = '';   
  35.     var flashobject = "<object type='application/x-shockwave-flash' data='" + flashfile+ "' id='audioplayer1' height='24' width='290'>";   
  36.     flashobject += "<param name='movie' value='" + flashfile+ "'>";   
  37.     flashobject += "<param name='FlashVars' value='";   
  38.     iftypeof flashvars.playerID == 'undefined'){  
  39.         flashvars.playerID = 1;  
  40.     }  
  41.     for (var var_name in flashvars){  
  42.         flash_vars += var_name + "=" + flashvars[var_name] + "&";  
  43.     }  
  44.     flashobject += flash_vars + "'>";   
  45.     flashobject += "<param name='quality' value='high'>";   
  46.     flashobject += "<param name='menu' value='false'>";   
  47.     flashobject += "<param name='wmode' value='transparent'>";   
  48.     flashobject += "</object>";   
  49.     return flashobject;   
  50. }   
  51. function set_audioplayer(flashfile , flashvars ,  elem ){   
  52.     flashobject = get_audioplayer(flashfile , flashvars);   
  53.     if ( typeof elem == 'undefined'){   
  54.         document.write( flashobject );   
  55.     }else{   
  56.         document.getElementById(elem).innerHTML = flashobject ;   
  57.     //  document.getElementById(elem).innerText = flashobject ;   
  58.     }   
  59. }  

3、在SS的编辑器里,选中“源代码”,在编辑框里输入:

XML/HTML代码
  1. <div id='audio_file' style="display:none">aaa.mp3</div>  

当你取消选择源代码时,上面的内容已经变为

XML/HTML代码
  1. <DIV id=audio_file style="DISPLAY:none">aaa.mp3</DIV>  

很多东西都变掉了。。。。不过没关系

4、在内容页的模版里加载刚才的JS

XML/HTML代码
  1. <script src='./xxx/xxx/audio-player.js'></script>  
  2. <script>  
  3. try   
  4. {   
  5.     var audio = document.getElementById('audio_file');   
  6.     if(audio.innerText != ''){   
  7.         var audio_flash = './player.swf';   
  8.         var audio_vars = {};   
  9.         audio_vars.soundFile = audio.innerText;   
  10.         audio_vars.loop = 'yes';   
  11.         audio_vars.autostart = 'yes';   
  12.         set_audioplayer( audio_flash , audio_vars );   
  13.     }   
  14. }   
  15. catch (e){}   
  16. </script>  

现在看看,是不是你的歌曲出来了?

下面说明一下FLASH文件的下载地址:

http://www.1pixelout.net/download/audio-player.zip

上面这个地址是下载源码包的,如果想知道怎么样更好的配置播放器,也就是说为audio_vars增加更多的属性,你可以参考这个网站:

http://www.macloo.com/examples/audio_player/,然后,几乎所有的属性都可以从这页得到:

http://www.macloo.com/examples/audio_player/options.html

祝福大家使用愉快




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

2条记录访客评论

适合写作文。。。。

Post by 你猜 on 2008, May 6, 3:10 PM 引用此文发表评论 #1

...继续仰望小猪

Post by 仰望星空的狼 on 2008, May 6, 3:05 PM 引用此文发表评论 #2


发表评论

评论内容 (必填):