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

沙风博客

放飞心情,陶冶情操。广交朋友,共同提高。

 
 
 

日志

 
 
关于我

一个开心的快乐者.愿广交天下的朋友! 以诚相待是我交友的准则. 世事如棋.我愿如卒.是我的人生格言.

网易考拉推荐

《音画组件制作(13)播放器:单曲一行歌词+同步图片配动画》  

2016-08-01 11:00:31|  分类: 沙风日志 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  《音画组件制作(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>这是“相对定位”代码。使用该代码可将播放器定位在博文的任一位置。
  评论这张
 
阅读(10)| 评论(6)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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