火力光波的博客

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

日志

关于我

火力光波

文章分类

一款可配多曲多图MP3播放器

2009-08-15 04:54:58| 分类： MP3播放器 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

说明：共有12张图(swf动画)8首歌，1-6图有歌有词，7-8图有歌无词，9-12图无歌无词。

本播放器特点：每首曲须对应一图，可配多曲多图，图可用swf动画，单独画面显示多行歌词，MP3地址、LRC歌词可复制。
一、播放器操作
点击“播放”按纽开始播放。
点击“曲目”显示/关闭曲目菜单。
点击“词一”打开播放器中显示歌词的画面；关闭多行LRC歌词画面。
点击“词二”打开/关闭多行LRC歌词画面。
点击“返回图标”回到播放进度画面。
点击“播放进度条”所在的任意位置快进快退。
点击“下一曲”或“上一曲”，切换曲目的同时切换图片画面。
点击“词一”“词二”歌名”时，自动复制了该歌曲的MP3地址、LRC歌词。
点击“多行歌词的画面”，显示/隐藏播放器。
二、播放器代码
<EMBED src=http://dashan.gotoip1.com/bfq/mp3bfq006.swf width=600 height=450 type=application/x-shockwave-flash QUALITY='high' FLASHVARS="参数列表" WMODE="transparent">
参数列表：mp3=MP3网址&mp3n=音乐名称&lrc=LRC歌词&s=音乐是否自动播放&r=音乐是否循环播放&皮肤颜色参数&定位参数&透明参数&图片参数
     以上参数红字参数必须设置，其它参数为可选的。不选某参数，即某参数不在参数列表中出现，则取默认值。参数之间用&分隔，排列顺序不分前后。
三、参数注解
1、歌曲歌词参数
mp3=MP3网址。一首歌曲：mp3=MP3网址
       多首歌曲：mp3=MP3网址1|MP3网址2|......MP3网址n 网址之间用英文的竖线（|）分隔
mp3n=音乐名称。一首歌曲：mp3n=音乐名称
       多首歌曲：mp3n=音乐名称1|音乐名称2|......音乐名称n 音乐名称必须与MP3网址一一对应，名称之间用英文的竖线（|）分隔
lrc=LRC歌词。一首歌曲：lrc=LRC歌词
     多首歌曲：lrc=LRC歌词1|LRC歌词2|......LRC歌词n LRC歌词必须与MP3网址一一对应，LRC歌词之间用英文的竖线（|）分隔。
    如果对应的MP3网址的歌曲不需要歌词，仅保留竖线（|）即可。
     例如：歌曲1、歌曲3需要LRC歌词，歌曲2不需要LRC歌词，则lrc=LRC歌词1||LRC歌词3
    不选用此参数，默认不显示歌词。
s= 音乐是否自动播放。s=1 音乐自动播放。不选此参数，默认音乐手动播放。
r= 音乐是否循环播放。r=0 音乐不循环播放。不选此参数，默认音乐循环播放。
2、皮肤颜色参数
mbjs=面板基色。
mbgt=隔条颜色编码（面板当中几个竖条）。
wzxsq=文字显示区（中间椭圆）颜色编码。
xzjd=下载进度条颜色编码。
bfjd=播放进度条颜色编码。
wzys=文字颜色编码，默认000000。
ands=按钮颜色编码。
   以上颜色编码直接写六位16进制数字，不需要在前面加#。
    如，&mbjs=03C102&mbgt=009900&wzxsq=02E302&xzjd=ff0000&bfjd=026501&wzys=010287&ands=026501
3、定位参数
bfqx=播放器X轴位置，默认150。
bfqy=播放器Y轴位置，默认410。
dgx=曲目列表X轴位置，默认360。
dgy=曲目列表Y轴位置，默认250。
dggd=曲目列表高度。默认时自动根据歌曲数量决定高度，高度的上限450。
        当20*n（20一首歌高度，n歌曲数量）大于dggd设置的高度时，曲目列表将以滚动方式显示。
dhgczl=多行歌词的行距离，默认22。
dhgcx=多行歌词X轴位置，默认150。
dhgcy=多行歌词Y轴位置，默认20。
     通过设置以上参数的值，可以将播放器、曲目列表、多行歌词所需的位置。
      X轴即画面的水平方向（0-600），Y轴即画面的垂直方向（0-450）。
4、透明参数
dhgcbjtm=多行LRC歌词背景透明度，默认50。
dgbjtm=曲目列表背景透明度，默认50。
bfqdbtm=播放器底板透明度，默认20。
yhgcbjtm=一行LRC歌词背景透明度，默认30。
      透明度值：0-100（0为完全透明，100为不透明）
5、图片参数
tp=图片或swf动画网址。tp=图片网址1|图片网址2|......|图片网址n    网址之间用竖线字符分隔。
tpt=图片网址相同部分。tp=图片网址不同部分1|图片网址不同部分2|......|图片网址不同部分n。
tpk=swf宽度。
tpg=swf高度。
n=歌曲数量。
     每一首曲配一张图。曲少时用竖线“|”补充，图少时再用原图址补充。
     图可用后缀为jpg（图片）或swf（动画）的网址。最好选择4：3。
     当tp=动画（swf）网址时，必须设置tpk、tpg。swf宽度、swf高度为原始的动画宽度、高度。
四、实例代码

<EMBED height=450 type=application/x-shockwave-flash width=600 src=http://dashan.gotoip1.com/bfq/mp3bfq006.swf QUALITY="high" WMODE="transparent"FLASHVARS="mp3=http://www.photo0086.com/member/Music0806/20100217144731.MP3|http://65.ierge.cn/2/33/67054.mp3|http://bbs.3hj.cn/uploadfile/2005-10/2005101923183116506.mp3|http://65.ierge.cn/7/109/218543.mp3|http://65.ierge.cn/3/55/111564.mp3|http://65.ierge.cn/9/140/280127.mp3|http://65.ierge.cn/3/48/96295.mp3|http://65.ierge.cn/11/167/334036.mp3||||&mp3n=黄果树瀑布|丁香花|最浪漫的事|风含情水含笑|当雪花爱上梅花|花桥流水|九九艳阳天|高山流水古筝&dggd=120&ands=111111&xzjd=ff0000&bfjd=00ff00&tpt=http://dashan.gotoip1.com/dh/&tp=huangguoshupobu1.swf|huangguoshupobu2.swf|huangguoshupobu3.swf|huangguoshupobu4.swf|huangguoshupobu5.swf|huangguoshupobu6.swf|shantanhailan1.swf|shantanhailan.swf|shuibodanyang.swf|shuixiang1.swf|shuixiang2.swf|baiyueguang.swf&tpk=600&tpg=450&lrc=[00:00.00]黄果树瀑布
[00:15.81]宋祖英
[01:47.85][00:29.44]人从高处跌落汪汪气端身上
[01:56.21][00:37.62]水从高处跌落偏偏神采飞扬
[02:06.55][00:48.43]看看我们的黄果树吧
[02:14.86][00:56.27]看看我们的那瀑布吧
[01:04.49]飞流直下斜阳万丈
[01:08.56]没有忧郁不可阻挡
[01:13.86]跌落的水在这里


[01:17.16]变成了强中之秋
[01:23.16]哟喏喂
[03:05.76][03:01.80][02:23.15][02:27.36]人有所短水有所长
[03:10.22][02:32.19]水也可以
[02:34.69]成为人的榜样哟喏喂
[03:12.72]成为人的榜样
[03:20.72]哟喏喂
[03:28.58][01:27.85][02:46.85] 
|[offset:1000]
[00:00.00]《丁香花》
[00:07.00]唐磊演唱
[00:15.74]你说你最爱丁香花
[02:01.69][00:20.02]因为你的名字就是她
[02:05.40][00:23.54]多么忧郁的花
[02:08.96][00:27.36]多愁善感的人啊
[02:12.78][00:30.79]花儿枯萎的时候
[02:16.14][00:33.83]当画面定格的时候
[02:19.49][00:36.44]多么娇嫩的花
[02:23.07][00:41.11]却躲不过风吹雨打
[02:26.57][00:45.04]飘啊摇啊的一生
[02:30.12][00:48.08]多少美丽编织的梦啊
[02:33.62][00:51.67]就这样匆匆你走了
[02:37.05][00:55.25]留给我一生牵挂
[02:40.56][00:58.75][03:08.70]那坟前开满鲜花
[02:44.06][01:02.34][03:12.17]是你多么渴望的美啊
[02:47.64][01:05.77][03:15.71]你看啊漫山遍野
[02:51.03][01:09.20][03:19.16]你还觉得孤单吗
[02:54.56][01:12.78][03:22.67]你听啊有人在唱
[02:58.11][01:16.25][03:26.22]那首你最爱的歌谣啊
[03:01.69][01:19.98][03:29.80]尘世间多少繁芜
[03:05.08][01:23.25][03:33.23]从此不必再牵挂
[01:27.25]《丁香花》
[01:58.10]说你最爱丁香花
[03:39.04]院子里栽满丁香花
[03:42.00]开满紫色美丽的鲜花
[03:45.61]我在这里陪着她
[03:49.08]一生一世保护它
[03:53.48] |[offset:1500]
[00:00]《最浪漫的事》赵咏华
[00:14]彩云归博客欢迎您光临
[00:23][02:05]背靠着背坐在地毯上
[00:27][02:09]听听音乐聊聊愿望
[00:32][02:14]你希望我越来越温柔
[00:36][02:18]我希望你放我在心上
[00:43][02:24]你说想送我个浪漫的梦想
[00:47][02:29]谢谢我带你找到天堂
[00:52][02:34]哪怕用一辈子才能完成
[00:56][02:37]只要我讲你就记住不忘
[01:02][01:19][02:44][03:01][03:23][03:40]我能想到最浪漫的事
[01:06][01:24][02:48][03:06][03:27][03:44]就是和你一起慢慢变老
[01:10][02:52][03:31]一路上收藏点点滴滴的欢笑
[01:15][02:57][03:35]留到以后坐着摇椅慢慢聊
[01:28][03:10][03:49]直到我们老的哪儿也去不了
[01:33][03:14][03:53]你还依然把我当成手心里的宝
[01:44] 
[04:01]彩云归谢谢您欣赏 |[offset:500]
[00:00.82][01:43.39]《风含情水含笑》
[00:08.55]梦之旅合唱组合
[00:14.11]彩云归博客欢迎您光临
[00:23.00][02:02.96]轻轻杨柳风悠悠桃花水
[00:32.85][02:12.99]小船儿飘来了俊俏的小阿妹
[00:43.08][02:23.06]眼睛水灵灵脸上红霞飞
[00:53.46][02:32.80]问一声小阿妹你要去接谁
[01:03.14][02:43.20]要问阿妹去接谁阿妹心儿醉
[01:12.99][02:53.03]去接久别的情哥哥远方凯旋归
[01:22.97][03:03.05]蝴蝶船头舞鸳鸯水上追
[01:32.89][03:13.01][03:23.26]风含情水含笑喜迎人一对
[03:38.07]谢谢欣赏
[03:47.56] 
|[offset:500]
[00:00.00]《当雪花爱上梅花》
[00:10.25]歌手:牛朝阳
[00:19.59][01:53.99]我是一片雪花
[00:23.85][01:58.27]而你是一朵梅花
[00:28.55][02:03.30]我离开苍茫遥远的天空
[00:33.26][02:07.88]为你飞舞飘下
[00:37.86][02:12.48]我心晶莹无暇
[00:42.34][02:17.08]独爱你红尘奇葩
[00:47.04][02:21.68]那一朵风中摇摆的娇艳
[00:51.64][02:26.37]是我追寻的梦啊
[00:59.30][01:17.68][02:34.02][02:52.39][03:10.77]我为你飘洒
[01:03.78][01:22.05][02:38.50][02:56.77][03:15.36]你为我开花
[01:07.29][02:42.00]迎着萧萧北风
[01:09.58][02:44.19]吻你红红脸旁
[01:11.77][02:46.48]一缕幽香暖天涯
[01:25.66][03:00.16][03:18.86][03:28.06]此生有此一刻
[01:27.96][03:02.57][03:21.05][03:30.35]与你相依相偎
[01:30.26][03:04.86][03:23.35][03:32.65]何惧阳光来融化
[01:36.05][01:49.05][03:38.38] 
[01:43.05]《当雪花爱上梅花》
[03:41.38]谢谢你欣赏 |[00:02.46]作词：刘新圈
[00:03.50]作曲：郭仔
[00:04.47]原唱：高安纳兰珠儿
[00:05.55]《花桥流水》
[00:35.56]看那春光早喧闹了枝头
[00:40.94]花瓣颜色好阿妹更娇羞
[00:46.41]看那春水流流过小桥头
[00:51.84]风吹歌声飘飘过吊脚楼
[00:57.21]吹起我的芦笙妹妹你唱一首
[01:02.77]等到太阳落山你就跟我走
[01:08.28]带上我的米酒哥哥你尝一口
[01:13.68]甜在你的眉梢醉在我心头
[01:41.01]看那春光早喧闹了枝头
[01:46.36]花瓣颜色好阿妹更娇羞
[01:51.90]看那春水流流过小桥头
[01:57.35]风吹歌声飘飘过吊脚楼
[02:02.74]吹起我的芦笙妹妹你唱一首
[02:08.22]等到太阳落山你就跟我走
[02:13.83]带上我的米酒哥哥你尝一口
[02:19.19]甜在你的眉梢醉在我心头
[02:24.25]RAP:太阳落坡了月亮出来了
[02:26.97]河水回潮船儿搁浅了
[02:29.71]船儿搁浅了阿莲回家了
[02:32.37]阿莲回家我就想她了
[02:35.22]太阳落坡了月亮出来了
[02:37.86]河水回潮船儿搁浅了
[02:40.65]船儿搁浅了阿莲回家了
[02:43.39]阿莲在家她又想谁了
[02:46.33]吹起我的芦笙妹妹你唱一首
[02:51.84]等到太阳落山你就跟我走
[02:57.39]带上我的米酒哥哥你尝一口
[03:02.69]甜在你的眉梢醉在我心头
[03:08.32]吹起我的芦笙妹妹你唱一首
[03:13.63]等到太阳落山你就跟我走
[03:19.20]带上我的米酒哥哥你尝一口
[03:24.52]甜在你的眉梢醉在我心头
||||"></EMBED>

来源：
网易/FLASH实例－MP3播放器006
新浪/FLASH实例－MP3播放器006
网易/006MP3播放器应用实例
彩云归老师的播放器参数
FLASH实例－通用图片浏览(切换百款)
音画—庆祝建军83周年

评论这张

转发至微博

阅读(2368)| 评论(11)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_082069081086084068082085083095092086086071081094095066',
              blogTitle:'一款可配多曲多图MP3播放器',
              blogAbstract:'\r\n<P align=\"center\"  \></P\>',
              blogTag:'',
              blogUrl:'blog/static/80745891200971545458394',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1496295444031,
              publishTime:1250283298394,
              permalink:'blog/static/80745891200971545458394',
              commentCount:11,
              mainCommentCount:11,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/80745891200971545458394">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

火力光波的博客

导航

日志

一款可配多曲多图MP3播放器

历史上的今天

最近读者

热度

评论

页脚