音画组件制作(13)播放器：单曲一行歌词+同步图片配动画
2018-03-30 19:50:45| 分类：
★彩云归
| 标签：
|举报
|字号大中小 订阅
《音画组件制作(13)播放器：单曲一行歌词+同步图片配动画》是一款在线制作音乐播放器的工具。能帮助你制作同步显示歌词和图片的播放器。只要准备好要播放歌曲的网址、LRC歌词和图片网址就可以开始制作了。
操作简要说明：
1、确定你的播放器的尺寸
用图片的尺寸作为播放器尺寸。默认播放器尺寸：880*550
2、输入或粘贴MP3网址
粘贴操作：先在外部将网址作“复制”，然后鼠标指向输入栏，按鼠标右键，选“全选”（仅在输入栏已有内容时），选“粘贴”。
一旦输入或粘贴MP3网址后，如网址有效，就开始播放。
“MP3备份网址”作用是当MP3网址（主网址）失效时，播放器启用MP3备份网址。这是可选项。如不需要备份网址，则跳过。
3、粘贴LRC歌词·
在外部“复制”好歌词后，粘贴到输入栏。粘贴后，即可在歌词位置显示同步歌词。
4、修改歌词显示参数·
．确定歌词显示方式：居中对齐（默认）；左对齐；右对齐。点击该栏中的“三角”按钮，依次确定歌词显示方式。
．确定歌词显示位置：鼠标指向当前歌词位置的空白处，按住鼠标左键，将歌词拖到你需要的位置后放开鼠标。
．确定歌词显示其他参数：初始表中均为参数默认值。修改后必须按“确定”。
5、.配置图片
LRC歌词输入后，出现”配置图片、动画（进入设置）“的提示，点击”进入设置“，进入”根据歌词配图片+动画“画面。
．每行歌词后面自动加分隔符#t#，在#t#后面输入图片的网址。在播放过程中，当播放到该歌词时，就显示输入的图片。
．左上角的”重复歌词合并“点击之可以将不同时间出现的同一歌词，合并成一行，或再点击之将已合并成一行的歌词，分离成一个时间片一行。如果同一歌词用的同张的图片，合并歌词方便输入图片网址。如果同一歌词在不同的时间，使用不同的图片，那要分离成一个时间片一行歌词。
．如果图片不需要配动画，点击”返回“，回到主画面。
6、.图片配置动画
配置图片完成后，点击”＋动画“，进入图片配动画画面。
⑴、初次进入画面，出现第一张图片。
⑵、设置第一个动画
使用提供动画：点击”特效1“，出现提供的动画清单→点击选择动画分类→点击选择动画。
使用自定义动画：在”当前特效“栏，输入动画网址。
如果动画网址有效，动画立即出现在图片中→点击一次”放大“（或”缩小“）动画按”步长“的值（该值可修改）进行缩放→拖动动画到所需位置。
⑶、设置第二至第七个动画分别点击”特效1“至”特效7“，其他操作同设置第一个动画。
⑷、其他图片配动画，点击”下一张“或”上一张“，配动画操作同2、3、的操作。
⑸、配动画过程，随时可点击”清单“，关闭或消失动画清单。
⑹、配动画过程，随时可修改配过的动画。点击”下一张“或”上一张“找到要修改动画所在的图片，点击”特效n(1-7)“找到要修改的动画，重配或修改位置、大小。
⑺、设置完成后，按”返回“，回到”根据歌词配图片+动画“画面。
7、.效果预览
从步骤5、.配置图片返回时，右上角出现”效果预览“按钮，点击之预览你制作的结果。
7、复制代码
制作结束后，点击“复制”按钮，自动将生成代码复制到你的电脑的“粘贴板”了，可直接“粘贴”博文代码编辑栏。预览博文观察效果。
8、在博文中调整播放器的“相对定位”代码。
<DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......</DIV>这是“相对定位”代码。使用该代码可将播放器定位在博文的任一位置。
评论这张
转发至微博
转发至微博
关闭
玩LOFTER，免费冲印20张照片，人人有奖！
我要抢>
<#--最新日志，群博日志-->
<#--推荐日志-->
<#--引用记录-->
<#--博主推荐-->
<#--随机阅读-->
<#--首页推荐-->
<#--历史上的今天-->
<#--被推荐日志-->
<#--上一篇，下一篇-->
<#-- 热度 -->
<#-- 网易新闻广告 -->
<#--右边模块结构-->
<#--评论模块结构-->
<#--引用模块结构-->
<#--博主发起的投票-->
评论