论坛 › 音乐沙龙 › 忽然好想念 帖赠：樵哥哥

小辣椒 发表于 2026-6-6 22:53

忽然好想念 帖赠：樵哥哥

<style>
    @import 'https://638183.freep.cn/638183/web/api/audioplayer.css';

.pa { top:50px; --offsetX: 81px; color: lightblue; }

.bg-box{
    position:absolute;inset:0;z-index:-99;
    background:url('https://xlaj.cn/upfile/2026/06/06/0F.jpg') no-repeat center/cover;
}
.bg-play{
    background:url('https://xlaj.cn/upfile/2026/06/06/0F.gif') no-repeat center/cover !important;
}
    .player { width: 480px; bottom: 14px; }
    .btnFs { top: 25px; right: 20px; }
    #msvg { position: absolute; width: 15vw; height: 15vw; top: 30%; left:50%;transform:translateX(-50%); transition: .75s; opacity: 1; cursor: pointer;pointer-events:auto; }
    #cc { transform-box: fill-box; transform-origin: center; cursor: pointer; animation: rot 20s linear infinite var(--state); }
    #lrc { top: 80%; }

    .pd-vid{display:none;}
</style>

<div id="pa" class="pa">
    <div class="bg-box" id="bgWrap"></div>
    <video class="pd-vid" src="https://img2.tukuppt.com/video_show/2418175/00/02/20/5b51fecde9934.mp" autoplay loop muted></video>
    <svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400"><title>播放/暂停(Alt+X)</title></svg>
</div>

<script>
    var gc = `怎么会忽然好想念
怎么会忽然好心酸
怎么会一下子
就触碰了我脆弱的泪点
忽然好想念 DJ 九零版
词：徐茧生
曲：徐茧生/路勇
凌晨两点半在街上游荡
路边摊零零散散
惺忪的睡眼 抬头天边
黑暗里的星星点点
热爱的画面
浮现在眼前
在脑海里默默回甜
只是他身影已经走太远
只留下我一个人孤单
怎么会忽然好想念
怎么会忽然好心酸
怎么会一下子
就触碰了我脆弱的泪点
怎么会忽然好茫然
怎么会忽然好孤单
怎么会心里面
只剩下了一个人的容颜
歌词同步编辑：小辣椒
热爱的画面
浮现在眼前
在脑海里默默回甜
只是他身影已经走太远
只留下我一个人孤单
怎么会忽然好想念
怎么会忽然好心酸
怎么会一下子
就触碰了我脆弱的泪点
怎么会忽然好茫然
怎么会忽然好孤单
怎么会心里面
只剩下了一个人的容颜
记忆被拉得太远
觉醒敌不过失眠
昨天欠下的泪水
今天一直在买单
怎么会呵
怎么会忽然好孤单
怎么会心里面
只剩下了一个人的容颜
谢谢欣赏
`;

    var options = {
      pa: '.pa',
      urls: [['https://wj.zp68.com/lxx/yunhua/2025/12/09/01.mp3', '忽然好想念']],
      btns: [],
    };

    let bgEl = document.getElementById('bgWrap');
    let audPlayer = null;
    let audioDom = null;
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js?v0', function() {
    loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', function() {
      loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
    });
});
    function tzRun() {
      audPlayer = new AudPlayer(options);
      LRC(audPlayer.pa, audPlayer.aud, gc, 0.5);
      audioDom = audPlayer.aud;

      audioDom.addEventListener('play', function(){
            bgEl.classList.add('bg-play');
      });
      audioDom.addEventListener('pause', function(){
            bgEl.classList.remove('bg-play');
      });

      let msvg = document.getElementById('msvg');
      msvg.onclick = function(){
            if(audioDom.paused){
                audioDom.play();
            }else{
                audioDom.pause();
            }
      };

      var dr = _dr(msvg);
      dr.gradient('radialGradient', {id: 'grd', cx: '30%', cy: '25%', r: '70%'}, '<stop offset="0%" stop-color="#eff" /><stop offset="50%" stop-color="#4da6ff" /><stop offset="100%" stop-color="#003d82" />');
      dr.path('M-180 50 A90 80, 0, 0, 0, 180 -50', 'none', 'lightgreen', 4);
      dr.path('M-170 -50 A80 70, 0, 0, 0, 170 50', 'none', 'lightgreen', 5);
      dr.path('M-160 0 A60 55, 0, 0, 0, 160 0', 'none', 'lightgreen', 4);
      dr.circle(0, -20, 140, 'url(#grd)').id('cc');

      setTimeout(()=>{
            if(!audioDom.paused) bgEl.classList.add('bg-play');
      },200);
    }

    function loadJs(url, callback) {
      var script = document.createElement('script');
      script.charset = 'utf-8';
      script.src = url;
      script.onload = function() {
            if (callback) callback();
      };
      document.head.appendChild(script);
    }
</script>

小辣椒 发表于 2026-6-6 22:58

@樵歌

樵哥哥今天晚上我回家迟了一点，现在你也是睡觉了，樵哥哥真的好想念你，这次住院时间不短了，现在好起来了，也是放心了，多多保重身体，毕竟年龄一年年大起来了，千万要注意冷暖。痊愈后再出院，多住几天，反正你的待遇是杠杠的，小辣椒一切尽在不言中{:4_179:}

小辣椒 发表于 2026-6-6 23:00

@马黑黑

黑黑~~套用学习制作一个孤星播放器效果

感谢黑黑源码分享{:4_187:}

红影 发表于 2026-6-7 08:48

这个制作真漂亮。欣赏亲爱的好帖，同祝师兄早日康复{:4_187:}

红影 发表于 2026-6-7 08:51

这首歌很适合表达想念之情，听着歌曲，感受着那份想念之情。{:4_204:}

马黑黑 发表于 2026-6-7 09:08

小辣椒 发表于 2026-6-6 23:00
@马黑黑

黑黑~~套用学习制作一个孤星播放器效果


{:4_174:}

梦江南 发表于 2026-6-7 09:10

很漂亮的图图，很治愈的一首歌。欣赏小辣椒精彩音画。{:4_187:}

梦江南 发表于 2026-6-7 09:11

祝樵歌老师平安健康！

马黑黑 发表于 2026-6-7 09:13

祝樵歌早日康复

小九 发表于 2026-6-7 09:14

祝樵歌早日康复！{:4_187:}

雨季工作室 发表于 2026-6-7 09:15

欣赏辣椒老师精彩播放器！

杨帆 发表于 2026-6-7 12:19

欣赏小辣椒好制作，祝樵歌早日康复~安康天天{:4_190:}

樵歌 发表于 2026-6-7 20:28

小辣椒 发表于 2026-6-6 22:58
@樵歌

樵哥哥今天晚上我回家迟了一点，现在你也是睡觉了，樵哥哥真的好想念你，这次住院时间不短了，现 ...

非常感动中，谢谢您一直以来的关心与挂念着樵哥哥，喜欢的画成，歌曲歌词的意境都是入心入肺的。。。。。
是的这次住院快二十来天了，主要参观回来后，在教室唱歌，不知道空调对我的后背吹，到发觉时已经晚了，这次是感冒引起的下呼吸 道和局部肺炎，现在也是能回家住，白天去挂水了。。。

樵歌 发表于 2026-6-7 20:31

红影 发表于 2026-6-7 08:48
这个制作真漂亮。欣赏亲爱的好帖，同祝师兄早日康复

是的，今年也是流年不利，动不动生病。谢谢师妹关心着。

樵歌 发表于 2026-6-7 20:32

梦江南 发表于 2026-6-7 09:11
祝樵歌老师平安健康！

谢谢江南老师一直关心哈，现在好多了，还能小声唱歌了{:4_173:}

樵歌 发表于 2026-6-7 20:33

马黑黑 发表于 2026-6-7 09:13
祝樵歌早日康复

谢谢马老师关心着{:4_190:}

樵歌 发表于 2026-6-7 20:34

小九 发表于 2026-6-7 09:14
祝樵歌早日康复！

谢谢，基本上好了，下午回来就捣鼓剪映到现在{:4_189:}

樵歌 发表于 2026-6-7 20:34

杨帆 发表于 2026-6-7 12:19
欣赏小辣椒好制作，祝樵歌早日康复~安康天天

谢谢你关心哈{:4_190:}

马黑黑 发表于 2026-6-7 20:37

樵歌 发表于 2026-6-7 20:33
谢谢马老师关心着

{:4_191:}

小九 发表于 2026-6-7 21:46

樵歌 发表于 2026-6-7 20:34
谢谢，基本上好了，下午回来就捣鼓剪映到现在

要完全恢复哈，别太累了，多休息{:4_191:}

查看完整版本: 忽然好想念 帖赠：樵哥哥