论坛 › AI创作交流 › 再发《半夏生》

霜染枫丹 发表于 2026-5-6 08:24

再发《半夏生》

<style>
    @import url('https://638183.freep.cn/638183/web/tz/tz.v4.css');
   
    .pa {
      --offsetX: 80px;
      --bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/05/06/69fa870027d92.gif') no-repeat center/cover;
      --ma-size: 8%;
      width: 1400px;
      height: 788px;
      position: relative;
      overflow: hidden;
    }

    .pa *, .pa *::before, .pa *::after {
      content: none !important;
    }
   
    /* 【修复全屏问题】改用 bottom 定位，永远贴在底部 */
    #custom-lrc-container {
      position: absolute;
      bottom: 15px;
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 9999;
      pointer-events: none;
      height: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    /* 每一句歌词的样式 */
    .lrc-line {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      white-space: nowrap;
      color: #fefefe;
      font-size: 28px;
      font-family: "隶书", "LiSu", serif;
      font-weight: normal;
      text-shadow: 0 0 10px rgba(0,0,0,0.8);
      opacity: 0;
      transition: opacity 0.5s ease, transform 0.5s ease;
      margin: 0;
      top: 0;
    }
   
    .lrc-line.active {
      opacity: 1;
      transform: translateX(-50%) scale(1.1);
      z-index: 10;
    }
</style>

<div class="pa">
    <div id="custom-lrc-container"></div>
</div>

<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';

    const tz = TZ.TZ('pa');

    // ==============================================
    // 【核心修复】音频必须加 muted 兼容论坛自动播放策略
    // ==============================================
    tz.add('audio', '', '', {
      src: 'https://cccimg.com/view.php/b4a455d1fc09f2acdd605933402172e4.m4a',
      muted: 'muted',
      preload: 'auto'
    });
   
    tz.add('video', '', 'pd-vid', {
      src: 'https://cccimg.com/view.php/30d85f08f6e84acaa27e7201a2f69ba.mp4',
      muted: 'muted',
      preload: 'auto'
    }).style('opacity: 0.2;');
   
    tz.add('img', '', 'ma', { src: 'https://ff.xiaoqiaodali.top:5401/i/2026/03/04/69a8082bb8885.png' })
      .style('bottom: 60px;')
      .playmp3();
   
    tz.bgprog().style('bottom: 20px; color: #fefefe; width: 240px;');
    tz.fs().style('left: 20px; top: 20px;');

    const lrcString = `
半夏生
网易云音乐 x
共青团中央宣传部 二十四节气
「夏至」特别企划
歌手：银临
作词 : 邹念慈/申名利
作曲 : 邹念慈
无人问津处
热浪中蛰伏
不借春风不争雨露不羡慕
听鹿角脱落像在说万物有时序
一枯一荣自有眷顾
远山声声叹
春风已不再
你轻声说花开不嫌晚
穿过那仲夏光阴之荏苒
日复一日中可有答案
喧嚣的孤独
蝉鸣最清楚
曲曲折折坎坎坷坷来时路
流光半夏一步一煦经过了迷途
生长出倔强的纹路
远山声声叹
春风已不再
你轻声说花开不嫌晚
穿过那仲夏光阴之荏苒
日复一日中可有答案
人间多变幻
万物常流转
我用一生浇灌
穿幽微（不为谁）
驯暗夜（不流泪）
不去追随他们说的美
纷繁中找一方明媚
远山声声叹
春风已不再
你轻声说 花开不嫌晚
穿过那仲夏光阴之荏苒
日复一日中 可有答案
流云回头看
昼长夜渐短
赶路的人有朝霞作伴
世间的跋涉要转多少弯
云开月明时懂得绚烂
出品 : 共青团中央宣传部 X 网易云音乐`;

    function initCustomLrc(lrcText) {
      const container = document.getElementById('custom-lrc-container');
      if (!container) return;
      
      const lines = [];
      const lineRegex = /\[(\d{2}):(\d{2})\.(\d{2,3})\](.*)/;
      const rawLines = lrcText.split('\n');
      
      rawLines.forEach(text => {
            const match = text.match(lineRegex);
            if (match) {
                const minutes = parseInt(match);
                const seconds = parseInt(match);
                const milliseconds = parseInt(match);
                const time = minutes * 60 + seconds + milliseconds / 1000;
                let content = match.trim().replace(/&#\d+;/g, '');
                if (content) {
                  const div = document.createElement('div');
                  div.className = 'lrc-line';
                  div.textContent = content;
                  container.appendChild(div);
                  lines.push({ time, element: div });
                }
            }
      });

      // 【强兼容】监听音频，防止论坛屏蔽导致报错
      function watchAudio() {
            const audio = document.querySelector('.pa audio');
            if (!audio) return false;
            
            let lastActive = -1;
            audio.addEventListener('timeupdate', () => {
                const now = audio.currentTime;
                let active = -1;
                for (let i = 0; i < lines.length; i++) {
                  if (now >= lines.time) active = i;
                  else break;
                }
                if (active !== lastActive) {
                  lines.forEach((l, i) => l.element.classList.toggle('active', i === active));
                  lastActive = active;
                }
            });
            
            audio.addEventListener('ended', () => {
                lines.forEach(l => l.element.classList.remove('active'));
            });
            
            return true;
      }

      if (watchAudio()) return;
      const ob = new MutationObserver(() => {
            if (watchAudio()) ob.disconnect();
      });
      ob.observe(document.querySelector('.pa'), { childList: true, subtree: true });
    }

    // 【修复】延长等待时间，适配慢加载论坛
    setTimeout(initCustomLrc, 1200, lrcString);
</script>

霜染枫丹 发表于 2026-5-6 08:27

夏至，万物生长自有其序，云开月明时，自会懂得绚烂。这首《半夏生》献给每一个在盛夏光年，默默积蓄能量、等待破土而生的你。

盛夏炽烈，万物焦灼」有人将酷暑视为绝境，而有人，却在最滚烫的土壤里，听见自己破土的声音。在二十四节气中的夏至，“半夏”这一药用植物在酷暑中悄然孕育着药性，《半夏生》以此为题，讲述那些被烈日灼烧却依然向上伸展的故事，歌颂所有在逆境中野蛮生长的灵魂。主歌以极具画面感的笔触，勾勒出酷暑中的挣扎与蛰伏；副歌则如盛夏惊雷，用充满宿命感的旋律，炸裂出生命最炽烈的宣言。


「阳至极处，光始低语」最炽烈的光，才能照见最坚韧的生长，穿过那仲夏光阴之荏苒，日复一日中，终有答案。

霜染枫丹 发表于 2026-5-6 08:28

https://www.huachaowang.com/forum.php?mod=attachment&aid=NDkwODN8NTM1YzJlYzZ8MTc3ODAyNzI3MHw3OTg1fDkyNzI0&noupdate=yes

雨季工作室 发表于 2026-5-6 08:37

欣赏枫丹老师制作精彩！

也曾年轻 发表于 2026-5-6 09:45

发帖后不再次编辑也不会出现问题。

梦江南 发表于 2026-5-6 10:01

欣赏版主精美音画。这首《半夏生》很好听。{:4_199:}

梦油 发表于 2026-5-6 10:36

霜染枫丹 发表于 2026-5-6 08:27
夏至，万物生长自有其序，云开月明时，自会懂得绚烂。这首《半夏生》献给每一个在盛夏光年，默默积蓄能量、 ...

夏至，天气逐渐热拉，枫丹朋友多保重，祝枫丹夏安！

霜染枫丹 发表于 2026-5-6 17:41

雨季工作室 发表于 2026-5-6 08:37
欣赏枫丹老师制作精彩！

欢迎雨季工作室，感谢您的支持，下午好~~{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-5-6 17:47

也曾年轻 发表于 2026-5-6 09:45
发帖后不再次编辑也不会出现问题。

也曾年轻下午好~~是的，咱们这里音画的播放器编辑以后就丢失了文本选框，歌词就不在显示了。您说的代码我记住了，谢谢你！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-5-6 17:48

梦江南 发表于 2026-5-6 10:01
欣赏版主精美音画。这首《半夏生》很好听。

感谢梦江南的支持，这首歌我一听就很喜欢，得到支持很高兴，祝您夏安！{:4_204:}{:4_190:}

霜染枫丹 发表于 2026-5-6 17:50

梦油 发表于 2026-5-6 10:36
夏至，天气逐渐热拉，枫丹朋友多保重，祝枫丹夏安！

梦老下午好~~感谢您的祝福，我们都好好爱护自己，过一个轻松快乐的夏季。梦老夏安！！{:4_204:}{:4_190:}

红影 发表于 2026-5-6 20:39

这次能听到了，的确很好听呢，歌词很有哲理。
欣赏枫丹好帖{:4_199:}

梦油 发表于 2026-5-7 17:01

霜染枫丹 发表于 2026-5-6 17:50
梦老下午好~~感谢您的祝福，我们都好好爱护自己，过一个轻松快乐的夏季。梦老夏安！！ ...

谢谢你的美好祝福。我们都是老年人，咱们谁也别客气，以后，你就称我老梦吧。

霜染枫丹 发表于 2026-5-7 19:15

梦油 发表于 2026-5-7 17:01
谢谢你的美好祝福。我们都是老年人，咱们谁也别客气，以后，你就称我老梦吧。

您是老大哥，叫梦老是应该的，我们不客气，能在一起玩就是缘分。有这个平台，我们相互支持，让晚年的生活丰富多彩{:4_204:}{:4_190:}

梦油 发表于 2026-5-7 19:39

霜染枫丹 发表于 2026-5-7 19:15
您是老大哥，叫梦老是应该的，我们不客气，能在一起玩就是缘分。有这个平台，我们相互支持，让晚年的生活 ...

你真是一位很有修养的人。{:5_116:}

查看完整版本: 再发《半夏生》