彩云归 的个人主页 注册

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

导语:

修改
字体调整: | |

发表于2018年08月07号 17点 阅读 10432 评论1 点赞19 ©著作权归作者所有

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

  操作简要说明:

  1、输入或粘贴MP3网址

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

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

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

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

  3、粘贴LRC歌词·

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

  4、修改歌词参数·

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

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

  5、修改编辑者

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

  6、复制代码

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

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

   

......

这是“相对定位”代码。

 

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

(注:您的设备不支持flash)

声明:以上内容仅用户个人行为,不代表本站(老小孩社区)观点,如有侵权或其他行为用户自己承担相关责任与本站无关。【举报文章】
点赞19 收藏 8 推送到圈子 分享
微信扫二维码分享

等19人点赞

本文作者

加好友
评论字体大小调节: | |

精选留言

您需要登录后才能回复

登录立即注册

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

©2017 老小孩网站版权所有 | 沪ICP备08012383号    举报电话:021-64323922
×
×