可爱老人网

 找回密码
 注册会员
搜索
查看: 1860|回复: 2

彩云归音画组件制作播放器:单曲二行歌词

[复制链接]
发表于 2016-7-25 06:57 | 显示全部楼层 |阅读模式

全屏欣赏查看源文件代码


 

音画组件制作播放器:单曲二行歌词

 

  这是一款制作二行歌词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

 
 
 
 
 


评分

参与人数 1人气值 +2 收起 理由
和谐情怀 + 2 赞一个!

查看全部评分

        
下一页 发布主题 快速回复

手机版|公众号|小黑屋|可爱老人网

GMT+8, 2024-4-26 06:54

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

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