找回密码
 立即注册

点击进入授权页面

只需一步,快速开始

QQ登录

只需一步,快速开始

查看: 1039|回复: 12

[音画教程] 播放器第一课--图片加单曲播放器

[复制链接]

39

主题

158

帖子

1011

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1011

专业扫水三十年

发表于 2015-7-5 16:06:43 | 显示全部楼层 |阅读模式
好多人都不会PS,但呢还喜欢图片上加一首曲子来表达一下自己的心情,在这不我准备多教PS,如果有人喜欢PS和动画的,可以提出,我另外加哦!
在这梅梅的温馨提示,代码编辑的软件一定要下载安装的哦,不然掌握不也位子。
软件名 Dreamweaver用度娘搜一下就有,
一般来说图片都曲子要相对应。
我就以河塘月色这首曲子为例!
素材,一张图片,一首曲子,一个播放器!
单曲播放器  
曲子 http://lxm.aomaya.com/ps/htes/mmyy/01.mp3

图片  http://pic35.nipic.com/20131124/12656206_160426953000_2.jpg


播放器代码 <EMBED style="LEFT: 230px; WIDTH: 184px; POSITION: absolute; TOP: 170px; HEIGHT: 107px" align=right src=


mmplayer.swf?mp3=01.mp3&autoStart=yes&repeatPlay=yes&song=河塘月色--梅梅音乐&.swf width=200 height=80 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>





评分

参与人数 1积分 +3 收起 理由
芦苇荡1237 + 3 叭叭坐,听梅梅上课~

查看全部评分




上一篇:【墨雪幽梅收藏】实用音画SWF之一一1
下一篇:播放器第二课--之Flash软件如何导入透明

0

主题

134

帖子

3942

积分

论坛元老

Rank: 8Rank: 8

积分
3942

活跃会员

发表于 2015-7-6 00:26:30 | 显示全部楼层

搬个板凳站位科普知识,

评分

参与人数 1积分 +3 收起 理由
芦苇荡1237 + 3 头等沙发~

查看全部评分

回复 支持 1 反对 0

使用道具 举报

39

主题

158

帖子

1011

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1011
 楼主| 发表于 2015-7-5 16:07:17 | 显示全部楼层
本帖最后由 墨雪幽梅 于 2015-7-5 17:19 编辑

效果:






评分

参与人数 1积分 +3 收起 理由
芦苇荡1237 + 3 梅辛苦~

查看全部评分

回复 支持 反对

使用道具 举报

1421

主题

2291

帖子

5万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
53058
发表于 2015-7-6 00:34:32 | 显示全部楼层

        叭叭坐,听梅梅上课~
回复 支持 反对

使用道具 举报

39

主题

158

帖子

1011

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1011
 楼主| 发表于 2015-7-6 09:39:19 | 显示全部楼层
轩轩 发表于 2015-7-6 00:26
搬个板凳站位科普知识,

问好,有什么不懂的可以跟帖子提问,这个不难的!

评分

参与人数 1积分 +3 收起 理由
芦苇荡1237 + 3 问候梅梅

查看全部评分

回复 支持 反对

使用道具 举报

39

主题

158

帖子

1011

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1011
 楼主| 发表于 2015-7-6 10:13:47 | 显示全部楼层
芦苇荡1237 发表于 2015-7-6 00:34
叭叭坐,听梅梅上课~

有二个月的休息,所以做几个教程了
回复 支持 反对

使用道具 举报

2

主题

115

帖子

387

积分

中级会员

Rank: 3Rank: 3

积分
387
发表于 2015-7-6 12:31:04 | 显示全部楼层

支持版主,来学习一哈儿。
回复 支持 反对

使用道具 举报

78

主题

535

帖子

557

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
557

活跃会员监督达人

发表于 2015-7-7 01:55:54 | 显示全部楼层
style="LEFT: 230px; WIDTH: 184px; POSITION: absolute; TOP: 170px; HEIGHT: 107px"
这里是样式,距离左边 230像素,宽度184像素,定位方式:绝对定位,距离顶部170像素,高度107像素

width=200 height=80
这里指宽度200 高度80 (默认像素为单位)

所以 用标签属性跟CSS样式的宽度高度重复哦。

评分

参与人数 1积分 +1 收起 理由
芦苇荡1237 + 1 好好学习,天天向上。

查看全部评分

爱音乐-无损音乐网
回复 支持 反对

使用道具 举报

1

主题

570

帖子

1322

积分

高级会员

Rank: 4

积分
1322

活跃会员

发表于 2015-7-7 09:25:25 | 显示全部楼层

学习了,谢谢!
回复 支持 反对

使用道具 举报

0

主题

217

帖子

366

积分

中级会员

Rank: 3Rank: 3

积分
366
发表于 2015-7-7 12:03:48 | 显示全部楼层
好好学习天天向上 支持一下
回复 支持 反对

使用道具 举报

39

主题

158

帖子

1011

积分

版主

Rank: 7Rank: 7Rank: 7

积分
1011
 楼主| 发表于 2015-7-10 21:07:57 | 显示全部楼层
whirlwind 发表于 2015-7-7 01:55
style="LEFT: 230px; WIDTH: 184px; POSITION: absolute; TOP: 170px; HEIGHT: 107px"
这里是样式,距离左 ...

style="LEFT: 230px; WIDTH: 184px; POSITION: absolute; TOP: 170px; HEIGHT: 107px"
这一组是播放器放在图片上有位置,说通俗点就是左右,上下的位置吧,
width=200 height=80
这里指宽度200 高度80 (默认像素为单位)

这个宽和高是播放器的宽和高!

评分

参与人数 1积分 +3 收起 理由
芦苇荡1237 + 3 梅,不厌其烦~

查看全部评分

回复 支持 反对

使用道具 举报

0

主题

350

帖子

339

积分

中级会员

Rank: 3Rank: 3

积分
339
发表于 2015-8-5 15:55:44 | 显示全部楼层
学习学习再学习,学无止境!谢谢楼主!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则 敬告:回复前请认真阅读无损音乐网规则,严打灌水,违规封号,永不解封。


无损音乐网交流QQ群 | 删帖申请/友情链接/商务合作:wind[at]fbi.org.in | 小黑屋| 工业和信息化部备案号:  广告联系QQ986419005

GMT+8, 2016-12-10 18:46

Powered by 无损音乐网

一个非营利性的高端无损音源分享网站!

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