霜染枫丹 发表于 2026-2-5 16:17

学习马老师代码制作 花开花落皆永恒

本帖最后由 霜染枫丹 于 2026-2-5 18:31 编辑 <br /><br /><style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';

    .pa { --offsetX: 81px; --bg: url('https://cccimg.com/view.php/d68bcbb9a5e6b30977f482835257b373.gif') no-repeat center/cover; }
    #player { position: absolute; width: 40px; height: 60px; cursor: pointer;}

   #player::before, #player::after
    {
      position: absolute;
      content: '';
      width: 100%;
      height: 100%;
      border: 4px solid white;
      border-radius: 8px;
      animation: rotting var(--du) linear infinite var(--state);
      --deg: 360deg;
      --du: 3s;      
    }
    #player::after { --deg: -360deg; --du: 3s; }
    @keyframes rotting { to { transform: rotate(var(--deg)); } }
</style>

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

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
    const tz = TZ.TZ('pa');
    tz.add('audio', '', '', { src: 'https://cccimg.com/view.php/65493bd6cd3ea5783b671111d74236cf.mp3' });
    tz.add('video', '', 'pd-vid', { src: '' });
    tz.add('div', 'player', '', { style: 'bottom: 100px;' }).playmp3();
    tz.bgprog().style('bottom:30px; color: #fefefe; width: 240px;');
    var gc = `花开无声落无愁
岁月悠悠如水流
静观花影自开休
时光常在心未愁
禅心照见万物生
花开花落皆永恒
长河漫卷千帆过
心随云卷亦无争
花开花落皆永恒作词曲：嗨皮演唱：拉克
落红成泥化春痕
青石阶前苔色深
檐角风铃摇空寂
月移竹影印禅门
禅心照见万物生
花开花落皆永恒
长河漫卷千帆过
心随云卷亦无争
拾阶坐看云起时
一瓣浮茶映天青
蝉衣褪尽枯荣事
枯枝新雪亦清明
啊 啊`;
    tz.lrc(tz.lrc2HC(gc), '', false).style('top: 700px;');
    tz.fs().style('left: 20px; top: 20px;')
</script>

杨帆 发表于 2026-2-5 16:45

问好枫丹，制作精美，余音缭绕{:4_204:}

也曾年轻 发表于 2026-2-5 16:47

https://pic.rmb.bdstatic.com/bjh/down/991563a88611b6e4e05ea9fd0b00fb9d.gif

梦油 发表于 2026-2-5 16:54

播放器设计得真美。

霜染枫丹 发表于 2026-2-5 18:34

杨帆 发表于 2026-2-5 16:45
问好枫丹，制作精美，余音缭绕

扬帆晚上好！很感谢有你的支持，挺喜欢这首新歌，正好马老师发了代码，

得到支持很高兴，祝你安好！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-2-5 18:35

也曾年轻 发表于 2026-2-5 16:47


谢谢也曾年轻的鼓励，哈哈~~好有趣的图片，我下载了，祝你安好！！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-2-5 18:40

梦油 发表于 2026-2-5 16:54
播放器设计得真美。

梦老晚上好~~这首歌是前天发布的，我挺喜欢的。有AI制图，素材相对容易得到，就制作了这个播放器。谢梦老的支持鼓励，祝您冬祺！{:4_204:}{:4_190:}

梦油 发表于 2026-2-5 19:57

霜染枫丹 发表于 2026-2-5 18:40
梦老晚上好~~这首歌是前天发布的，我挺喜欢的。有AI制图，素材相对容易得到，就制作了这个播放器。谢梦老 ...

谢谢枫丹朋友的美好祝福。{:5_108:}

霜染枫丹 发表于 2026-2-5 20:59

梦油 发表于 2026-2-5 19:57
谢谢枫丹朋友的美好祝福。

梦老晚上好~~

走到如今，已经能很好的理解并赞同歌词中的“静观花影自开休，时光常在心未愁，长河漫卷千帆过，心随云卷亦无争，拾阶坐看云起时。一瓣浮茶映天青“的意境了。听着就觉得很喜欢了。嗨皮的资料我不知道，他的一些歌是发在B站，由俏江南音乐剪辑发布。我有关注。感谢您的鼎立支持，冬安！{:4_204:}{:4_190:}

梦油 发表于 2026-2-5 21:11

霜染枫丹 发表于 2026-2-5 20:59
梦老晚上好~~

走到如今，已经能很好的理解并赞同歌词中的“静观花影自开休，时光常在心未愁，长河漫卷 ...

枫丹朋友别客气啊。我也喜欢音乐，但那都是老歌、红歌。人的年纪大了，跟不上时代的发展了。

红影 发表于 2026-2-5 23:47

非常漂亮，欣赏枫丹好帖{:4_199:}
页: [1]
查看完整版本: 学习马老师代码制作 花开花落皆永恒