银龄网

 找回密码
 注册会员

QQ登录

只需一步,快速开始

查看: 60|回复: 10

[原创] 【聊代码】第一七一集:音乐播放器(39)

[复制链接]
发表于 2019-9-9 21:14:49 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
[i=s] 本帖最后由 海特行者 于 2019-9-9 21:23 编辑 [/i]

 

聊代码(第一七一集)音乐播放器(39)

 

       又是一个万花筒,但与前面介绍的不同,它非代码之作,属于flash特效,而且是非同一般的具有特殊性的特效。朋友们也会发现,它没有图片地址,除了能改它的大小,其它都动不得,就这来说,它远远不如代码简单方便,但也必须看到,flash 的强大功能,代码是鞭长莫及的,倘有机会,我们真应该也聊一聊flash 。聊flash ,可就难多了, 我在三年前吧,曾经编写了四十六集【聊动画】,其内容就是flash的最基本的东西,有兴趣的朋友,以及想入门flash的朋友都可以看一看(点击图中导航键即可见),如果你是对flash一窍不通或是还比较陌生的人,对你进一步了解和熟悉flash是会有帮助的,从中你也能体会到,它比代码复杂多了,要熟悉各种工具的功能,要掌握使用它们的方法,要能不急不燥的在时间轴上,在帧上反反复复的操作。最后总结一句话,还是两者都会的好。

 


 聊动画

       背景图片代码:

       <p><img src="http://www.oldkids.cn/upload/2019/09/01/blog_20190901095301617.jpg" /></p>

 

       万花筒代码:

       <div style="left:590px;position:absolute;top:1020px;">
<embed flashvars="src1=https://pic90.picturetrail.com:443/VOL2377/11808796/flicks/1/9187573" height="500" quality="high" src="https://flash.picturetrail.com/pflicks/3/spflick4.swf" type="application/x-shockwave-flash" width="450" wmode="transparent">

 

       外加特效代码:

       <embed height="550" quality="high" src=" http://webftp.bbs.hnol.net/zyfx/flash/02.swf " style="left:350px;position:absolute;top:740px;" type="application/x-shockwave-flash" width="500" wmode="transparent"></embed>

 

       音乐播放器代码:

       <div style="MARGIN-TOP:-440px; MARGIN-LEFT: 0px">
<embed flashvars="mp3=http://fdfs.xmcdn.com/group49/M02/16/8B/wKgKl1vgZuaQvqjBABiYYjH
39wk803.mp3|http://fdfs.xmcdn.com/group48/M02/50/E3/wKgKnFtoDs2zjdkHAB7ec3W
SxfI135.mp3|http://music.163.com/song/media/outer/url?id=520568336.mp3 &Amp;mp3n=采茶舞曲|美丽的姑娘&Amp;s=1&Amp;bjwz=http://webftp.bbs.hnol.net/linm/Flash/F1/220.swf &Amp;bjsf=50&Amp;bjx=50&Amp;bjy=50&Amp;ybbz=0&Amp;ansf=120&Amp;anbdx=78
&Amp;anbdy=390&Amp;anxqx=100&Amp;anxqy=390&Amp;ansqx=57&Amp;ansqy=390
&Amp;antzx=39&Amp;antzy=390&Amp;anlbx=20&Amp;anlby=390&Amp;sjsf=150
&Amp;sjys=0x0000ff&Amp;anys=0x00ff00&Amp;sjx=580&Amp;sjy=390&Amp;jdtx=0
&Amp;jdty=420&Amp;jdtxz=700&Amp; =jdtbfys=0x00ff00&Amp;jdtxzys=0xff0000&Amp;gecix=-220&Amp;geciy=380&Amp;gczt=黑体&Amp;gczh=30&Amp;gcbfys=0xffffff&Amp;gcdbfys=0xff0000&Amp;gcw=800&Amp;dgx=
20&Amp;dgy=0&Amp;dggd=320&Amp;wzys=0x0000FF&Amp;dgbjtm=0&Amp;lrc= [00:00.00]采茶舞曲|[00:00.00]美丽的姑娘" height="533" src=" http://dashan.link/bfq/zzwdmp3bfq-swf.swf " style="HEIGHT: 466px; WIDTH: 800px" type="application/x-shockwave-flash" width="700" wmode="transparent"></embed></div>

       音乐播放器代码解析:

       s.....参数为1时,自动播放;参数为0时,手动播放。

       bjwz.....特效地址。

       bjsf.....特效大小。

       bjx.....特效x座标定位。

       bjy.....特效y座标定位。

       ansf.....控件大小。

       anys.....控件颜色。

       anlbx.....菜单钮x座标定位。

       anlby.....菜单钮y座标定位。

       antzx.....停止钮x座标定位。

       antzy.....停止钮y座标定位。

       ansqx.....上曲钮x座标定位。

       ansqy.....上曲钮y座标定位。

       anbdx.....暂停钮x座标定位。

       anbdy.....暂停钮y座标定位。

       anxqx.....下曲钮x座标定位。

       anxqy.....下曲钮y座标定位。

       jdtx.....进度条x座标定位。

       jdty.....进度条y座标定位。

       jdtxz.....进度条长度。

       jdtxzys.....进度条颜色。

       jdtbfys.....进度条行进颜色。

       ybbz.....参数为1时,进度条会自动消失;参数为0时,进度条无变化。

       sjsf.....时间轴字号。

       sjys.....时间轴字色。

       sjx.....时间轴x座标定位。

       sjy.....时间轴y座标定位。

       dgx.....目录x座标定位。

       dgy.....目录y座标定位。

       dgwzkd.....目录宽度。

       dggd.....目录高度。

       wzys.....目录背景色。

       dgbjtm.....目录背景色透明度(参数范围:0-100)。

       gecix.....歌词x座标定位。

       geciy.....歌词y座标定位。

       gczt.....歌词字体。

       gczh.....歌词字号。

       gcbfys.....当前在唱歌词颜色。

       gcdbfys.....当前在唱歌词背景颜色。

       gcw.....歌名长度范围。

 

评分

参与人数 2老年币 +10 收起 理由
静竹 + 5 很给力!
娟子 + 5 才华横溢!

查看全部评分

发表于 2019-9-9 22:15:13 | 显示全部楼层
老师又发了新教程,非常漂亮,很喜欢,老师辛苦了!
这个能正常显示,配曲也能听到,谢谢老师!
           

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册会员

x
 楼主| 发表于 2019-9-9 22:35:33 | 显示全部楼层
本帖最后由 海特行者 于 2019-9-9 22:47 编辑
娟子 发表于 2019-9-9 22:15
老师又发了新教程,非常漂亮,很喜欢,老师辛苦了!
这个能正常显示,配曲也能听到,谢谢老师!
         ...

从你的截图看,画面是存在严重问题的,万花筒的正常位置是在右侧,左下角应该有个导航键才对。欲识真面目,须看“合订版”。

评分

参与人数 1老年币 +5 收起 理由
娟子 + 5 非常实用!

查看全部评分

发表于 2019-9-9 22:49:41 | 显示全部楼层
海特行者 发表于 2019-9-9 22:35
从你的截图看,画面是存在严重问题的,万花筒的正常位置是在右侧,左下角应该有个导航键才对。

老师,我的缩放页面比例是100%,如果将比例加大,万花筒就会往右移动了。
老师说的导航键是不是下面写有聊动画的那个圆形红色的按钮?我这里有的。
 楼主| 发表于 2019-9-9 22:55:57 | 显示全部楼层
本帖最后由 海特行者 于 2019-9-9 22:57 编辑
娟子 发表于 2019-9-9 22:49
老师,我的缩放页面比例是100%,如果将比例加大,万花筒就会往右移动了。
老师说的导航键是不是下面写有 ...

能看到导航键,看来还行。一定要使浏览器满屏。

评分

参与人数 1老年币 +5 收起 理由
娟子 + 5 很给力!

查看全部评分

发表于 2019-9-9 23:10:11 | 显示全部楼层
海特行者 发表于 2019-9-9 22:55
能看到导航键,看来还行。一定要使浏览器满屏。

我截图的页面比例是100%。导航键在图外面左下角,截图时没画进来。
时间不早了,老师休息吧,我下线了,明天见!
发表于 2019-9-10 06:28:44 | 显示全部楼层
谢谢介绍!
发表于 2019-9-10 08:47:48 | 显示全部楼层
回老师,这帖的万花筒看到了。这是怎么回事呢?
发表于 2019-9-10 08:48:34 | 显示全部楼层
谢谢老师辛苦!这帖已收到导航贴里了。
发表于 2019-9-10 08:50:16 | 显示全部楼层
用FLASH做遮罩很麻烦的。
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

QQ|银龄网 ( 苏ICP备16036262号-5 )|网站地图

GMT+8, 2019-9-18 15:30 , Processed in 0.076748 second(s), 23 queries , Gzip On.

快速回复 返回顶部 返回列表