手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜Qcloud , 注册 | 登陆
浏览模式: 标准 | 列表2008年08月22日的文章

为supesite中的文章添加背景音乐

以前我写过一篇测试播放器的文章,当然,在我自己的网站是正常了。正好遇到一朋友需要在supesite下面为每篇文章增加不同的背景音乐,于是调试了一下。由于supesite的编辑器会自动过滤一些标签,最终我的处理方案如下:

1、先选中编辑器状态栏中的“源代码”,点击后,输入

<div id='audio_file' style="display:none">aaa.mp3</div>



其中,aaa.mp3就是你要播放的音乐文件,默认在根目录下的music目录里,如果你在里面建立了目录hongkong来存放香港歌英,则aaa.mp3就变成了hongkong/aaa.mp3,即在文件名前要加上目录路径,id=audio_file不能被改变,

2、取消选中源代码,继续编辑你的文章,这时候刚才的 aaa.mp3 会显示在内容里,不用理会他,成功后不会影响文件的编辑的。或者,你也可以在文件内容编辑完毕后,再选中源代码,在源代码的最上面加入这一行就行了。

3、在模版里加上相应的代码

XML/HTML代码
  1. <script language="JavaScript" src="http://www.xxxx.com/public/audioplayer.js"></script>  
  2. <script>     
  3. try      
  4. {      
  5. var audio = document.getElementById('audio_file');      
  6. if(audio.innerText != ''){      
  7. var audio_flash = 'http://www.xxxxx.com/public/player.swf';      
  8. var audio_vars = {};      
  9. audio_vars.soundFile = 'http://www.xxxxx.com/music/' + 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.   
  17. </script>     

4、成功……现在测试

 

具体的代码就不提供了。网上应该是有的下载。。。。只是提供这个解决方法。

 

演示地址:http://www.l2foto.com/s/?action-viewnews-itemid-4

Tags: supesite, 背景音乐, mp3播放器