小辣椒 发表于 2025-3-2 20:50

其實都沒有

<style>
    #papa { position: relative; width: 528px; height: 904px; background: #666 url('https://wj.zp68.com/lxx/yunhua/2025/03/02/GIF.jpg');
      box-shadow: 4px 4px 10px #000; z-index: 10; margin: 120px 0 48px calc(50% - 300px);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: 120px; height: 120px; left: 200px; top: 650px; --deg: 1turn; }

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

      .lrcShow{font:normal 28px sans-serif;position:absolute;top:90%;left:15%;color:transparent;filter:drop-shadow(1px 1px 1px Wheat);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:Green;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(120,100%,50%),hsl(120,100%,50%),hsl(120,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/02/19/8e.png" alt="">   
    <img class="dancer" src="https://i.mp3.wf/225765038.gif" alt="" style="left: 0px; top: 0px; ">
<img class="dancer" src="https://i.mp3.wf/225765051.png" alt="" style="width: 300px; height: 67px; left: 50px; top: 100px;">
<img class="dancer" src="https://xlaj.cn/upfile/202411/12/4n.gif" alt="" style="width: 350px; height: 193px; left: 50px; top: 200px;">
      <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 = `
其實都沒有   
看见大家在玩AI制作
也是学习玩一次                     
從什麼都沒有的地方
到什麼都沒有的地方
我們 像沒發生事一樣
自顧地 走在路上
忘掉了的人只是泡沫
用雙手輕輕一觸就破
泛黃 有他泛黃的理由
思念將 越來越薄
你微風中浮現的從前的面容
已被吹送到天空
我在腳步急促的城市之中
依然一個人生活
我也曾經憧憬過 後來沒結果
只能靠一首歌真的在說我
是用那種特別乾啞的喉嚨
唱著淡淡的哀愁
我也曾經做夢過 後來更寂寞
我們能留下的其實都沒有
原諒我用特別滄桑的喉嚨
假裝我很懷舊 假裝我很痛
。。。。。。
從什麼都沒有的地方
到什麼都沒有的地方
我們 像沒發生事一樣
自顧地 走在路上
忘掉了的人只是泡沫
用雙手輕輕一觸就破
泛黃 有他泛黃的理由
思念將 越來越薄
你微風中浮現的從前的面容
已被吹送到天空
我在腳步急促的城市之中
依然一個人生活
我也曾經憧憬過 後來沒結果
只能靠一首歌真的在說我
是用那種特別乾啞的喉嚨
唱著淡淡的哀愁
我也曾經做夢過 後來更寂寞
我們能留下的其實都沒有
原諒我用特別滄桑的喉嚨
假裝我很懷舊 假裝我很痛
我也曾經憧憬過 後來沒結果
只能靠一首歌真的在說我
是用那種特別乾啞的喉嚨
唱著淡淡的哀愁
我也曾經做夢過 後來更寂寞
我們能留下的其實都沒有
原諒我用特別滄桑的喉嚨
假裝我很懷舊 假裝我很痛
其实我真的很怀旧 而且也很痛
。。。。。。


`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://i.mp3.wf/225765115.mp3"
      }
      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>

bgmnet 发表于 2025-3-2 22:22

{:5_150:}好温柔好可爱啊啊啊啊啊

liumang 发表于 2025-3-3 01:42

这个可以一键停止{:5_150:}

liumang 发表于 2025-3-3 01:43

背景是AI制作{:5_150:}

liumang 发表于 2025-3-3 01:43

感谢分享{:5_124:}
页: [1]
查看完整版本: 其實都沒有