彩云归 的个人主页 注册

【原创】音画组件制作(2)播放器:单曲一行歌词滚动

导语:

修改
字体调整: | |

发表于2018年08月04号 13点 阅读 7794 评论3 点赞16 ©著作权归作者所有

  操作简要说明:

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

  1、输入或粘贴MP3网址

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

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

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

  2、粘贴LRC歌词·

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

  3、修改歌词显示参数·

   .“修改歌词参数”表中参数值均为默认值。修改后必须按“确定”。

   .“当前歌词颜色”——当前播放歌词的颜色

   .“待播歌词颜色”——已经播放和等待播放歌词的颜色

   .发光亮度为0,不发光,“歌词发光颜色”参数无效。

  4、确定背景和播放器的尺寸

   .如果将播放器覆盖在背景(图片、视频等)之上,建议先确定背景尺寸(蓝色框指示尺寸)然后确定播放器尺寸(最大值为1024*80)

   .确定歌词显示位置:鼠标指向当前歌词位置的空白处,按住鼠标左键,将歌词拖到你需要的位置后放开鼠标。

   .当播放器位置水平为0,垂直为0(默认),不覆盖。在博客中,紧随上一元素之后。

  5、复制代码

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

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

   

......

这是“相对定位”代码。

 

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

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

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

等16人点赞

本文作者

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

精选留言

您需要登录后才能回复

登录立即注册

请选择你想添加的收藏夹

新建收藏夹

收藏夹名称

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