2006-12
16

在blog上添加mp3播放器的方法有很多,这里介绍通过 Flash MP3 Player 来播放音乐的方法。

首先到 Flash MP3 Player 的主页上下载该程序。 解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上,这里假设放在 /musicplayer 下。 (注意,Flash MP3 Player有个bug,路径名中不能包含 mp3 字样,否则不能正常读取播放列表。)

在wordpress当前主题目录中建立 mp3player.php,内容如下。

<p id="mp3player"><a href="http://www.macromedia.com/go/getflashplayer" target="_blank">下载 Flash Player</a>来播放音乐。</p>
<script type="text/javascript">
  var FU = { 
    movie:"/musicplayer/mp3player.swf",
    width:"190",
    height:"20",
    majorversion:"7",
    build:"0",
    bgcolor:"#FFFFFF",
    flashvars:"file=/musicplayer/playlist.xml&showdigits=true&repeat=true&shuffle=false&lightcolor=0x0080FF&backcolor=0x0066AA&frontcolor=0xEEEEEE" };
  };
  UFO.create(  FU, "mp3player");
</script>

然后在 sidebar.php 的适当位置加入:

<?php include(TEMPLATEPATH . '/mp3player.php'); ?>

在 header.php 中加入:

<script type="text/javascript" src="/musicplayer/ufo.js"></script>

最后将mp3文件上传到 /musicplayer 目录下,最好文件名为英文名,然后在 /musicplayer 下建立 playlist.xml 文件。

<?xml version="1.0"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
  <trackList>
    <track>
      <title>Music Title</title>
      <creator>Singer</creator>
      <location>/musicplayer/song.mp3</location>
    </track>
  </trackList>
</playlist>

效果如下图。

flashmp3player.png



这篇文章有 4 条评论了,快来一起讨论讨论吧!
#1
wonsore
2008-09-01 19:57

有个问题了
我启用了防盗链(对MP3文件也防)
通过.hataccess实现的。
现在在自己网站上也无法播放MP3
可否解决这个问题?

#2
charlee
2008-09-02 11:14

@wonsore 这个问题恐怕比较困难了。很可能是因为MP3播放器不发送Referer,导致找不到。完美的解决方法只能是找到MP3播放器的源代码,修改为发送Referer。但源代码可能比较难找。

可以试试给URL加一个参数,必须有这个参数才能正常播放,然后在.htaccess中判断这个参数的值。这样虽然并不是很好,但一般的防盗链应该能做得到。修改难度也不算高。

#3
» Blog Archive » 再推荐一款网络播放器
2008-11-30 22:00

[...] 1、给WordPress加个mp3播放器; 2、JW Player 3、为WP添加一个播放器 4、给你的 Wordpress [...]

#4
左岸读书
2009-10-12 13:19

继续寻找~

添加评论

Security Code: