当前位置: 首页 > 图文教程 > 工具软件 > 图片影音 > 为Wordpress博客添加MP3播放器

图片影音
美图拍拍新功能:春节期间轻松拍出好照片
i3D Photo软件轻松快速制作立体感十足的3D照片
美图秀秀教程:制作新春摇头娃娃同学会照片
3D网络电视 春节用UUSee在家看3D电影
酷我音乐盒强大的歌手信息汇集功能
美图秀秀喜庆功能简单秀红火新春图片
除夕年夜饭 美图秀秀三招秀美食的方法
让旧照片换新颜 美图秀秀打造新年喜庆照片
新年大团圆 温馨快乐的全家福拍摄技巧
情人节动画贺卡 可爱的卡通FLASH贺卡帮你表白
美图秀秀制作送给她的最浪漫温馨图片
会声会影电影字幕用TXT制作方法
春节网上看高清大片四大视频网站评测
春节假期结束 美图秀秀帮你记录美好的回忆
软件测试:QQ音乐临时文件太多的问题
美图秀秀教程:修复宝宝照片的常见问题
美图秀秀教程:宝宝照片的艺术拼图特效
涅槃重生 超级解霸2010 Beta版功能体验
美图看看帮你轻松修复春节期间靓照
美图秀秀教程:90后非主流女孩马赛克动画

图片影音 中的 为Wordpress博客添加MP3播放器


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 65 ::
收藏到网摘: n/a

    在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>

    效果如下图。

    为Wordpress博客添加MP3播放器-软晨学习网