您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

Wordpress博客怎么添加MP3播放器

于泰哲2023-06-24WordPress教程已有人查阅

导读怎么为Wordpress博客添加MP3播放器?首先到Flash MP3 Player 的主页上下载该程序。解压缩之后,将 mp3player.swf 和 ufo.js 两个文件放到服务器上

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

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

<p id="mp3player"><a href="http:// .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>

本文标签:

很赞哦! ()

相关源码

  • (自适应响应式)陶瓷研磨盘抛光机械设备pbootcms网站模板本模板基于PbootCMS系统开发,为研磨抛光设备制造企业设计,特别适合陶瓷研磨盘、抛光设备等表面处理设备展示。采用响应式布局技术,确保各类设备的参数和工艺在不同终端上都能清晰呈现。查看源码
  • (自适应)刷卡pos机数据移动支付设备电子科技pbootcms模板下载本模板为POS机设备制造商、移动支付终端服务商和科技企业设计,基于PbootCMS系统开发,提供完整的在线展示平台解决方案,满足支付设备行业特有的展示需求。查看源码
  • (自适应)平面设计网络工作室个人作品展示网站模板免费下载基于PbootCMS内核开发的响应式网站模板,为设计工作室、创意机构打造的作品展示解决方案。通过模块化布局与极简交互设计,呈现设计作品的视觉细节,支持作品分类、案例解析等多维度展示方式。查看源码
  • (自适应响应式)黑色LED显示屏户外广告屏网站源码下载这是一款基于PbootCMS内核开发的响应式网站模板,专门为LED显示屏及户外广告行业打造。模板适配各类显示设备,帮助企业快速搭建专业官网,展示产品与服务优势,有效提升品牌形象。查看源码
  • pbootcms响应式蓝色旅游旅行社pbootcms网站源码下载为旅游公司、旅行社定制的响应式网站模板,聚焦旅游线路展示、景点推荐及预约服务场景。采用PbootCMS内核开发,自适应技术确保PC与手机端数据实时同步查看源码
  • (自适应)个人图集图片相册画册pbootcms网站模板源码本模板基于PbootCMS系统开发,为图片展示类网站设计,特别适合个人作品集、摄影画册、艺术图集等内容展示。采用响应式布局技术,确保各类图片在不同设备上查看源码
分享笔记 (共有 篇笔记)
验证码: