小辣椒 发表于 2025-2-23 17:25

潮湿的心(Live 合唱版) TO:红影

<style>
    #papa { position: relative; width: 1438px; height: 803px; background: #666 url('https://wj.zp68.com/lxx/yunhua/2025/02/21/0F.jpg');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 790px);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: 70px; height: 70px; left: 300px; 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 25px sans-serif;position:absolute;top:90%;left:5%;color:transparent;filter:drop-shadow(1px 1px 1px Gray);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:Peru;color:Chocolate;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://wj.zp68.com/lxx/yunhua/2025/02/21/an.png" alt="">   
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2025/02/21/0F.gif" alt="" style="left: 0px; top: 0px; ">
<img class="dancer" src="https://xlaj.cn/upfile/202411/12/4n.gif" alt="" style="width: 350px; height: 193px; left: 1050px; top: 40px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2025/02/21/hua.gif" alt="" style="width: 70px; height: 70px; left: 220px; top: 40px;">
      <div class="lrcShow" data-lrc="潮湿的心(Live 合唱版)-吴琳Lin">潮湿的心(Live 合唱版)-吴琳Lin</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 = `
   
潮湿的心(Live 合唱版)-吴琳Lin
作词:李广平
作曲:兰斋
是什么淋湿了我的眼睛
看不清你远去的背影
是什么冰冷了我的心情
握不住你从前的温馨
是雨声喧哗了我的安宁
听不清自己哭泣的声音
是雨伞美丽了城市的风景
留不住身边匆忙的爱情
谁能用爱烘开我这颗潮湿的心
给我一声问候 一点温情
谁能用心感受我这份滴水的痴情
给我一片晴空 一声叮咛
谁能用爱烘开我这颗潮湿的心
给我一声问候 一点温情
谁能用心感受我这份滴水的痴情
给我一片晴空 一声叮咛
。。。。。。
是雨声喧哗了我的安宁
听不清自己哭泣的声音
是雨伞美丽了城市的风景
留不住身边匆忙的爱情
谁能用爱烘开我这颗潮湿的心
给我一声问候 一点温情
谁能用心感受我这份滴水的痴情
给我一片晴空 一声叮咛
谁能用爱烘开我这颗潮湿的心
给我一声问候 一点温情
谁能用心感受我这份滴水的痴情
给我一片晴空 一声叮咛
谢谢欣赏!

`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://wj.zp68.com/lxx/yunhua/2025/02/21/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>

小辣椒 发表于 2025-2-23 17:26

@红影

亲爱的,论坛的小蜜蜂,每天起早贪黑辛勤的付出,辛苦了!

小辣椒 发表于 2025-2-23 17:27

感觉很好听的一首歌,有和唱就感觉听起来特别舒服,希望你会喜欢{:4_179:}

红影 发表于 2025-2-23 17:43

小辣椒 发表于 2025-2-23 17:27
感觉很好听的一首歌,有和唱就感觉听起来特别舒服,希望你会喜欢

谢谢亲爱的,上来看到有礼物,真的太开心了{:4_179:}

红影 发表于 2025-2-23 17:45

非常好听的歌曲,这制作的场景也好美了,有飘落的红叶,还有鸟巢里一只可爱的鸟儿呢。
所有动态能一键全控,这个太美了{:4_199:}

红影 发表于 2025-2-23 17:48

很喜欢这样的场景,悠闲而宁静的午后感觉,这女子的围巾和衣裳很搭,这样的衣着很休闲,是我喜欢的风格。这首合唱歌曲也喜欢,这个帖子太喜欢了{:4_199:}

红影 发表于 2025-2-23 17:50

在一个安静美丽的地方,随意看本书,这样的时光很令人着迷{:4_187:}

小辣椒 发表于 2025-2-23 17:52

红影 发表于 2025-2-23 17:43
谢谢亲爱的,上来看到有礼物,真的太开心了

哇塞,还这么客气啊,我是空间好了赶紧做一个,就想送你的{:4_179:}

小辣椒 发表于 2025-2-23 17:53

红影 发表于 2025-2-23 17:45
非常好听的歌曲,这制作的场景也好美了,有飘落的红叶,还有鸟巢里一只可爱的鸟儿呢。
所有动态能一键全控 ...

我也是喜欢这首歌,应该不是最近的新歌了

小辣椒 发表于 2025-2-23 17:54

红影 发表于 2025-2-23 17:48
很喜欢这样的场景,悠闲而宁静的午后感觉,这女子的围巾和衣裳很搭,这样的衣着很休闲,是我喜欢的风格。这 ...

我原图素材给你,你也是做一个?

杨帆 发表于 2025-2-23 19:49

一直喜欢的一首歌,谢谢小辣椒精彩分享,祝影子收礼开心{:4_204:}

杨帆 发表于 2025-2-23 20:19

红影 发表于 2025-2-23 17:45
非常好听的歌曲,这制作的场景也好美了,有飘落的红叶,还有鸟巢里一只可爱的鸟儿呢。
所有动态能一键全控 ...

我也有同感,尤其多动态一键全控小辣椒做的最好,赞一个{:4_204:}

朵拉 发表于 2025-2-23 20:23

自己设计的画面就是赞,欣赏学习咯{:4_204:}

朵拉 发表于 2025-2-23 20:23

歌曲好听,影宝收礼开心{:4_204:}

绿叶清舟 发表于 2025-2-23 20:30

辣椒这个图的色彩太喜欢了,这么多效果很和谐啊

红影 发表于 2025-2-23 20:55

小辣椒 发表于 2025-2-23 17:52
哇塞,还这么客气啊,我是空间好了赶紧做一个,就想送你的

特别喜欢这个场景,这个真太美了{:4_187:}

红影 发表于 2025-2-23 20:56

小辣椒 发表于 2025-2-23 17:53
我也是喜欢这首歌,应该不是最近的新歌了

只要好听就好啊,管是什么时候的歌呢{:4_173:}

红影 发表于 2025-2-23 20:57

小辣椒 发表于 2025-2-23 17:54
我原图素材给你,你也是做一个?

算了,我做不好的,在亲爱的帖子里欣赏就好{:4_187:}

红影 发表于 2025-2-23 20:58

杨帆 发表于 2025-2-23 20:19
我也有同感,尤其多动态一键全控小辣椒做的最好,赞一个

谢谢杨帆,是啊,尤其这个特别漂亮呢{:4_187:}

红影 发表于 2025-2-23 20:58

朵拉 发表于 2025-2-23 20:23
歌曲好听,影宝收礼开心

谢谢朵宝,我们一起开心{:4_185:}
页: [1] 2 3
查看完整版本: 潮湿的心(Live 合唱版) TO:红影