聆听天籁之音

我的空间我做主音乐无极限

日志

关于我

无痕影音传媒

哥的世界不需要太多人懂。带上耳机.用音樂和麦克风驱赶悲傷,一声长叹何为缘？劳燕分飞两重天。泪眼作别转身去,柔情昨夜已成眠。尘世间的尘缘、以不再为红颜无痕影音群号87433011 欢迎喜欢唱歌跳舞的你加入

文章分类

【转载】推荐一款透明的完美的MP3播放器（学码札记之十三）

2014-10-14 20:22:17| 分类：空间代码 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

蓝波老师是代码编制的行家里手，擅长于音画制作。昨天，他公开发表了《完整版 —— 迷你频谱MP3播放器》一文，今天，他又作了最后的更新。该文详尽的介绍了这款播放器的全部代码及使用方法。其主要特点有五：一是音画交融，能够满足视觉和听觉对美的欣赏；二是动静结合，可在jpg或png画面上添加flash素材；三是功能齐全，可根据画面实际合理安排播放器位置，可根据自己的意愿决定一牒单曲或一牒多曲、自动感应或人工感应，可根据需要调整文字、频谱、控件和菜单的大小、颜色和隐显，可根据听众的个人爱好点播歌曲，即点即播；四是播放同步，实现了声音、文字、频谱、时速四同步；五是操作便捷，只需了解几个基本代码的释义，然后对号入座即可完成一个音画作品的制作。为此，本博主特将该文转载如下，以供对音画制作感兴趣的博友们学习借鉴。

完整版 —— 迷你频谱MP3播放器

作者：蓝波

（附注：点击作者名字或头像即可进入其博客）

本播放器是《打包版 — 迷你频谱MP3播放器》的升级版，重新布设了架构，调度更灵敏，执行能力更强；所谓完整版是指播放器所有区块完全自定义；区块主要有八大块：基本块（歌曲）、图片块、Fl素材块、歌词块、菜单块、控件块、频谱块、其它块，这样分块编辑起来更直观，省时省力，不容易出错；本播放器在制作过程中，得到悠悠岁月悠悠情、涓涓小溪、翁奕童苑、我是一片云、可可哥等博友的大力建议，在此一并表示感谢。

2014.10.14.8:00 更新内容：

1、修正歌曲地址出错时的处理函数；

2、新增当前播放歌曲曲目的颜色（红色）；

3、新增签名及分享链接功能。

若播放器没有大问题，本日志停止更新！

效果↑

带注解代码 →	<DIV align=center><EMBED height=400 type=application/x-shockwave-flash width=820 src=http://cartoon.nie.163.com/upfile/author_id=92&urs=88llbb@163.com&art_id=17726&fn=production.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="gqdz=歌曲地址\|歌曲地址&mc=歌曲名称\|歌曲名称&gc=歌词\|歌词&tp=图片地址#移动否#图片x坐标#图片y坐标#图片宽#图片高&ff=flash素材地址#素材x坐标#素材y坐标#素材宽#素材高&pp=频谱是否显示#频谱颜色#频谱x坐标#频谱y坐标&gcsx=歌词大小#歌词颜色.描边颜色#歌词x坐标#歌词y坐标&kj=控件是否显示#控件颜色#控件x坐标#控件y坐标&cd=菜单是否显示#菜单颜色#菜单x坐标#菜单y坐标&fs=是否按顺序播放&dd=是否显示频谱顶点&qm=签名#签名字体颜色#你的分享链接地址"></DIV>
未注解代码 →	<DIV align=center><EMBED height=400 type=application/x-shockwave-flash width=820 src=http://cartoon.nie.163.com/upfile/author_id=92&urs=88llbb@163.com&art_id=17726&fn=production.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="gqdz=&mc=&gc=&tp=#####&ff=####&pp=###&gcsx=#.##&kj=###&cd=###&fs=&dd=&qm="></DIV>
简洁代码 →	<DIV align=center><EMBED height=400 type=application/x-shockwave-flash width=820 src=http://cartoon.nie.163.com/upfile/author_id=92&urs=88llbb@163.com&art_id=17726&fn=production.swf wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="never" flashvars="dbdz=打包地址&tp=图片地址&ff=flash素材地址"></DIV>

代码简要说明：

1、【 gqdz=歌曲地址|歌曲地址&mc=歌曲名称|歌曲名称&gc=歌词|歌词】，这三个是对应关系，两首以上用“|”隔开，打包地址【dbdz=】可以替换这三者，打包方法请参《打包版 — 迷你频谱MP3播放器》；

2、【 &tp=图片地址#移动否#图片x坐标#图片y坐标#图片宽#图片高】，图片块。把绿色字去掉填上你的数值，若不需要可以去掉整段代码，若部分不要，就去除最后有效数值后面的代码，如：只填图片地址和图片x坐标，代码简化是“&tp=图片地址##图片x坐标”，中间两个“#”不能去除，如果只填图片地址和图片高度，代码是“&tp=图片地#####图片高”，中间五个“#”都不能去除，以下区块代码均是如此，窥一斑知全豹，以下就不累述；“移动否”填1为左右来回移动，填2为上下来回移动；

3、【 &ff=flash素材地址#素材x坐标#素材y坐标#素材宽#素材高】，flash素材块；地址中若含“&”可换成“!”再调用，可添加俩个素材，如：&ff=flash素材地址1#素材x坐标#素材y坐标#素材宽#素材高|素材地址2#素材x坐标#素材y坐标#素材宽#素材高；

4、【 &pp=频谱是否显示#频谱颜色#频谱x坐标#频谱y坐标】，频谱块；“频谱是否显示”填0为不显示，不填或非0数值时为显示，自动显示与否跟随控件自动；颜色格式如“00ff00” 六位；

5、【 &gcsx=歌词大小#歌词颜色.描边颜色#歌词x坐标#歌词y坐标】，歌词块。注意两个颜色间有一点“.” 隔开，歌词编辑方法请参《打包版 — 迷你频谱MP3播放器》；

6、【 &kj=控件是否显示#控件颜色#控件x坐标#控件y坐标】，控件块（播放器控制组件）；“控件是否显示”填0为不显示，填1为自动感应（含频谱自动），不填或非0非1为显示；

7、【 &cd=菜单是否显示#菜单颜色#菜单x坐标#菜单y坐标】，菜单块。“菜单是否显示”填1为显示；

8、【 &fs=是否按顺序播放&dd=是否显示频谱顶点】，其它块；两者均填1为是。

9、【 &qm=签名#签名字体颜色#你的分享链接地址】，DIY签名。签名的位置跟随控件位置，在其上。

评论这张

转发至微博

阅读(58)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087070085086088065092094083067072087082071081095081066080085',
              blogTitle:'【转载】推荐一款透明的完美的MP3播放器（学码札记之十三）',
              blogAbstract:'<font color=\"#ffcc99\"   size=\"4\"   \>        蓝波老师是代码编制的行家里手，擅长于音画制作。昨天，他公开发表了《完整版 —— 迷你频谱MP3播放器》一文，今天，他又作了最后的更新。该文详尽的介绍了这款播放器的全部代码及使用方法。其主要特点有五：一是音画交融，能够满足视觉和听觉对美的欣赏；二是动静结合，可在jpg或png画面上添加flash素材；三是功能齐全，可根据画面实际合理安排播放器位置，可根据自己的意愿决定一牒单曲或一牒多曲、自动感应或人工感应，可根据需要调整文字、频谱、控件和菜单的大小、颜色和隐显，可根据听众的个人爱好点播歌曲，即点即播；四是播放同步，实现了声音、文字、频谱、时速四同步；五是操作便捷，只需了解几个基本代码的释义，然后对号入座即可完成一个音画作品的制作。为此，本博主特将该文转载如下，以供对音画制作感兴趣的博友们学习借鉴。 </font\>',
              blogTag:'',
              blogUrl:'blog/static/13459714320149148221781',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:0,
              publishTime:1413289337081,
              permalink:'blog/static/13459714320149148221781',
              commentCount:0,
              mainCommentCount:0,
              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:'哥的世界不需要太多人懂。带上耳机.用音樂和麦克风驱赶悲傷,一声长叹何为缘？劳燕分飞两重天。泪眼作别转身去,柔情昨夜已成眠。尘世间的尘缘、以不再为红颜 无痕影音群号87433011 欢迎喜欢唱歌跳舞的你加入',
              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/13459714320149148221781">${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播放器（学码札记之十三）

历史上的今天

最近读者

热度

评论

页脚