注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

播放器制作详解(一)  

2009-09-22 15:17:39|  分类: 播放器编辑 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

播放器制作详解(一)

1、播放器源码下载、解压

制作属于自己的播放器,首先要找到能下载播放器源码的站点。我是从《网络时空》下载这个音频播放器的,下载文件夹改名为exobud_mp ,解压成 exobud_mp 文件夹。

解压后的全部文件、文件夹:

播放器制作详解(一) - 火力光波 - 火力光波的博客

解压后的主要文件、文件夹:

     image :              图片文件夹 
     exobud.htm :     播放面板 
     exobudpl.htm :  播放面板布局 
     index.htm :       播放支持页面 
     exobud.js :        播放程序  
     exobudpl.js :     播放清单
     exobudset.js :   播放器功能参数

2、查找歌曲、编写清单初稿

查找歌曲的网址、歌曲名、歌手名,格式为mp3、wmv、midi,尽量选容量比较小的。

选择以下格式编写播放清单初稿:

       完整的设定格式 :     mkList("歌曲网址","歌曲名-歌手名","字幕位置");

       一般的设定格式 :     mkList("歌曲网址","歌曲名-歌手名");

       预设不播放某项目 : mkList("歌曲网址","歌曲名-歌手名","", "f");

       自动取得媒体信息 : mkList("歌曲网址");

3、修改功能、清单、面板等

①修改功能参数:用记事本打开播放器功能参数exobudset.js文件,按照各个功能条目的解释, 对形如“var blnAutoStart = true;”之类的语句,修改“=”号后面的值“true” 或者是“false”。

<!--
//
// ■ 播放程式的基本设定
//
//   自动播放?
//   设定当播放器载入页面时,是否自动播放(Auto Start)媒体档案:
//      true = 自动播放 (一般站长会选择这个方式)
//     false = 不要自动播放,等待使用者启动播放器
var blnAutoStart = true;

//   随机播放?
//   设定曲目的预设播放顺序,是否随机(乱数/Random Playing)播放媒体档案:
//      true = 随机播放 (一般站长会选择这个方式)
//     false = 根据我所排列的顺序,循序播放
var blnRndPlay = false;

//   在状态列显示文字讯息?
//   设定是否要在浏览器的状态列(Status Bar),显示播放器的目前动作:
//      true = 在状态列显示播放器文字讯息 (适合在隐藏媒体标题/时间长度方块的情况下使用)
//     false = 不要在状态列显示播放器文字讯息
//   (如果您在设定播放清单项目时,使用了像 &#12345; 的『&控制码』,必须将此项设为 false)
var blnStatusBar = false;

//   显示音量控制按钮?
//   设定播放面板上是否要显示音量控制(Volume Control-包括静音模式)的按钮:
//      true = 显示音量控制,容许使用者调校音量
//     false = 不显示音量控制,将按钮隐藏起来
var blnShowVolCtrl = true;

//   显示播放清单按钮?
//   设定播放面板上是否要显示播放清单(Playlist)按钮:
//      true = 显示播放清单按钮,让使用者检视播放清单内容及挑选曲目
//     false = 不显示播放清单按钮,使用者无法检视播放清单内容及挑选曲目
var blnShowPlist = true;

//   使用字幕功能,开启字幕框?
//   设定是否使用SMIL字幕功能(Closed Captioning-须配合副档名为"SMI"的纯文字档案使用):
//      true = 使用字幕功能,在字幕框中显示同步歌词或文字讯息(也可以包含图片等资讯)
//     false = 关闭字幕功能
var blnUseSmi = false;

//   循环播放?
//   设定当所有曲目播放完毕後,是否重新播放所有曲目(循环播放/Loop Tracks):
//      true = 使用循环播放功能 (一般站长会选择这个方式)
//     false = 不使用循环播放功能,当所有曲目播放完毕後停止播放
var blnLoopTrk = true;

//   弹出视窗显示媒体档案资讯?
//   设定在开始播放每一首曲目时,是否弹出视窗显示媒体档案资讯(Media Info):
//      true = 显示媒体档案资讯 (请认真考虑清楚,因为浏览者可能会感到厌烦的,此功能只适合测试用)
//     false = 不显示媒体档案资讯
var blnShowMmInfo = false;

//-->

②修改播放清单:用记事本打开播放清单exobudpl.js文件,然后可添加、更改、删除歌曲。 修改结束后在最前面和最后面,分别加上 “<!--” 和“//-->”。

 <!--
mkList("http://www.hmschool.xjszxy.com/attachments/edit/20100731/20100731155211668.mp3
","套马杆-乌兰托娅");
mkList("
http://yh57.com/Upload/Url/2009102923154423500-0.mp3
","纤夫的爱-于文华 尹相杰");
mkList("
http://www.qq490.com/Article/song/%BB%F0%C3%E7.mp3
","火苗-格格");
mkList("
http://aifei20081.w9.dvbbs.net/UploadFile/2006-10/200610816385914972.mp3
","那一夜-谢军");
mkList("
http://images.ttwang.net/familymusic/2009/4/04vfzzn0xt2009430101238.mp3
","月亮之上-凤凰传奇");
mkList("
http://www.hbenshi.gov.cn/upfiles/quzk/whcyygyh.mp3
","我和草原有个约会-凤凰传奇");
mkList("
http://www.lijiangphototour.com/templates/b328/images/zuimei.mp3
","醉美天下-凤凰传奇");
mkList("
http://wma.9ku.com/file2/z2010/016/4/zzx.mp3
","等爱的玫瑰-凤凰传奇");
mkList("
http://lszxl.com/images/3.mp3
","青藏高原-韩红");
mkList("
http://res.chinese.cn/music/audio/minge/xiaobaiyang.mp3
","小白杨-阎维文");
mkList("
http://source.gdxkc.com/UploadFiles/ResourceFiles/20110509/ResCheck4854396857305306059.mp3
","十五的月亮-董文华");
mkList("
http://www.chyey.com/yy/lx/%e5%bf%83%e5%9c%a8%e8%b7%b3%e6%83%85%e5%9c%a8%e7%83%a7.mp3
","心在跳情在烧-谢军");
mkList("
http://job.hhtc.edu.cn/music/
情人.mp3","刀郎-情人");
mkList("
http://www.gushi160.com/ergezaixianll1/youyigemeilidechuanshuo.mp3
","有一个美丽的传说-蒋大为");
mkList("
http://www.lxxq.com/lxxq/upload/school/20051202/_2005122195750.mp3
","北国之春-蒋大为");
mkList("
http://www.whatbestsite.com/ice_river2.mp3
","冰河时代2");
mkList("
http://www.xsjs.cn/uploadfiles/2011-5/301714686254.mp3
","摇摆哥DJ-王绎龙");
mkList("
http://blogfile.chinaunix.net/20069117/music2/7893_070918145631.mp3?xcodhttp://content-club.12530.com/mp3/walk/10/12/25/42/600516660143.mp3
","拉拉爱-邵雨涵");
mkList("
http://www.shfuqi.com.cn/mp3/14hrz.mp3
","好日子-唢呐");
mkList("
http://js.huain.com/audio/url01/5958/yzh48.mp3
","一枝花-唢呐");
mkList("
http://js.huain.com/audio/url01/1872/jiangheshui.mp3
","江河水-唢呐");
mkList("
http://js.huain.com/audio/url01/4610/02.mp3
","抬花轿-唢呐");
mkList("
http://www.hbgbzx.com/lessionnew/jyzx/JYZX0269/contents/2quanyinyue.mp3
","二泉映月-二胡");
mkList("
http://file.qlteacher.com/upload/cz2010/medias/1008/04/233905992.mp3","有一个美丽的地方-葫芦丝");

//-->


③修改播放面板等:

用记事本打开播放面板exobud.htm文件查看,可修改播放面板。

用记事本打开播放面板布局exobudpl.htm文件,可修改面板布局。

引用的图片都放在图片image文件夹,打开可查看、更换或修改(点击此处浏览)。  

注意:修改的时候要注意随时预览并保存。

 

4、播放器文件上传、外链

这一步的关键是找到要好用的上传空间。我是用的《3v.cm免费空间

这个播放器的外链地址:http://35free.net/xuhui8491/exobud_mp/index.htm

网页嵌入播放器的代码:

<IFRAME src="http://35free.net/xuhui8491/exobud_mp/index.htm" frameBorder=0 width=700 height=60></IFRAME>

播放器演示:             制作音频播放器详解(一) - 火力光波 - 火力光波的博客 自制音频播放器的演示

 

说明:以上,由于博客日志不支持IFRAME等代码,因此有关内容不能直接演示效果。

 

 播放器制作详解 (一)  (二)

 

本文参考:网页播放器插入Blog教程详解

  评论这张
 
阅读(1343)| 评论(13)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017