请选择 进入手机版 | 继续访问电脑版

香江之水音画网

查看: 1704|回复: 9

制作歌词同步播放器:单曲一行歌词

[复制链接]
  • TA的每日心情
    开心
    2021-12-14 16:16
  • 签到天数: 437 天

    [LV.9]以坛为家II

    发表于 2018-12-23 20:49:41 | 显示全部楼层 |阅读模式
    本帖最后由 大海音画 于 2018-12-23 21:31 编辑

    制作歌词同步播放器:单曲一行歌词

    点击全屏观看












    评分

    参与人数 2威望 +20 金钱 +20 贡献 +20 收起 理由
    快樂※回憶 + 10 + 10 + 10 谢谢分享,论坛有您更精彩!
    炫舞 + 10 + 10 + 10 非常精彩!

    查看全部评分

    回复

    使用道具 举报

  • TA的每日心情
    开心
    2021-12-14 16:16
  • 签到天数: 437 天

    [LV.9]以坛为家II

     楼主| 发表于 2018-12-23 21:31:51 | 显示全部楼层
    本帖最后由 大海音画 于 2018-12-23 21:42 编辑



    把歌词复制粘贴到制作工具里.....换上此歌词..


    [ar:邓丽君]
    [ti:在水一方]
    [00:00.08]在水一方 - 邓丽君
    [00:02.51]词:琼瑶 曲:林家庆
    [00:03.45]回憶音画LRC制作
    [00:13.78]绿草苍苍
    [00:20.27]白雾茫茫
    [00:26.75]有位佳人
    [00:33.13]在水一方
    [00:39.74]绿草萋萋
    [00:45.85]白雾迷离
    [00:52.28]有位佳人
    [00:58.48]靠水而居
    [01:05.53]我愿逆流而上
    [01:11.77]依偎在她身旁
    [01:17.26]无奈前有险滩
    [01:23.56]道路又远又长
    [01:30.68]我愿顺流而下
    [01:36.85]找寻她的方向
    [01:42.41]却见依稀仿佛
    [01:48.70]她在水的中央
    [02:21.01]我愿逆流而上
    [02:27.32]与她轻言细语
    [02:32.81]无奈前有险滩
    [02:39.18]道路曲折无已
    [02:46.10]我愿顺流而下
    [02:52.34]找寻她的踪迹
    [02:57.83]却见仿佛依稀
    [03:04.08]她在水中伫立
    [03:10.75]绿草苍苍
    [03:17.05]白雾茫茫
    [03:23.54]有位佳人
    [03:29.67]在水一方
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2021-12-14 16:16
  • 签到天数: 437 天

    [LV.9]以坛为家II

     楼主| 发表于 2018-12-23 21:34:22 | 显示全部楼层
    操作简要说明:

      准备好要播放歌曲的网址和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)
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2021-12-14 16:16
  • 签到天数: 437 天

    [LV.9]以坛为家II

     楼主| 发表于 2018-12-23 21:36:57 | 显示全部楼层
    以上传好的mp3地址.....复制粘贴到制作工具里.....换上传好的mp3

    http://wp.zp68.com/sub/filestores/2018/12/22/3d3cf78231aa9986330906f7ed94efea.mp3
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2021-12-14 16:16
  • 签到天数: 437 天

    [LV.9]以坛为家II

     楼主| 发表于 2018-12-23 21:43:37 | 显示全部楼层
    本帖最后由 大海音画 于 2018-12-23 21:46 编辑

    制作歌词同步播放器:单曲一行歌词代码如下

    <div style="left:-197px; width:1000px; position:relative; top:50px;">
    <iframe marginwidth="0" marginheight="0"
    src="http://dashan.gotoip1.com/zj/dqyhgc-zx.swf" frameborder="0" width="1000"
    scrolling="no" height="500"></iframe></div>
    <br><br><br><br><br><br><br><br>


    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-7-7 04:03
  • 签到天数: 927 天

    [LV.10]以坛为家III

    发表于 2018-12-23 22:32:17 | 显示全部楼层
    非常感謝大海老師祥細講解,老師辛苦
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-7-7 04:03
  • 签到天数: 927 天

    [LV.10]以坛为家III

    发表于 2018-12-23 22:34:02 | 显示全部楼层
    非常感謝大海老師祥細講解,老師辛苦

    我也試下 感謝老師指教
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-4-13 20:19
  • 签到天数: 831 天

    [LV.10]以坛为家III

    发表于 2018-12-24 06:45:26 | 显示全部楼层
    很详细的教程帖,看着有点跃跃欲试了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-4-13 20:19
  • 签到天数: 831 天

    [LV.10]以坛为家III

    发表于 2018-12-24 06:46:44 | 显示全部楼层
    授人以鱼不如授人以渔,支持点赞
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    擦汗
    2022-7-7 04:03
  • 签到天数: 927 天

    [LV.10]以坛为家III

    发表于 2018-12-24 23:41:09 | 显示全部楼层
    非常感謝大海 工具制作 好東西 謝無私貢獻
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|香江之水音画网  

    GMT+8, 2024-3-28 23:14 , Processed in 0.049909 second(s), 18 queries , Gzip On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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