霜染枫丹 发表于 2026-1-11 23:35

寒山偈 2025 12.31发布 套用马老师代码制作

本帖最后由 霜染枫丹 于 2026-1-12 20:35 编辑 <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/2026/01/11/69638112eb95a.gif') no-repeat center/cover;
    }
    .fadeInLrc {
      bottom: 50px;/* 歌词 */
      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.1;
    `);

    const gc = `
寒山偈
作词作曲演唱：嗨皮
202512.31发布
青苔爬上旧石阶
行囊装满半世风雪
清风叠影雾锁长街
脚印深浅丈量离别
我问寒山我是谁
寒鸦掠过声咽如碎
是天涯孤旅是檐角星垂
是烛火里不肯熄灭的灰
孤雁驮着暮色归
掌心纹路蜿蜒如碑
春去秋来潮涨潮退
心事沉在江底沉睡
我问寒山，我是谁
古寺钟声敲碎月辉
是人间烟火是镜花虚对
是浮世中种倔强的卑微
看过千帆皆不是
才懂归途在方寸
山野不解离人泪
却照见初心未改的纯粹
我问寒山我是谁
落花笑我太执迷不悔
是沧海一粟
是须弥藏芥
是来过就骄傲的美
我问寒山我是谁
山风拂过松涛如沸
是云卷云舒的无常百味
是跌撞中依然滚烫的轮回
`;

    const gcAr = tz.lrc2HC(gc, -0.1);

    tz.add('audio', '', '', {
      src: 'https://cccimg.com/view.php/d2e171eb14056dea342336a0de2ea5a5.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>

梦江南 发表于 2026-1-12 07:43

好美的风景，动听的歌曲，漂亮的小播。谢谢霜染枫丹版主的精彩分享！早上好！{:4_187:}{:4_204:}

樵歌 发表于 2026-1-12 08:02

大姐太厉害了，把代码应用得娴熟。{:4_190:}

樵歌 发表于 2026-1-12 08:03

画面与歌词的意境非常匹配，小播放好看，飞出的字幕也好看。

偶然~ 发表于 2026-1-12 09:48

音画唯美

偶然~ 发表于 2026-1-12 09:48

背景歌声动听

偶然~ 发表于 2026-1-12 09:48

制作大气

偶然~ 发表于 2026-1-12 09:48

音画合一，音乐与画面结合完美

偶然~ 发表于 2026-1-12 09:49

玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】

偶然~ 发表于 2026-1-12 09:49

感谢霜染枫丹带来的精彩，辛苦了！祝你开心幸福、阖家安康！

红影 发表于 2026-1-12 10:42

图图弄得漂亮，和歌曲意境很吻合。
歌曲也十分好听，制作漂亮，欣赏丹枫好帖{:4_187:}

红影 发表于 2026-1-12 10:43

歌词好像到了2:15的地方就不动了，后面的歌词看不到了呢。因为喜欢这首歌，便认真地看着，看到2分多的地方发现歌词没了{:4_173:}

杨帆 发表于 2026-1-12 15:43

制作精致，效果漂亮，谢谢丹枫精彩分享{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-1-12 20:31

杨帆 发表于 2026-1-12 15:43
制作精致，效果漂亮，谢谢丹枫精彩分享

扬帆晚上好！使用AI图片能随意很多，这感谢你的支持，晚上好！！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-1-12 20:39

本帖最后由 霜染枫丹 于 2026-1-12 20:43 编辑

红影 发表于 2026-1-12 10:43
歌词好像到了2:15的地方就不动了，后面的歌词看不到了呢。因为喜欢这首歌，便认真地看着，看到2分多的地方 ...
哈哈~~{:4_170:}歌词没填完，可能是复制的时候忘了选全选，然后也没检查{:4_173:}丢人丢大发了

谢谢红影！您不说我就不会再多看。这回补齐了{:4_173:}


霜染枫丹 发表于 2026-1-12 20:47

梦江南 发表于 2026-1-12 07:43
好美的风景，动听的歌曲，漂亮的小播。谢谢霜染枫丹版主的精彩分享！早上好！

梦江南晚上好~~今天去儿子家了，没能及时回复，抱歉~感谢你的支持，祝吉祥冬安！！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-1-12 20:58

樵歌 发表于 2026-1-12 08:03
画面与歌词的意境非常匹配，小播放好看，飞出的字幕也好看。

小樵哥晚上好！

还是咱们这里设立了AI栏目，用AIZA出图做素材制作起来方便多了，特别顺手！玩起来也高兴！谢小樵哥的支持，冬安！！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-1-12 21:04

偶然~ 发表于 2026-1-12 09:49
感谢霜染枫丹带来的精彩，辛苦了！祝你开心幸福、阖家安康！

感谢偶然的祝福，很荣幸！感谢偶然的鼎力支持，特别高兴！祝您冬日吉祥，健康平安~~{:4_204:}{:4_173:}

偶然~ 发表于 2026-1-15 10:34

霜染枫丹 发表于 2026-1-12 21:04
感谢偶然的祝福，很荣幸！感谢偶然的鼎力支持，特别高兴！祝您冬日吉祥，健康平安~~

岁月如河，有缓·有急·有回响
故人如酒，有醇·有冽·有陈香
半笺心事，有甜·有涩·有微光
福寿康宁 岁岁欢畅
页: [1]
查看完整版本: 寒山偈 2025 12.31发布 套用马老师代码制作