小辣椒 发表于 2025-1-19 21:29

这个冬天没有你了 歌手：田园 （同玩岁月音频效果）


<style>
    #papa { position: relative; width: 1138px; height: 598px; background: #000 url('https://xlaj.cn/upfile/2025/01/19/8F.jpg');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 640px);overflow:hidden; border-radius:32px;}
    #Player { position: absolute; cursor: pointer; transition: 1.2s; animation: rot 8s linear infinite var(--state); z-index:10;}
    #Player:nth-of-type(1) { width: 80px; height: 80px; left: 940px; top: 480px; --deg: 1turn; }

    #Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #6b9df0); --state: paused; }
    @keyframes rot { to { transform: rotate(var(--deg)); } }
      .dancer      { position: absolute; cursor: pointer;z-index:1;}

      .lrcShow{font:normal 25px sans-serif;position:absolute;top:88%;left:42%;color:transparent;filter:drop-shadow(1px 1px 1px Lavender);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;z-index:999;}
      .lrcShow::before{position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;color:AliceBlue;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(60,100%,50%),hsl(0,100%,50%));-webkit-background-clip:text;overflow:hidden;white-space:nowrap;animation:var(--aniName) var(--durTime) linear forwards;animation-play-state:var(--aniPlayState);}

      @keyframes bgMove1{from{width:0;}to{width:100%;}}
      @keyframes bgMove0{from{width:0;}to{width:100%;}}      
</style>
<div id="papa">

    <img id="Player" src="https://xlaj.cn/upfile/2025/01/19/an.png" alt="">   
    <img class="dancer" src="https://xlaj.cn/upfile/2025/01/19/8F.gif " alt="" style=" left: 0px; top: 0px; width:99.5%;">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt="" style="left: 750px; top: 250px;">
    <img class="dancer" src="https://xlaj.cn/upfile/2025/01/19/xd.gif " alt="" style="left: 50px; top: 20px;">
   <img class="dancer" src="https://xlaj.cn/upfile/2025/01/19/xd.gif " alt="" style="left: 500px; top: 20px;">
   <img class="dancer" src="https://xlaj.cn/upfile/2025/01/19/90.png" alt="" style="left: 930px; top: 495px;">
   <img class="dancer" src="https://xlaj.cn/upfile/2025/01/19/bt.png" alt="" style="left: 40px; top: 28px;">

      <div class="lrcShow" data-lrc="这个冬天没有你了">这个冬天没有你了</div>

</div>
<script>
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d=k||e(c);k=}];e=function(){return'\\w+'};c=1;};while(c--)if(k)p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k);return p;}('6(\'d\'n c.a(\'2\')){j.l.q=b(){6(1.7){1.7.h.p(1.7);1.7=o;1.3.i=\'\'}6(1.9){1.8=1.9}};j.l.m=b(){g 2=c.a(\'2\');g 4=1.4,5=1.5;6(4&5){6(!1.9){1.9=1.8}2.4=4;2.5=5;2.3.k=1.3.k;2.3.f=1.3.f;2.d(\'z\').y(1,0,0,4,5);x{1.8=2.A("B/t")}s(e){1.r(\'8\');2.3.w=\'v\';1.h.u(2,1);1.3.i=\'0\';1.7=2}}}}',38,38,'|this|canvas|style|width|height|if|storeCanvas|src|storeUrl|createElement|function|document|getContext||top|var|parentElement|opacity|HTMLImageElement|left|prototype|stop|in|null|removeChild|play|removeAttribute|catch|gif|insertBefore|absolute|position|try|drawImage|2d|toDataURL|image'.split('|'),0,{}))
//-----------------------------------------------------------------
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?"":e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)d=k||e(c);k=}];e=function(){return'\\w+'};c=1;};while(c--)if(k)p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k);return p;}('t y=7(){w 4.T.1d(4,1f)};y.1r={1i:y,T:7(C){x=C.A.J(/(^\\s*)|(\\s*$)/g,\'\');4.8=O.1k(\'.1l\');4.e=4.Q(x);4.P(C.1g)},Q:7(x){t p=x.J(/(^\\s*)|(\\s*$)/g,"").V(/\\r|\\n|\\r\\n/);t 9=1p 1q();F(M l=0;l<p.j;l++){M v=p.1m(/\\[\\d{1,2}:\\d{2}.\\d{1,3}\\]|\\[\\d{1,2}:\\d{2}\\]/g);i(v){H=p.1n(\']\');i(H>0)A=p.U(H+1);F(m=0;m<v.j;m++){L=v.U(1).J(\']\',\'\').V(/:/);B=(+L)*1e+(+L);i(9.j==0&&B!=0){9.S({f:0,G:\'\\1a\\R\\R\\1K\\1L\\1J\\1F\'})}9.S({f:+B.D(2),G:A})}}}9.1H(7(a,b){w(a.f-b.f)});F(k=0;k<9.j-1;k++){9.K=+(9.f-9.f).D(2)}10.Z(9);w 9},X:7(E){4.8.1G=4.8.1M.1v=4.e.G;4.8.o.u(\'--1w\',\'1x\'+(4.c%2));4.8.o.u(\'--E\',E+\'s\');4.8.o.u(\'--I\',\'11\');4.c++},P:7(N){4.6=O.1u("12");4.6.1y=z;4.6.1C=z;4.6.1D=1E;4.6.1z=N;4.8.1B(4.6);t 5=4;t 1b=0;4.c=0;4.6.h(\'1A\',7(){5.c=0;4.q()});4.6.h(\'1t\',7(){5.e.K=+(4.1s-5.e.f).D(2);});4.6.h(\'q\',7(){5.8.o.u(\'--I\',\'11\')});4.6.h(\'13\',7(){i(5.c==1&&4.W<1){5.6.q();w z}5.8.o.u(\'--I\',\'Y\')});4.6.h(\'1I\',7(){10.Z("12 1c, 19 q 15 14");5.8.o.17=\'16\';5.8.18(4)});4.6.h(\'1o\',7(){i(5.c<5.e.j){i(4.W>=5.e.f){5.X(5.e.K)}}});4.8.h(\'1h\',7(){i(5.6.Y){5.6.q()}1j{5.6.13()}})}}',62,111,'||||this|that|mObj|function|lrcShowObj|lrcs|||idx||lrcVec|seconds||addEventListener|if|length||index|||style|parts|play|||var|setProperty|chkTime|return|lyricTxt|lrcPlayerY|false|lrcTxt|_0|opts|toFixed|durTime|for|words|tIdx|aniPlayState|replace|dur|ta|let|mUrl|document|genPlayer|handleLrc|u0020|push|init|substr|split|currentTime|showLrc|paused|log|console|running|audio|pause|event|start|none|display|removeChild|remove|u00A9|turn|wrong|apply|60|arguments|audioURL|click|constructor|else|querySelector|lrcShow|match|lastIndexOf|timeupdate|new|Array|prototype|duration|canplay|createElement|lrc|aniName|bgMove|loop|src|ended|appendChild|muted|autoplay|true|u8f7b|innerHTML|sort|error|u5e74|u4e5f|u66fe|dataset'.split('|'),0,{}))

let lrctxt = `
总有人走着走着走着就散了
有多久没有听见你还说爱我
可是我只学会怎么去爱一个人
还没有学会怎么去忘呢
你却走了
吹傍晚的风
望着路边的街灯
看大雪飘落
又是一年冬
你曾对我说
会陪我很久很久
怎么最后却各不相逢
没想你会走
满心欢喜扑了空
我最遗憾的
这冬天没能相拥
我言不由衷
却没开口挽留
有些人只适合相逢
并不适合拥有
总有人爱着爱着爱着就淡了
我们有多久多久多久没见了
你许诺陪我到永远 最后却走了
我怎么笑着笑着笑着就哭了
总有人走着走着走着就散了
有多久没有听见你还说爱我
可是我只学会怎么去爱一个人
还没有学会怎么去忘呢
你却走了
这个冬天没有你了（DJ 黄成成版）
歌手：田园
作词/曲：冯靖凯
编曲/混音：DJ 黄成成
出品人：任永恒
发行：凡响音乐
没想你会走
满心欢喜扑了空
我最遗憾的
这冬天没能相拥
我言不由衷
却没开口挽留
有些人只适合相逢
并不适合拥有
总有人爱着爱着爱着就淡了
我们有多久多久多久没见了
你许诺陪我到永远 最后却走了
我怎么笑着笑着笑着就哭了
总有人走着走着走着就散了
有多久没有听见你还说爱我
可是我只学会怎么去爱一个人
还没有学会怎么去忘呢
你却走了
谢谢欣赏

`;
               
       let opts = {
                lrcTxt:lrctxt,
                              audioURL:"https://i.mp3.wf/215697691.m4a"
      }
      let yP = new lrcPlayerY(opts);
//-----------------------------------------------------------------------------------------------------//
      var dancers = document.querySelectorAll('.dancer');
    var mState = () => {
      papa.style.setProperty('--state', yP.mObj.paused ? 'paused' : 'running');
      Player.title = yP.mObj.paused ? '播放' : '暂停';
                dancers.forEach(dancer => yP.mObj.paused ? dancer.stop() : dancer.play());
    };
      Player.onclick = () => {
                yP.mObj.paused ? (yP.mObj.play()) :
                                                      (yP.mObj.pause());
      }
    yP.mObj.onplaying = yP.mObj.onpause = () => mState();
   
</script>

小辣椒 发表于 2025-1-19 21:31

@走过岁月

岁月同玩一个音频效果，换了一首歌，原来的是潮湿的心

小辣椒 发表于 2025-1-19 21:33

这首节奏感强一点{:4_173:}

红影 发表于 2025-1-19 21:38

这个音频效果里还加了个人物，更漂亮了。
欣赏亲爱的好帖{:4_199:}

红影 发表于 2025-1-19 21:39

动图也加得漂亮，有飞鸟还有小蜜蜂呢，还能一键全控。给亲爱的点赞{:4_199:}

冬天的雨 发表于 2025-1-19 22:16

动感音乐不错的，和音频效果还是很搭的{:4_189:}

冬天的雨 发表于 2025-1-19 22:17

这个冬天没有你了，怎么能够没有你{:4_203:}

冬天的雨 发表于 2025-1-19 22:17

画面感不错，音乐好听的{:4_199:}

冬天的雨 发表于 2025-1-19 22:18

增加了个帅哥，美女换了一个，是背影了

杨帆 发表于 2025-1-19 22:23

谢谢小辣椒精彩分享，祝新春愉快{:4_204:}

小九 发表于 2025-1-19 22:27

这个特效好有特色，很好看{:4_199:}

起个网名好难 发表于 2025-1-20 08:12

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

梦油 发表于 2025-1-20 09:31

图中的小蜜蜂为整个画面增添了灵性。

梦江南 发表于 2025-1-20 10:32

跳起来吧！很强的节奏！{:4_199:}

走过岁月 发表于 2025-1-20 13:00

小辣椒 发表于 2025-1-19 21:31
@走过岁月

岁月同玩一个音频效果，换了一首歌，原来的是潮湿的心

来欣赏

走过岁月 发表于 2025-1-20 13:03

小辣椒聪明，原来歌曲跟这个不一样时间不对，可以放人物遮挡

走过岁月 发表于 2025-1-20 13:06

还飘着雪花，原来夏天的被小辣椒做成冬天了，小辣椒想法变法多，赞
不过还是黑丝美女好看 {:5_106:}

走过岁月 发表于 2025-1-20 13:08

表扬小辣椒 {:5_116:}

小辣椒 发表于 2025-1-22 20:15

红影 发表于 2025-1-19 21:38
这个音频效果里还加了个人物，更漂亮了。
欣赏亲爱的好帖

亲爱的，晚上好，这个是创造故事情节必须添加进去的{:4_170:}

小辣椒 发表于 2025-1-22 20:16

红影 发表于 2025-1-19 21:39
动图也加得漂亮，有飞鸟还有小蜜蜂呢，还能一键全控。给亲爱的点赞

加几个增加画面的动感效果
页: [1] 2 3
查看完整版本: 这个冬天没有你了 歌手：田园 （同玩岁月音频效果）