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

秋儿橄榄园

紫色幽怨飘然韵,点滴碎语染秋园。

 
 
 

日志

 
 

【转载】音画组件制作(14)播放器:单曲二行歌词  

2016-09-28 17:13:07|  分类: 音画和代码【收藏 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  这是一款制作二行歌词MP3播放器的工具。只要准备好要播放歌曲的网址和LRC歌词就可以开始制作了。产生的播放器是透明的,其尺寸为880*100。

  操作简要说明:

  1、输入或粘贴MP3网址

    粘贴操作:先在外部将网址作“复制”,然后鼠标指向“① MP3网址的”输入栏,按鼠标右键,选“全选”(仅在输入栏已有内容时),选“粘贴”。

    一旦输入或粘贴MP3网址后,如网址有效,就开始播放。

  2、输入或粘贴MP3备用网址

    “MP3备用网址”作用是当MP3网址(主网址)失效时,播放器启用MP3备用网址。这是可选项。如不需要备用网址,在输入栏已有内容时清空内容,否则跳过。

  3、粘贴LRC歌词·

    在外部“复制”好歌词后,粘贴到输入栏。粘贴后,即可在播放器预览区域显示新歌词。

  4、修改歌词参数·

   .确定歌词显示位置:鼠标指向上行歌词(或下行歌词),出现“手”的图标时,按住鼠标左键,将歌词拖到你需要的位置后放开鼠标。也可直接修改其坐标值。

   .确定歌词显示其他参数:初始表中均为参数默认值。修改后必须按“确定”。

  5、修改编辑者

  歌词的最后一行显示“谢谢欣赏!XXX编辑”

  6、复制代码

    制作过程同步更新生成代码。制作结束后,点击“复制”按钮,自动将生成代码复制到你的电脑的“粘贴板”了,可直接“粘贴”博文代码编辑栏。预览博文观察效果。

  7、在博文中调整播放器的“相对定位”代码。

    <DIV style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......</DIV>这是“相对定位”代码。

   .将播放器覆盖在图片、视频等背景之上,TOP: 0px中的0调整为-xx(负高度);LEFT: 0px中的0调整为xx(距离页面左边xx)

  评论这张
 
阅读(13)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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