给discuz论坛添加更漂亮的MP3播放器

discuz x2这样处理用户输入的音频地址:如果是mp3wav等格式,直接调用用户电脑里的windows media player插件,界面相当丑,而且我的好朋友,一位用MacBook Air的女士表示,俺的Safari提示要安装插件啊!我倒

于是动手修复这个问题,我知道国内所有论坛的所谓技术贴其实是把wordpress知名插件audio-player播放器拿来用用,然后在discuz后台添加代码引用而已。

具体方法是:

在discuz管理后台-界面-编辑器设置-Discuz代码,添加一个新的标签,命名任意,比如我这里叫“MP3”,便于区别。一定要勾选“可用”、“显示”这两个按钮,输入这个新标签的图标,你应该把图标文件先上传到网站根目录的staticimagecommon文件夹内,命名任意,以“bb_pod.gif”就可以,注意文件格式。

discuz编辑器设置

然后点击“详情”,深入修改该标签属性。替换内容部分,添加如下代码:

<div style=”z-index:-1″><EMBED src=static/image/common/player.swf?soundFile={1}&bg=0xE5E5E5&leftbg=0xCCCCCC&lefticon=0x333333&rightbg=0xB4B4B4&rightbghover=0x999999&righticon=0x333333&righticonhover=0xFFFFFF&text=0x333333&slider=0x666666&track=0xFFFFFF&border=0xCCCCCC&loader=0x009900&autostart=0&loop=yes width=290 height=24 wmode=transparent type=application/x-shockwave-flash></EMBED></div>

说明:src字段是告诉discuz,我要引用你内置的player.swf这个播放器,来处理mp3,后面的字段是个性化定制播放器的界面各部分颜色,我已经修改成了默认的配色方案,显示出来很漂亮的,小清新风格。如果你重口味,可自行修改。

你还要输入一个“例子”:

[mp3]mp3地址[/mp3]

设置替换代码

下面几个参数可自定修改,然后保存即可。

网页显示效果参见这里

Leave a Reply

Your email address will not be published. Required fields are marked *

Related Posts

Begin typing your search term above and press enter to search. Press ESC to cancel.