小辣椒 发表于 2026-1-27 21:22

最真的梦(女生深情版) 歌手：林栖


<style>
    #papa { position: relative; width: 1278px; height: 645px; background: #000 url('https://xlaj.cn/upfile/2026/01/10/01.jpg');
   box-shadow: 2px 2px 6px #000; z-index: 1; margin: 140px 0 48px calc(50% - 720px);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: 88px;--deg: 1turn; }
    #Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #1b28d3); --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;bottom: 86%; left:38%;color:transparent;filter:drop-shadow(1px 2px 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:Lavender;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,90%));-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/2026/01/10/ann.png" alt="">   
    <img class="dancer" src="https://xlaj.cn/upfile/2026/01/10/01.gif" alt="" style="left: 0px; top: 0px; width:99.9%;">
   
   <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 950px; top: 120px;" />
    <img class="dancer" src="https://xlaj.cn/upfile/2026/01/10/bt.png" alt="" style="left: 35px; top: 72px;" />
      <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 950px; top: 120px;" />
      <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 = `
最真的梦(女生深情版)
作词：陈桂珠
作曲：罗大佑
原唱：周华健
演唱：林栖      
今夜微风轻送
把我的心吹动
多少尘封的往日情
重回到我心中
往事随风飘送
把我的心刺痛
你是那美梦难忘记
深藏在记忆中
总是要历经百转和千回
才知情深意浓
总是要走遍千山和万水
才知何去何从
为何等到错过多年以后
才明白自己最真的梦
是否还记得我
还是已忘了我
今夜微风轻轻送
吹散了我的梦
LRC编辑：小辣椒
今夜微风轻送
把我的心吹动
多少尘封的往日情
重回到我心中
往事随风飘送
把我的心刺痛
你是那美梦难忘记
深藏在记忆中
总是要历经百转和千回
才知情深意浓
总是要走遍千山和万水
才知何去何从
为何等到错过多年以后
才明白自己最真的梦
是否还记得我
还是已忘了我
今夜微风轻轻送
吹散了我的梦
谢谢欣赏


`;                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://xlaj.cn/upfile/2026/01/10/01.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>

小辣椒 发表于 2026-1-27 21:23

歌手：林栖翻唱的一首老歌{:4_208:}

红影 发表于 2026-1-27 23:03

这么多漂亮的效果，尤其，小播下面还有颗闪烁的星，太棒了。
欣赏亲爱的好帖{:4_199:}

杨帆 发表于 2026-1-27 23:44

制作精致，效果精美，谢谢小辣椒精彩分享{:4_204:}

也曾年轻 发表于 2026-1-28 11:01

https://pic.rmb.bdstatic.com/bjh/news/326ae2bec9671132af35e8a83bd451d4.gif

梦油 发表于 2026-1-28 11:03

这是一幅很有个性的画面，设计有独到之处。

偶然~ 发表于 2026-1-28 11:17

来欣赏精品佳作！

偶然~ 发表于 2026-1-28 11:17

制作大气磅礴！

偶然~ 发表于 2026-1-28 11:17

太棒了！玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】

偶然~ 发表于 2026-1-28 11:17

期待小辣椒佳作频出！

偶然~ 发表于 2026-1-28 11:17

感谢小辣椒带来的精彩，辛苦了！祝您和家人岁岁安康，幸福吉祥！

偶然~ 发表于 2026-1-28 11:17

早晨的回帖，是健康的告知，是快乐的开始，是真心的问侯，是心语的展示。心在，缘在，祝福在。早安吉祥！

梦江南 发表于 2026-1-28 11:24

这么多元素能一键暂停，真好！小辣椒真棒,{:4_187:}

亦是金 发表于 2026-1-28 17:29

问好小辣椒！很有特色的播放器，欣赏点赞学习！{:4_187:}

了了子 发表于 2026-1-28 23:26

欣赏小辣椒美贴，祝福小辣椒健康美丽，佳作多多！{:4_204:}{:4_204:}{:4_204:}

小辣椒 发表于 2026-1-29 15:05

了了子 发表于 2026-1-28 23:26
欣赏小辣椒美贴，祝福小辣椒健康美丽，佳作多多！

看见老师来了，谢谢老师关心，谢谢欣赏和支持{:4_187:}
页: [1]
查看完整版本: 最真的梦(女生深情版) 歌手：林栖