注册会员 登录
可爱老人网 返回首页

彩云归的个人空间 http://keai99.top/?324264 [收藏] [复制] [分享] [RSS]

日志

音画组件制作(1)播放器:单曲一行歌词

热度 9已有 1286 次阅读2021-5-15 08:59 |个人分类:音画组件制作


  操作简要说明:
  准备好要播放歌曲的网址和LRC歌词就可以开始制作了。
  1、确定你的播放器的尺寸
    建议使用音画其他部件,如图片、视频的尺寸作为播放器尺寸。默认播放器尺寸:880*550
  2、输入或粘贴MP3网址
    粘贴操作:先在外部将网址作“复制”,然后鼠标指向输入栏,按鼠标右键,选“全选”(仅在输入栏已有内容时),选“粘贴”。
    一旦输入或粘贴MP3网址后,如网址有效,就开始播放。
    “MP3备份网址”作用是当MP3网址(主网址)失效时,播放器启用MP3备份网址。这是可选项。如不需要备份网址,则跳过。
  3、粘贴LRC歌词·
    在外部“复制”好歌词后,粘贴到输入栏。粘贴后,即可在歌词位置显示同步歌词。
  4、修改歌词显示参数·
   .确定歌词显示方式:居中对齐(默认);左对齐;右对齐。点击该栏中的“三角”按钮,依次确定歌词显示方式。
   .确定歌词显示位置:鼠标指向当前歌词位置的空白处,按住鼠标左键,将歌词拖到你需要的位置后放开鼠标。
   .确定歌词显示其他参数:初始表中均为参数默认值。修改后必须按“确定”。
  5、复制代码
    制作过程(其他参数确定后)同步更新生成代码。制作结束后,点击“复制”按钮,自动将生成代码复制到你的电脑的“粘贴板”了,可直接“粘贴”博文代码编辑栏。预览博文观察效果。
  6、在博文中调整播放器的“相对定位”代码。
    <div style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px">......</div>这是“相对定位”代码。
   .将播放器覆盖在图片、视频之上且播放器的尺寸与之相同,TOP: 0px中的0调整为-xx(负高度);LEFT: 0px中的0调整为xx(距离页面左边xx)
1

握手

路过

雷人
8

鲜花

刚表态过的朋友 (9 人)

发表评论 评论 (3 个评论)

回复 三番意 2021-5-15 09:05
喜欢老师实用组件!祝老师开心快乐!
回复 林林五 2021-5-16 05:34
  
回复 林林五 2021-5-17 04:46
  

facelist

您需要登录后才可以评论 登录 | 注册会员

        
发布主题

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

GMT+8, 2024-11-27 19:34

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

返回顶部