霜染枫丹 发表于 2026-7-12 22:14

还没有爱够AI


<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
   
    .pa {
      --offsetX: 80px;
      --bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/07/12/6a5395ea27adf.gif') no-repeat center/cover;
      --ma-size: 6%;
      width: 1500px;
      height: 844px;
      position: relative;
      overflow: hidden;
    }

    .pa *, .pa *::before, .pa *::after {
      content: none !important;
    }
   
    /* 【修复全屏问题】改用 bottom 定位，永远贴在底部 */
    #custom-lrc-container {
      position: absolute;
      bottom: 8px;      /* 关键：距离底部 50px，全屏不变，可修改 */
      left: 0;
      width: 100%;
      text-align: center;
      z-index: 9999;
      pointer-events: none;
      
      height: 60px;
      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');

    tz.add('audio', '', '', { src: 'https://imgimg.qqdsw8.cn/view.php/55b827b9e63df2158614a02afb98db7b.mp3' });
    tz.add('video', '', 'pd-vid', {src: 'http://cccimg.com/view.php/30d85f08f6e84acaa27e7201a2f69eba.mp4'}).style('opacity: 0.2;');
    tz.add('img', '', 'ma', { src: 'https://ff.xiaoqiaodali.top:5401/i/2026/06/07/6a2551166381c.png' }).style('bottom: 60px;').playmp3();
   
    tz.bgprog().style('bottom: 20px; color: #fefefe; width: 240px;');
    tz.fs().style('left: 20px; top: 20px;');

    const lrcString = `
《还没有爱够AI》
霜染枫丹制作
你说大雁南飞后
和我一起走
我知道这是给我
最大的迁就
两个城市分隔了
彼此的温柔
思念如雪融化
点点滴滴的流
多想给你的爱
会成为永久
多想给你的爱
会成为不朽
那种爱像未
曾出窖的醇酒
虽不曾喝上一口
也醉了三秋
还没有爱够
`;

    function initCustomLrc(lrcText) {
      const container = document.getElementById('custom-lrc-container');
      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();
               
                // 【关键修复】过滤乱码 ‌ 等所有 HTML 实体
                content = content.replace(/&#\d+;/g, '').trim();
               
                if (content) {
                  lines.push({ time, content, element: null });
                }
            }
      });

      lines.forEach((line) => {
            const div = document.createElement('div');
            div.className = 'lrc-line';
            div.textContent = line.content;
            container.appendChild(div);
            line.element = div;
      });

      const audio = document.querySelector('.pa audio');
      
      if (audio) {
            audio.addEventListener('timeupdate', () => {
                const currentTime = audio.currentTime;
                let activeIndex = -1;

                for (let i = 0; i < lines.length; i++) {
                  if (currentTime >= lines.time) {
                        activeIndex = i;
                  } else {
                        break;
                  }
                }

                lines.forEach((line, idx) => {
                  if (idx === activeIndex) {
                        line.element.classList.add('active');
                  } else {
                        line.element.classList.remove('active');
                  }
                });
            });
            
            audio.addEventListener('ended', () => {
               lines.forEach(line => line.element.classList.remove('active'));
            });
      }
    }

    setTimeout(() => {
      const audioEl = document.querySelector('.pa audio');
      if(audioEl) {
            initCustomLrc(lrcString);
      } else {
            const observer = new MutationObserver(() => {
                const aud = document.querySelector('.pa audio');
                if(aud) {
                  initCustomLrc(lrcString);
                  observer.disconnect();
                }
            });
            observer.observe(document.querySelector('.pa'), { childList: true, subtree: true });
      }
    }, 500);

</script>

霜染枫丹 发表于 2026-7-12 22:15

现在AI翻唱的歌曲风格很多，粘贴上来一首和盲童李玉春演唱风格不一样的AI翻唱，看个热闹。

你说大雁南飞后
和我一起走
我知道这是给我
最大的迁就
两个城市分隔了
彼此的温柔
思念如雪融化
点点滴滴的
多想给你的爱
会成为永久
多想给你的爱
会成为不
那种爱像未
曾出窖的醇
虽不曾喝上一口
也醉了三
还没有爱够

红影 发表于 2026-7-12 22:26

现在很多AI 翻唱比人唱得还好听。
制作很漂亮，欣赏枫丹好帖{:4_187:}

霜染枫丹 发表于 2026-7-12 22:32

红影 发表于 2026-7-12 22:26
现在很多AI 翻唱比人唱得还好听。
制作很漂亮，欣赏枫丹好帖
在手机上扒下来的，看点击的人挺多的{:4_173:}谢谢红影的支持，晚上好~~

https://s3.bmp.ovh/2026/07/13/CuEZdF8r.jpg

杨帆 发表于 2026-7-12 23:30

很喜欢的一首歌，谢谢枫丹老师分享不一样的AI翻唱{:4_204:}

霜染枫丹 发表于 2026-7-13 00:13

杨帆 发表于 2026-7-12 23:30
很喜欢的一首歌，谢谢枫丹老师分享不一样的AI翻唱

谢谢扬帆的支持！我也是很喜欢听这首歌呢。很高兴有您的支持，晚安！{:4_204:}{:4_190:}

魏淑芬 发表于 2026-7-13 13:41

欣赏好制作。这个烟嗓是AI“唱”的吗？真魔幻的啊{:4_208:}

霜染枫丹 发表于 2026-7-13 16:07

魏淑芬 发表于 2026-7-13 13:41
欣赏好制作。这个烟嗓是AI“唱”的吗？真魔幻的啊

我都觉得真假难辨，现在模型的功能太厉害{:4_173:}{:4_204:}{:4_190:}

梦江南 发表于 2026-7-13 16:31

欣赏好制作，听好歌曲。现在AI唱的同真人一样的了，真假难辨。{:4_199:}

霜染枫丹 发表于 2026-7-13 16:57

梦江南 发表于 2026-7-13 16:31
欣赏好制作，听好歌曲。现在AI唱的同真人一样的了，真假难辨。

这样我们选择性就扩大了，哪个好听听那个。谢谢梦江南的支持，下午好~~{:4_204:}{:4_190:}
页: [1]
查看完整版本: 还没有爱够AI