霜染枫丹 发表于 2025-12-14 16:30

套用马老师文字代码制作签名 《花影伴流年》

本帖最后由 霜染枫丹 于 2025-12-14 16:45 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
    .pa {
      --offsetX: 81px;
      --bg: url('https://ff.xiaoqiaodali.top:5401/i/2025/12/14/693e73dd225e9.gif') no-repeat center/cover;
    }
    .fadeInLrc {
      bottom: 60px;/* 歌词 */
      animation: fadeIn .2s forwards, flash 1s infinite alternate var(--state);
    }
</style>

<div id="pa" class="pa"></div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
    const tz = TZ.TZ('pa');
   
    // 添加MP4视频背景层
    tz.add('video', 'mp4bg', '', {
      src: 'https://cccimg.com/view.php/63c3fdbe02844c5c8e9ddf7a055c1d91.mp4', // MP4视频链接
      autoplay: true,
      loop: true,
      muted: true,
      playsinline: true
    }).style(`
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      z-index: -1;
      opacity: 0.2;
    `);
   
    const gc = `
花影伴流年
歌手:生命树下
发行日期:2025-10-24
词/曲：生命树下
花影摇曳在时光的河边
轻声诉说流年的缱绻
多少晨曦多少夜晚
都有爱的光芒在心田
岁月如歌在岁岁年年
足迹写下生命的诗篇
纵有风雨纵有荒原
与你同行就不觉孤单
花影伴流年爱不曾走远
穿越风霜依旧温暖
无论山高海远心始终相连
恩典如花绽放在人间
光阴缓缓把记忆铺展
留下欢笑泪水也甘甜
多少梦想因你而点燃
生命因此更加灿烂
时光匆匆却带不走依恋
岁月更替仍留下眷恋
爱如花影随风仍翩跹
守护我直到永远
花影伴流年岁岁常新鲜
纵然光阴无声也不变迁
这一生心相依直到地极天边
歌声回荡永远不断

`;
   
    const gcAr = tz.lrc2HC(gc, -0.1);
   
    tz.add('audio', '', '', {
      src: 'https://wl.nn717888.cn/view.php/22b7a56c047a282a2192e0e6cd196a0e.mp3'
    });
   
    tz.add('img', 'player', 'ma', {
      src: 'https://ff.xiaoqiaodali.top:5401/i/2025/12/13/693c562039ba9.png',
      alt: ''
    }).playmp3().style('left:1100px; bottom: 50px');
   
    // 进度条在底部
    tz.bgprog().style('bottom: 30px; color: snow');
   
    // 歌词显示在进度条上方
    tz.lrc(gcAr, 'lrc', true);
   
    tz.fs().style('right: 20px; bottom: 20px');
</script>

霜染枫丹 发表于 2025-12-14 16:31

花影伴流年


歌手:生命树下
发行日期:2025-10-24
词/曲：生命树下
花影摇曳在时光的河边
轻声诉说流年的缱绻
多少晨曦多少夜晚
都有爱的光芒在心田
岁月如歌在岁岁年年
足迹写下生命的诗篇
纵有风雨纵有荒原
与你同行就不觉孤单
花影伴流年爱不曾走远
穿越风霜依旧温暖
无论山高海远心始终相连
恩典如花绽放在人间
光阴缓缓把记忆铺展
留下欢笑泪水也甘甜
多少梦想因你而点燃
生命因此更加灿烂
时光匆匆却带不走依恋
岁月更替仍留下眷恋
爱如花影随风仍翩跹
守护我直到永远
花影伴流年岁岁常新鲜
纵然光阴无声也不变迁
这一生心相依直到地极天边
歌声回荡永远不断


霜染枫丹 发表于 2025-12-14 16:32

https://ff.xiaoqiaodali.top:5401/i/2025/12/14/693e6faf4facb.gif

霜染枫丹 发表于 2025-12-14 17:41

https://s3.bmp.ovh/imgs/2025/12/14/6394b0ec12de6605.png

绿叶清舟 发表于 2025-12-14 20:41

这个太美了，播放器也很漂亮

霜染枫丹 发表于 2025-12-14 21:56

绿叶清舟 发表于 2025-12-14 20:41
这个太美了，播放器也很漂亮

感谢绿叶清舟发鼓励，很高兴，晚上好！{:4_204:}{:4_190:}

红影 发表于 2025-12-14 22:24

漂亮的裙子，这么多花瓣，这美女简直是花的精灵。
制作真漂亮，欣赏枫丹好帖{:4_199:}

霜染枫丹 发表于 2025-12-15 16:55

红影 发表于 2025-12-14 22:24
漂亮的裙子，这么多花瓣，这美女简直是花的精灵。
制作真漂亮，欣赏枫丹好帖

谢红影支持！！我挺喜欢听这首歌的，有你的支持很高兴，下午好~~{:4_204:}{:4_190:}

红影 发表于 2025-12-15 23:33

霜染枫丹 发表于 2025-12-15 16:55
谢红影支持！！我挺喜欢听这首歌的，有你的支持很高兴，下午好~~

在喜欢的歌曲里做帖子，也可以趁机多听听了{:4_187:}
页: [1]
查看完整版本: 套用马老师文字代码制作签名 《花影伴流年》