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

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

首页 > Software >

以前我写过一篇测试播放器的文章,当然,在我自己的网站是正常了。正好遇到一朋友需要在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播放器

« 上一篇 | 下一篇 »

只显示10条记录相关文章

升级到 SS 7.5,没啥感觉 (浏览: 18433, 评论: 0)

2条记录访客评论

缺点是不能上传过大的音乐。否则就等着缓冲吧

Post by gouki on 2008, August 22, 10:55 AM 引用此文发表评论 #1

强啊,回去也加一段

Post by 懒宝宝 on 2008, August 22, 9:41 AM 引用此文发表评论 #2


发表评论

评论内容 (必填):