火力光波的博客

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

日志

关于我

火力光波

文章分类

8合1播放器版面及实例1

2015-12-22 16:59:17| 分类： MP3播放器 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

实例1演示

一、播放器代码
（1）代码格式
<EMBED width=宽度 height=高度 type=application/x-shockwave-flash src=播放器地址 wmode="transparent" flashvars="参数列表">
（2）代码说明
播放器地址：src=http://cartoon.nie.163.com/upfile/author_id=92&urs=88llbb@163.com&art_id=18199&fn=production.swf
播放器大小：width=700 height=460 播放器宽度、高度。
参数列表： flashvars="gqdz=歌曲地址|歌曲地址&mc=歌曲名称|歌曲名称&gc=歌词|歌词&tp=图片地址|图片地址&ytcc=是否按原图尺寸显示&tpzb=图片x坐标|图片y坐标&gdxg=图片过渡效果&qhsj=切换图片的间隔时间&spdz=视频地址#样式#视频x坐标#视频y坐标&ff=flash素材地址#素材x坐标#素材y坐标#素材宽#素材高&pp=频谱是否显示#频谱颜色#频谱x坐标#频谱y坐标&gcsx=歌词大小#歌词颜色.描边颜色#歌词x坐标#歌词y坐标#字体&kj=控件是否显示#控件颜色#控件x坐标#控件y坐标&cd=菜单是否显示#菜单颜色#菜单x坐标#菜单y坐标&fs=是否按顺序播放&tpjs=是否显示图片计数&qm=签名#签名颜色#签名x坐标#签名y坐标#你的分享链接&klok=是否显示卡拉ok歌词&cp=唱片是否显示#唱片x坐标#唱片y坐标&pw=配文文字&pwsx=文字大小#文字颜色.描边颜色#文字x坐标#文字y坐标#文字显示宽度#文字显示高度#是否黑体#移动方式"
二、参数释义
（1）歌曲（播放歌曲，显示歌词）
&gqdz=歌曲地址&mc=歌曲名称&gc=LRC歌词，这三个是对应关系，两首以上用“|”隔开。
&dbdz=打包文件地址。可以替换歌址、歌名、歌词这三者。
         打包文件内容：第一行歌名，第二行歌址，第三行开始歌词；歌曲之间用“#”隔开。文件格式：txt、gif。
&gcsx=歌词大小#歌词颜色.描边颜色#x坐标#y坐标#字体，为歌词块。
           注意歌词块中两个颜色间有一点“.” 隔开，“字体”改成2为华文行楷，0为宋体，去除#字体为黑体。
&klok=1 显示卡拉ok歌词，默认不显示。
&fs=1 表示歌曲按顺序播放，默认随机播放。
（2）图片（背景图片，自动播放）
&tp=图片地址，两张以上用“|”隔开；单张时可以移动，在地址后加#1为左右移动，加#2为上下移动。
&ytcc=1 为按原图尺寸显示式，去除&ytcc=为等比满屏显示。
&qhsj=图片过渡切换时间秒数。要几秒就写几秒，如八秒：&qhsj=8 。
&gdxg=图片过渡效果。共有11种效果，如，&gdxg=11，表示每次切换为米字效果。
&tpzb=图片坐标调节。调节后全部图片位置都会改变，假如图片边框有10像素不想看见，那就设：&tpzb=-10|-10，即可。
&tpjs=1 表示显示图片数量。
（3）配文块
&pw=配文内容&pwsx=文字大小#文字颜色.描边颜色#x坐标#y坐标#显示宽度#显示高度#是否黑体#移动方式，为配文块。
        填1为黑体，不填为宋体；“移动方式”填1向左，填2向上；配文内容可以跟着歌曲换，用竖条“|”隔开，数量要与歌曲个数一致。
（4）特效块（flash素材）
&ff=特效地址#x坐标#y坐标#宽#高，为特效块。特效块两个以上用“|”隔开，最多可添加4个素材，若地址中含“&”符号可换成“!”再调用。
（5）控件块（播放器控制组件，只能控制歌曲播放、歌词跟随显示）
&kj=控件是否显示#控件颜色#x坐标#y坐标，为控件块。0为不显示控件，1为自动感应（含频谱自动），不填或非0非1为显示。
（6）频谱块
&pp=频谱是否显示#频谱颜色#x坐标#y坐标，为频谱块。0为不显示频谱，不填或非0时为显示，自动显示与否跟随控件自动；颜色格式，如“00ff00” 六位。
（7）动画块（唱片动画）
&cp=唱片是否显示#x坐标#y坐标，为动画块。&cp=0不显示唱片，不填或非0时为显示，自动显示与否跟随控件自动。
（8）菜单块（歌名列表）
&cd=菜单是否显示#菜单颜色#x坐标#y坐标，为菜单块。“0为不显示菜单，不填或非0时为显示。最多显示105条歌名。
（9）签名块
&qm=签名内容#签名颜色#x坐标#y坐标#你的分享链接地址，为签名块。始终显示，DIY自己的签名及分享链接。（链接失效）
（10）视频（背景视频，目前只能用一个视频，自动播放）
&spdz=视频地址。两个以上时用竖条“|”隔开，数量不限，默认无声，&yl=1原音播放。
      当有图片背景时，视频为小屏，并且可以设置其样式。
        弹跳设置：   &spdz=视频地址#样式号。#样式号：在视频地址后面，加#1为圆形朦胧弹跳，加#2为圆形弹跳，
                           加#3为菱形弹跳，加#4为心形弹跳，加#5为梅花形弹跳，加#6为扇形弹跳。
         不弹跳设置：&spdz=视频地址#样式号#x坐标#y坐标，为不弹跳视频块。#样式号：在视频地址后面，
                             加11到16数值时为不弹跳，不弹跳时可以设置其显示位置。
       当无图片背景时，视频为满屏。
三、实例代码与演示
实例1，播放器的背景-图片
播放器代码：
<EMBED height=450 type=application/x-shockwave-flash width=750 src="http://up.yinhuabbs.cn/upload/火力光波/flash/01/production.swf"wmode="transparent" invokeurls="false" flashvars="dbdz=http://yun.365.sh/s/0tBiX4.txt&tp=http://img1.ph.126.net/AGCDshwdblENkScpzN1dbQ==/6631206304166167708.jpg|http://img1.ph.126.net/4820XB9_rblr6MqvXE1v4g==/6631416310887076495.jpg|http://img0.ph.126.net/4_PDjQUUqDcUTBFOu1JXKQ==/6631347041654534268.jpg|http://img0.ph.126.net/lcZFIcJscMJfJkrc9HoiRA==/6631438301119629579.jpg|http://img2.ph.126.net/gyf8LUMWUXF1ghGwy5UcrQ==/6631206304166167721.jpg|http://img0.ph.126.net/aHtSKY-SQcp-U_oTlJmp3g==/6631222796840589432.jpg|http://img1.ph.126.net/iOcY4Yl_mMZy8JB7k2a9jA==/6631306359724304461.jpg|http://img0.ph.126.net/kMzz-XAlhFlG8zIKNd8yIg==/6631200806608028859.jpg|http://img1.ph.126.net/Hwul0i2WffwOGQvjvXAAJg==/6631342643608023202.jpg|http://img2.ph.126.net/jRDPmfVKfAwVzScX7BkjAg==/6631244787073127003.jpg&qm=火力光波音画#F5FC12&ff=http://webftp.bbs.hnol.net/linm/Flash/F1/220.swf|http://cartoon.nie.163.com/upfile/author_id=92!urs=88llbb@163.com!art_id=17438!fn=production.swf###50#50&gcsx=22#ff0000.ffffff##&pw=火力光波向大家问好，祝大家身体健康，工作顺利，全家幸福！&pwsx=18#ffffff.##8###1#1&kj=1&cd=#F5FC12">
边框代码：
<TABLE style="WIDTH: 750px; HEIGHT: 450px" border=4 cellSpacing=2 borderColorLight=#ffffff borderColorDark=#ffffff cellPadding=0 width=750 background=http://img0.ph.126.net/UfqonO0bRpG9pwVE4x2G0Q==/6630442143584529867.gif align=center>
<TBODY><TR><TD><DIV align=center>播放器代码</DIV></TD></TR></TBODY></TABLE>

评论这张

转发至微博

阅读(1003)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087068084087084071093095083069072094081068080083094074085',
              blogTitle:'8合1播放器版面及实例1',
              blogAbstract:'\r\n<TABLE style=\"WIDTH: 750px; HEIGHT: 450px;\"   border=\"4\"  cellSpacing=\"2\"  borderColorLight=\"#ffffff\"  borderColorDark=\"#ffffff\"  cellPadding=\"0\"  width=\"750\"  background=\"http://img0.ph.126.net/UfqonO0bRpG9pwVE4x2G0Q==/6630442143584529867.gif\"  align=\"center\"  \>\r\n<TBODY\>\r\n<TR\>\r\n<TD\>\r\n<DIV align=\"center\"  \></DIV\></TD\></TR\></TABLE\>',
              blogTag:'蓝波,8合1,播放器,介绍',
              blogUrl:'blog/static/807458912015112245917732',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1497139721047,
              publishTime:1450774757732,
              permalink:'blog/static/807458912015112245917732',
              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:'',
              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/807458912015112245917732">${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 - 订阅此博客

火力光波的博客

导航

日志

8合1播放器版面及实例1

历史上的今天

最近读者

热度

评论

页脚