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

紫霞仙鱼的博客

鱼的心事在天涯

 
 
 

日志

 
 

【转载】关于播放器  

2013-07-10 11:45:40|  分类: 文字类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自落羽丨殇《关于播放器》

【日志素材】关于播放器

2013年05月28日 - 落羽丨殇 - .

    因本人喜欢捣鼓小玩意儿,日志中的播放器随自己喜好随时调整,昨天烟雨大姐提到喜欢小弟的自定义播放器,因制作细节解说有点长,无法在留言里说明,特写此博文,送给烟雨大姐,如能帮到大姐一二,小弟便很开心,如写得不够详尽之处大姐可随时询问,小弟知无不言。
    一、先上传本地音乐,(只要一次上传,音乐代码大家都可以共享)上传后播放器的形状应该是这样:

    

    二、上传成功后,在编缉文章中切换源代码功能找到代码,这个音乐的完整代码是:
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://b.bst.126.net/common/spirit.swf?version=1.0.13&amp;t=20110426 width=210 height=31 type=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="always" flashvars="loop=0&amp;autoPlay=false&amp;url=http://mp3.ph.126.net/mu_l/KzeggRmxO89BYgpchX4-cQ==/86412817850203051.mp3?t=319b6281767ba58a2cfaa10c298657ea&amp;m=bcbe60689b1a205f7e71d9e41c53b910&amp;title=And I love you so&amp;artist=" allowNetworking="all">
    在上传过程及发表后,代码有所变化,不用管他,只要记得从“<EMBED ”开始复制,到“>”结束就成。
    三、然后在文章编辑中,切换源代码后,输入以下公式:
<TABLE style="FILTER: alpha(opacity=100 style=2 finishopacity=0)" border=0 cellSpacing=0 borderColor=#000000 cellPadding=0 width=180 background=图片地址 align=center height=150>
<TBODY>
<TR>
<TD style="FILTER: alpha(opacity=40 style=2 finishopacity=0)">
<P align=center>音乐完整代码</P></TD></TR></TBODY></TABLE>
    1、其中这一行代码<TABLE style="FILTER: alpha(opacity=100 style=2 finishopacity=0)" border=0 cellSpacing=0 borderColor=#000000 cellPadding=0 width=180 background=图片地址 align=center height=150>
是编辑背景自定义图片,图片地址,选择已上传到网易相册的图片,复制链接地址就可以,图片的大小自己可以调整:width=180(宽度)height=150(高度)按实际图片大小来调整,如果做为文中播放器,一般宽度不要超过300,最好把自己喜欢的图片用简单的制图软件缩小成适用的大小,当然完全由编者自己喜欢,但一定要和实际图片对应。style="FILTER: alpha(opacity=100 style=2 finishopacity=0)"这一段代码是给图片加羽化(模糊)效果,style=2 “2”是圆形,“3”是方形 ,常用是这两种,“1”是侧边渲染,编者可以自已尝试满意为止,如果不需要给图片羽化,直接选“4”就可以了。
      2、<TD style="FILTER: alpha(opacity=40 style=2 finishopacity=0)">
     这一段代码,是对播放器的羽化,一般情况下可以不改动,如果有兴趣,可以把opacity=40 后面的数字进行调整来改变羽化的程度。
   3、最后一段代码:<P align=center>音乐完整代码</P></TD></TR></TBODY></TABLE>
 在“音乐完整代码”这里覆盖第二节所说的音乐完整代码,然后调整音乐播放器的大小及设置手动或自动播放要素(示例中橙色字体)
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://b.bst.126.net/common/spirit.swf?version=1.0.13&amp;t=20110426 width=210 height=31 ype=application/x-shockwave-flash wmode="transparent" invokeurls="false" quality="high" allowScriptAccess="always" flashvars="loop=0&amp;autoPlay=false&amp;url=http://mp3.ph.126.net/mu_l/KzeggRmxO89BYgpchX4-cQ==/86412817850203051.mp3?t=319b6281767ba58a2cfaa10c298657ea&amp;m=bcbe60689b1a205f7e71d9e41c53b910&amp;title=And I love you so&amp;artist=" allowNetworking="all"> 
    其中:width=210为播放按钮的宽度,本人一般调整为20, height=31为播放器按钮的高度,本人常用调整为25,loop=0为循环播放,把0改成1是播放一次,autoPlay=false为手动播放,把false改成true为自动播放。
    以下是设置自动播放的示例(可随时按图中播放按钮进行关闭或打开音乐):

    四、按上述所示,基本就完成了自定义播放器的制作,通常本人设置的播放器是居中的,如果需要改变定位,可以在代码中找到align=center来调整(两处均应调整),center为居中,left为靠左 right为靠右。
    本人对代码也是门外汉,只是东拆西拿地自己乱试,制作的东东只是小玩意儿,不值一提,若有代码高手路过,一笑便罢;若有朋友喜欢,是我的荣幸,请随意拿走便是,此按。

2013年05月28日 - 落羽丨殇 - .

  评论这张
 
阅读(120)| 评论(34)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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