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

图片影音
美图秀秀P图 灰姑娘变白雪公主
美图秀秀轻松MM脸上痘痘消干净
美图秀秀教程 轻松制作宝宝艺术照
iSee轻松做闪图艺术照和QQ空间图
美图秀秀P图 轻松搞定美女大眼睛
美图秀秀P图 快速制作萧亚轩新形象
美图秀秀P图 快速做眼影眉毛头发和场景
美图秀秀简易快速P图教程(Webjx推荐)
简单介绍美图秀秀可以处理的非主流图片
美图秀秀P图 轻松为漂亮妹妹丰胸和增大眼睛
美图秀秀轻松打造动感激情气质美女闪图
美图秀秀P图 轻松为美女打造百变造型
美图秀秀轻松P出帅哥非主流闪图
美图秀秀P图 一分钟P图秘笈
美图秀秀P图 从面子到身材焕然一新
美图秀秀P图 女朋友生日恶搞非主流
美图秀秀P图 丰胸,大眼睛,美容轻松搞定
分享酷我音乐盒实用性和娱乐性功能
美图秀秀轻松制作搞笑摇头娃娃
美图秀秀P图 动画,恶搞非主流场景

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-11   浏览: 68 ::
收藏到网摘: 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播放器-软晨学习网