彩云归 的个人主页 注册

【原创】音画组件制作(18)播放器:单曲整版简洁歌词横版

导语:

修改
字体调整: | |

发表于2018年08月09号 17点 阅读 2346 评论5 点赞12举报文章 ©著作权归作者所有

  在线制作一款透明的文字型MP3播放器,播放器面板:整版简洁(相同歌词仅显示一次)同步歌词。生成后的播放器控制:点击歌词控制歌曲播放或暂停。播放器应用示例请阅:梅花雪(演唱:刘紫玲)歌词播放器

  操作简要说明:

  准备好要播放歌曲的网址和LRC歌词就可以开始制作了。

  1、确定你的播放器的尺寸

    建议使用音画其他部件,如图片、视频的尺寸作为播放器尺寸。默认播放器尺寸:880*550

  2、输入或粘贴MP3网址

    粘贴操作:先在外部将网址作“复制”,然后鼠标指向输入栏,按鼠标右键,选“全选”,再选“粘贴”。

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

    “MP3备份网址”作用是当MP3网址(主网址)失效时,播放器启用MP3备份网址。这是可选项。如不需要备份网址,则跳过。

  3、粘贴LRC歌词·

    在外部“复制”好歌词后,粘贴到“LRC歌词输入栏”。粘贴后,即可在歌词位置显示同步歌词。

  4、修改歌词显示参数·

   .确定歌词对齐方式:居中对齐(默认);左对齐;右对齐。点击该栏中的“三角”按钮,依次确定歌词显示方式。

   .确定歌词显示位置:如要改变默认位置,鼠标指向当前歌词位置的空白处,出现浅绿色方条后按住鼠标左键,将歌词拖到你需要的位置后放开鼠标。

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

  5、复制代码

    制作过程(或“确定歌词显示其他参数按“确定”后)同步更新生成代码。

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

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

   

......

这是“相对定位”代码。

 

   .TOP: Xpx,离上一元素底部的距离。LEFT: Xpx,离博文页面左边的距离。

    调整这二个px值可以随心所欲地将播放器设置在背景的任一位置,与背景组合成完整的画面。

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

点赞12 收藏 5
扫二维码分享
其他分享
  • 新浪微博

  • QQ空间

  • QQ好友

取消
等12人点赞

本文作者

加好友

5条评论

您需要登录后才能回复

登录立即注册

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

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