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

吉林紫咖啡小窝窝

面对纷繁世界,保持头脑清醒。

 
 
 

日志

 
 

讲解制作MP3播放器的方法  

2013-06-27 21:36:28|  分类: 【再学一招】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 解析漫天雪的《自己制作MP3播放器》


   点击【开始制作】

  (每一步后面都有【操作说明】,只要把光标放到“操作说明”字上,就可以看到这一步怎么做。)

第一步:尺寸与背景:

1、设定自己需要的播放器的宽度和高度(目前的宽度是300、高度是165,可以不动,也可以更改)。

2、播放控制:把0换成1,让它“自动播放”;想“手动播放”就不用改了。

4、隐蔽控制:把1换成0,不隐蔽看看效果;想隐蔽就就不用动了,保留“1”。

5、背景的网址:

   目前是"http://yanyileo.vip125.flashyc.com/swf/huacaosucai/5.swf“,可以换成自己喜欢的背景网址(叫”地址“也行)。

  点击【步骤1完成】就可以直接到【步骤2】,也可以点击“步骤名称”。

第二步:点击【选择按钮】:

1、定位方式:2:、按钮框图标:3、按钮修改:4、按钮加框:——初次制作,这些都可以不动。

第三步:点击【时间、进度条】:

包括:时间显示和进度条。——初次制作,这些也可以不动。

第四步、点击【名称或歌词】:

初次制作,设置也可以不动。

第五步:点击【歌曲列表】:

初次制作,设置也可以不动。

第六步:点击【歌曲与歌词】:

1、换“mp3”地址(第一个长框)

2、填写“歌曲名”(第二个短框)

3、可以不管(第三个“备用地址”长框)

4、大框里填写“歌名”或者“歌词”

5、以上内容填写完了,点击【第1首歌曲确定】;以此类推,每选择、填写完一首歌曲,就点击一次。

第七步:点击【预览效果】,再点击【生成代码】就ok了。

  制作完的“代码”就是自己制作的“播放器”。建议:先从一首歌曲做起,慢慢增多。制作,也是乐趣!

(紫咖啡讲解)

 

点击查阅:颜色代码大全




< face="楷体'); 49BED height="31" plu5

iv rue" href="http://www.l鈈ds0">ize="5" 2e> i'u⺄-INDENT: 2em;l

l20 lan> 0 l 评论这张span>

l20 lig" rc="http://dabst.126.net/cowOlge/jsage.hmp3iomeog.16png? pl ian> lizan> 0 ize="5"

l20 lig" rc="http://dabst.126.net/cowOlge/jsage.hmp3iomeog.16png? pl ian> lizan> 0 iv class="nbia.p fr"> lyle="diight:203x;">ne-height:203x;">xt-deign=":ft">>ian> l读 (pan id="$_shan> rueadCou">讲102izan> 0)izan> 0ian> l/span>ian> l评论(pan id="$_shan> rCmont" Cou">讲4izan> 0)izan> 0 iv class="nbeft"> rf]-">ian> lyle="display:none;fclass="sh ft">elepelep-shvfc03"z">/span>">iv class="nbare-wrap pleft">        

用易信  “扫一扫”

将文章分享到朋友圈。

 
" ef="#"tp://caijing200794.blog.163.com/" og/static/448954752013512665051819/" " t;磍valu"trpl ">iiv> iv class="nbight fcght foper hrr clght foper hrr c-wOl n l likebtn t fcight fid="$_blan> Like相捕izan> 0 l remmond">btn t fcight fid="$_blan> Remmond">万增 0 lele.mdisplay:none;mid="$_spanReowArRemmond">蚻erd fchide"> ian> lass="nbeft"> cl03" ispan cl="$_spanRepommond">Cou">讲0izan> 0人izan> 0ian> l lock icn0 icn0-91722bw-w-tglnbwas-n0 ixed/nbsp;an> 0ian> l lock icn0 icn0-9162nbw-bltgl0bwas-n0 ixed/nbsp;an> 0ian> lizan> 0nbsp;&n 0 ian> lass="nbf-myLikeIns"> rlog rbtn t fcight fid="$_blan> Ce=nan> 0 iiv> iiv> iv class="nbsn>加
rd " ="$_spv cRemmond">Ctait" /div>
iiv> iv clyle="display:none;f;visibiatty:defden;dth=":0;ight:200;orsioatw:defden;" ass="nbthtio>ih4 ass="nbwb bds2 bdc0 "d07 zs0">4
asrfix'>
iiv> iv clyle="display:none;f;visibiatty:defden;dth=":0;ight:200;orsioatw:defden;" ="$_hotgeea" ass="nbhotgeea thtio> ih4 ass="nbwb bds2 bdc0 "d07 zs0">4
">iclass="pradne- stef="#" target="_blank" hidefocus="true">mefdsrfdg" /> iv cl="$_ashvaar bap" ass="nbashvaar bap"/div> irame idrginwidth="0" alrginheight="0" ma="$_fmefframe" style="display:none;" width="2459 alight:2="0&hframeborder="0" boheiling="no" allowtransparency="true"> iiv> iv ch ih4 ass="nbwb bds2 bdc0 "d07 zs0">< ele.mdidding:100 1212px;pane-height:203x;paxt-deign=":ft">>4 div idele.mdidth=":0&h%;orsioatw:defden;"h irame idele.mdimax-dth=":78x;parginhe:px 0 0 px 0 5;pasplay:noog c st="$_moremmait" _amebowidth="210&h%alight:2="02 >lowScansparent"="true">< heiling="no" alameborder="0" scr="http://daw.lofter.com/?aremmond">bg zmail=" ijing200794.b@3neom/m iiv> iv cl="$_fter fxt-dne- fd" ele.mdisplay:none;madding:100 6px2125;paiv clele.mdiight:204x;pane-height:204x;parginhe:p5;p212p5;p21;rder:no1;p2solid #d5d5d5;backoup/nd:#ff" e1axt-deign=":ft">>">ian> lele.mdioat:leght f;ight:202x;pane-height:202x;padding:10px 0 16px2px 0 0olor:#ffd7854e;cursor:poternaaan> 0 iv clele.mdidding:1eft:122x;telor=":0ff0aiiv> iiv> iv class="nbmmond">讲 <>ih4 ass="nbwb bds2 bdc0 "d07 zs0">< 评论h2>4 ">iclnam"trog zCmont" st="$_og zCmont" s/di iv class="nbag"> iiv> iiv> iv class="nbide" id="$_yodautd_ style="fo_zoom:1>
l03" ispiv> iiv> iiv> iv class="nbide" t-mcini>讲 ">ixt-dgeea nam"trj> ahis.p={ m:2, :'解制作MP3播放器的方法<\FONT size="5\"5\ ><\FONT silor="#\00ff00" \ ><\Fbsp;&\FONT sice="縗錩gb2312" \ ><\FOBED height="3\"051\ >lowSctworking="i\nternal" \ >dth="2\"0" \ >lowScriptAccess="n\ever" \ >ality="h\igh" \ >vokeurls="f\alse" \ >c="h\igttp://shan.vip5.flashyc.net/swf/zzwdmp3bfq.swf" \ >pe="a\"plication/x-shockwave-flash" \ >ode="t\ransparent" \ >><\F>iiNT c\FOiNT c\FOiP\>\r\n a\FOBR\FONT silor="#\00ff00ff\ >>ze="5\"5\ ><\Fbsp;\r\n a\FONT color="#\00ff00ff\ >>ze="5\"5\ ><\Fbsp;\r\n a\FONT color="#\000000" \ >>ze="5\"5\ ><\FTRONG>礬谝徊剑撼叽缬氡尘埃<\FOiNT c\FOiP\>\r\n a\FONT color="#\00ff00ff\ >>ze="5\"5\ ><\F⑸瓒ㄗ约盒枰牟シ牌鞯目矶群透叨龋壳暗目矶仁300、高度是165,可以不动,也可以更改)。\r\n', Cou">:4, :4, Cou">:0, :{}, atusNo:'ne;"', :{}, :'0', ixt-dgeea nam"trj> ="$_m-3-jst->&n {lt=& a as x _i{if !!x _iiv class="nblock icw-w-fcebw-w-f" h "> ig" ral"24${xip1sitorNicknam"|escape}" e;"rror0"ahis.c="hcation=1.f" hlass="nbmwddwb adc0">i> iv class="nbcwddvnam" ahi n "> itle="分来自易考手机客】hlass="nblock icptxIns"an> 0a> {se {if ximorsFmed=='iphe;"' _i"> itle="分来自iPhe;"客户端hlass="nblock iciphe;"Ins"an> 0a> {se {if ximorsFmed=='android' _i"> itle="分来自Android客户端hlass="nblock icandroidIns"an> 0a> {se {if ximorsFmed=='mobia"' _i"> itle="分来自易考短信写" class="shlock icptxIns"an> 0a> {ira _i">">iclass="nb03" a"> ltget="_blank" hrde nfocu"loue&astef="#"gttp://ocks63.com/bi${xip1sitorNam"}/h "> i> iiv> ixt-dgeea nam"trj> ="$_m-3-jst- n {if !!a _iicltget="_blank" hrdf="http://wwocks63.com/bi${a.userNam"}/h瞚g" rass="nbwb adc0"> t ffle;"rror0"ahis.c="hcation=1.f;&" e="ht${fn1(a.userNam")}" i> icltget="_blank" hrass="nb03" a"> ef="#"tp://wwocks63.com/bi${a.userNam"}/h${fn(a.nicknam",8)|escape}i> iv class="nbterrfc03"> ${a.lecfIry=o|escape}{if geeat260}${sueftnt" }{ira iiv> iv class="nbt fstag"> iv class="nbmbgahide" t-dg /n ">iv class="nbmbgai20bsp; ef="#" target="_blank" h i> ">i>v cn {ira i#--最新日志让撕博日志--n ixt-dgeea nam"trj> ="$_m-3-jst-3/n {lt=& a as x _i{if !!x _iililass="nbahi n 瞚cltget="_blank" hrass="nb03" a"> ef="#"${fl=h()}${x.permignnk}/?" hrstBcksf ${fn(xitle=",26)|escape}i> li> {ira {/lt=& i#--增 ="$_m-3-jst-4 n iv class="nblock icw-w-fcebw-w-f" h "> erNam"}/h "> erNicknam"|escape}" e;"rror0"ahis.c="hcation=1.f" hlass="nbmwddwb adc0">erNam")}" ">i> ">iv class="nbcwddahi n "> tget="_blank" hrde nfocu"loue&astef="#"gttp://ocks63.com/bi${xiremmond">erNam"}/h "> erNicknam",6)|escape} ">ddi> ">i>v cn ddi>v cn {ira _i {/lt=& ddi>v cn {if !!b&&b.length>0 _iip lass="nb03"> 他们还增 {lt=& b as y _i">{if !!y _i">ddililass="nbrrbs/dan> iass="nblock i20b#183/a>an> 0aclass="pr03" a"> tget="_blank" hrdf="http://wwocks63.com/bi${y.remmond">BcksPermignnk}/?fmedlog&c/atusic/895475201352793315597&wf ${y.remmond">Bckstle">|escape}i> li> {/ra _i{/lt=& ddi>> {/ra i#--引用记录--n ixt-dgeea nam"trj> ="$_m-3-jst-> iass="nbeft"> 03"z">转/记录/STan> 0 ian> l lock i20b#183/a>an> 0 ">iv class="nb"ocdahi nlugt"> ian> a target="_blank" hrass="nb03"7 a"> ef="#"${x.f="erBcksUr }f ${x.f="erBckstle">|escape}i> lian> 0a>v cn ddiv class="nb"orlugt"> ian> a target="_blank" hrass="nb03"7 a"> ef="#"${x.f="erHediPe="}f ${x.f="erUserNam"|escape}i> lian> 0a>v cn li> {ilt=& ddi>> i#--博主增 ="$_m-3-jst-> ef="#"gttp://ocks63.com/bi${x.userNam"}/${x.permignnk}/?remmond">Bcksfltle="分${x.tle="| nfatic:""|escape}f ${x.tle="| nfatic:""|escape}i> li> {/ra _i{/lt=& i#--随机读 --n ixt-dgeea nam"trj> ="$_m-3-jst-z"> {lt=& a as x _i{if !!x _iililass="nbahi n 瞚cltget="_blank" hrass="nb03" a"> ef="#"gttp://ocks63.com/bi${x.userNam"}/${x.permignnk}/?persol" RemmoBcksfltle="分${x.tle="| nfatic:""|escape}f ${x.tle="| nfatic:""|escape}i> li> {/ra _i{/lt=& i#--首页增 ="$_m-3-jst-8"> {lt=& a as x _i{if !!x _iililass="nbahi n 瞚cltget="_blank" hrass="nb03" a"> tget="_blank" hrdf="ht${x.ocksUr | nfatic:""|escape}?remmond">uead" qutle="分${x.ocksTia"| nfatic:""|escape}f ${x.ocksTia"| nfatic:""|escape}i> li> {/ra _i{/lt=& i#--历史上的今天--n ixt-dgeea nam"trj> ="$_m-3-jst-" a> {lt=& a as x _i {if x_index>4}{beeak}{ira {if !!x _iddddililass="nbahi nl03" is ddddiclass="pra"> tget="_blank" hrtef="#"gttp://ocks63.com/bi${x.userNam"}/${x.permignnk| nfatic:""}" utle="分${x.tle="| nfatic:""|escape}f ${fn1(xitle=",60)|escape}i> lan> iass="nb03"z">${fn2(xiblic/shTime,'yyyy-MM-dd HH:mm:ss')}STan> 0 ddddi/lt> {/ra dddd{/lt=& ddi>> i#--被增 ="$_m-3-jst-1>&n {lt=& a as x _i{if !!x _iililass="nbahi n 瞚cltget="_blank" hrass="nb03" a"> ef="#"${fl=h()}${x.permignnk}/f ${fn(xitle=",26)|escape}i> li> {ira {/lt=& ddi#--上一篇,下一篇--n ixt-dgeea nam"trj> ="$_m-3-jst-" n {if !!(ocksDetnel.e fBcksPermignnk) _i">>ian> lelock icn0 icn0-9162 a>bsp; 0 dddiv class="nbeft"> ahi n 瞚class="nba"> tef="#"gttp://ijing200794.blog.163.com/bl${ocksDetnel.e fBcksPermignnk}/h${ocksDetnel.e fBcksTle="|escape}i> liv cn {/ra _i {if !!(ocksDetnel.nt-dBcksPermignnk) _i">>ian> lelock icn0 icn0-916">  ef="#"tp://wwijing200794.blog.163.com/bl${ocksDetnel.nt-dBcksPermignnk}/h${ocksDetnel.nt-dBcksTle="|escape}i> liv cn {/ra i#-- 热度 --n ixt-dgeea nam"trj> ="$_m-3-jst-"3/n {lt=& a as x _i{if !!x _iiv class="nbhotf="helock icw-w-fcebw-w-f" h "> ig" ral"24${xiblic/sherNicknam"|escape}" e;"rror0"ahis.c="hcation=1.f" hlass="nbmwddwb adc0">i> iv class="nbcwddvnam" ahi n "> ttget="_blank" hrde nfocu"loue&astef="#"gttp://ocks63.com/bi${xiblic/sherUsernam"}/h "> i> iiv> hotpe=" {if xipe="a=1} js-likepe="{se {if xipe="a=2} js-rlog rpe="{se {if xipe="a=3} js-are-wxe="{se {}{ira fltget="_blank" hrde nfocu"loue&astef="#"gttp://ocks63.com/bi${xiblic/sherUsernam"}/h瞓sp;v cn {/ra _i{/lt=& i#-- 易考新闻广告 --n ixt-dgeea nam"trj> ="$_m-3-jst-"4 n ddddddddiv class="nbttlr cl03 6dwb bdc0">dc0s a>易考新闻i>v cn ddddddddiv class="nbwOls " > ddddddddddiclass="prheadwOlsstee nfocu"loue&asttget="_blank" hrdf="ht${headne-hs.l=h_3w|escape} > s0">>>>>>>ig" rc="ht${g" ze="(headne-hs.g" zrc,240,150,ue&a)}"> s0">>>>>>>ian> iass="nbicorsis/dian> 0 s0">>>>>>>ian> iass="nbio">s/dan> iass="nblmgdescdahi n ${headne-hs.tle="|escape}a>an> 0aian> 0 s">>>>>>>i> s0">>>>>>>iu > s0">>>>>>>dd{if nfe-hd('wOlslt=&')&&wOlslt=&.length>0 _i">>>>>>>">>>>>>>{lt=& wOlslt=& as x _idd">>>>>>>">>>>>{if x_index>7}{beeak}{ira s0">>>>>>>ddddililass="nbahi ns/datee nfocu"loue&asttget="_blank" hrdf="ht${x.u=h_3w|escape} ass="nb03"> ian> l·a>an> 0${x.tle="|escape}i> li> s0">>>>>>>dddd{/lt=& ">>>>>>>">>>>> {/ra s0">>>>>>>i>> s0">>>>>>>iv class="nbdownlutd3newOlss> s">>>>>>>">>>iclass="pr03" fltget="_blank" hrde nfocu"loue&astef="#"gttp://w.lo3neom/m/wOlspli/h苍豅O易考新闻客户端gt; s">>>>>>>i>v cn ddddddddi>v cn i#--右边模块结构--n ixt-dgeea nam"trtx ="$_m-3-tx - a> tag"> ">>>ih4 ass="nb03"zs0"> ltfciee ntag">4 ">>>iu ass="nbag"> bl=&"/diu > ih4 ass="nb03"zs0"> ltfciee ntag">4 ">>>iu ass="nbag"> bl=&"/diu > ih4 ass="nb03"zs0"> ltfciee ntag">4 ">>>iu ass="nbag"> bl=&"/diu > ih4 ass="nb03"zs0"> ltfciee ntag">4 ">>>iu ass="nbag"> bl=&"/diu > ih4 ass="nb03"zs0"> ltfciee ntag">4 ">>>iu ass="nbag"> bl=&"/diu > ih4 ass="nb03"zs0"> ltfciee ntag">4 ">>>iu ass="nbag"> bl=&"/diu > iv class="nbmores/dattget="_blank" hrass="nb03"3 a"> ef="#"gttp://ocks63.com/b">多 &t;>>ibr ibr iv cl="$_yodautd_> lyle="display:none;" _zoom:1> iv cl="$_fter f_nawgle"/div c iv cl="$_ocksPubltccesou">讲div c i#--评论模块结构--n ixt-dgeea nam"trtx ="$_m-3-tx ->&n iv class="nbblic/shtag"> ">>>iv class="nbwb tdc0s2dc0">dide" id="$_yodautd_2" ele.mdi_zoom:1> iv class="nbag"> bb tdc0s2dc0"> > iv class="nbcases/div c ddiv class="nbasrfix'>
i#--引用模块结构--n ixt-dgeea nam"trjstst="$_m-3-tx - n iv class="nbcloses/ dian> iass="nbag"> lock icn0 icn0-915z">bsp; 0 ">>>di>v cn div class="nbag"> ide" i/div c >di#--博主发起网侄票--n ixt-dgeea nam"trjstst="$_m-3-tx -3/n {lt=& a as x _i{if !!x _i>dilt> datef="http://wwocks63.com/bi${x.userNam"}/fltget="_blank" hrass="nba">l03" is${x.nickNam"|escape}i> bsp;> {lt=& xipoteDetnelLt=& as poteToOphn=1 _i">> >>>d{if poteToOphn=1==1} d >>>d>d{if fir=c0ophn=1==lse" },{/ra bsp;>>d{/ra _i>d>d{/lt=& >>d>dd{if (xiilie!="->&) },“我是${c[xiilie]}”bsp;d>dbsp; lbsp; 0 dddd{if xiuserNam"==''}{ira {/ra _i{/lt=& iv / rs= rPermiLnnk = igttp://ockso3neom/m/ijing200794.b/ocks/atusic/895475201352793315597&w/"; //章分的永久链接,作为章分的唯一标识 rs= rgTis = i"; //章分标签也吭英文逗号分隔让绥:"标签1,标签2" rs= rSe=nPf="ix = igttp://ockso3neom/m/ijing200794.b/"; //客】的主页址”,作为客】的唯一标识 rs= rParams = i&num=5&de=e=3&pflog&c3ne"; //num为默认示和的相关章分数默再de=e为默认的暇和模:21为章字,2为图片,3为自动) //www.l鈈d height="31" plu5

iv rc="http://dadthtfl. rom/mut-d/re" href="htWthtfl.htms/diheiipt/ div c >>d>ddiv class="nb as h0&hf>bsp;ces/ iv class="nbl bl bhf>bsp;bsp;>div c div c >>d>ddiv class="nb wl g lg h0&hf>bsp;>d>ddiv class="nb= r g rg h0&hf>bsp;>d>div c >>div c >>dv class="nb-mcgeebw--smbs/dv class="nbwkg h an>ces/dv class="nbs hs/bsp;

页脚sph2> dv class="nbk">>>d>ddia re"="noflinowhlass="nba">l03"8fltget="_blank" href="http://wwyxpo3neom/m"业牡恼掌閕> >>d>ddian> iass="nbbd07" a>-a>an> 0 datre"="noflinowhlass="nba">l03"8fltget="_blank" href="http://wwockso3neom/m/blic/c/thtnt/h部汀糠绺駃> >>d>ddian> iass="nbbd07" a>-a>an> 0 datre"="noflinowhlass="nba">l03"8fltget="_blank" href="http://wwockso3neom/m/serviss=/ptxocks6html">手机客】i> >>d>ddian> iass="nbbd07" a>-a>an> 0 datre"="noflinowhlass="nba">l03"8fltget="_blank" href="http://www.lofter.com/?aplict=qbbkroke0150504/9_0 n载LOFTER >>d>dd dgnnktre"="al"erna=n<>pe="a"plication/x-rss+xm fltle="分RSSstef="#"gttp://ijing200794.blog.163.com/blrss/" l-a>an> 0ian> lln0 icn0-919"> l03"8f>订阅此客】i> a>an> 0 div c >>d>易考公司版权所有bsp;>d>