小辣椒 发表于 2024-8-10 14:03

见一面少一面（DJ 何友版)


<style>
    #papa { position: relative; width: 1198px; height: 710px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2024/08/10/04.jpg');
      box-shadow: 2px 2px 6px #000; z-index: 1; margin: 140px 0 20px calc(50% - 681px); 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; right:3%; bottom: 14%; --deg: 1turn; }

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


      .lrcShow{font:normal 26px sans-serif;position:absolute;right:5%;top:20%;writing-mode: vertical-rl;z-index:99;color:transparent;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;}
      .lrcShow::before{writing-mode: vertical-rl;position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(240,100%,60%),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%;}}      
      
      @keyframes bgMove0 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
      @keyframes bgMove1 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
</style>
<div id="papa" style="--state: running;">
   
    <img id="Player" src="https://wj1.zp68.com:812/lxx/yunhua/2023/10/25/ann.png" alt="" title="暂停">
   
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/08/10/04.gif" alt="" style="left: 0px; top: 0px; ">

      <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xx.jpg" alt="" style="left: 1100px; top: 70px;">
   
      <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 200px; top: 80px;">
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 850px; top: 200px;">
      
      <div class="lrcShow" data-lrc="见一面少一面（DJ 何友版" style="--aniPlayState: running; --aniName: bgMove1; --durTime: 4.96s;">见一面少一面（DJ 何友版</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 何友版)
歌手：黑大婶回乡带娃
作词：王羽泽 作曲：王羽泽
转过了多少流年才遇见
错过了多少人你才出现
月亮照南边北边
心一半缺一半圆
这一面我们等了几十年
前世的约定在今生兑现
重要的人别急着说再见
有人为爱求过签
有人为情许过愿
这一次别让遗憾成永远
有些人不会再遇见
能见一面就见一面
不是每次的离别
都会等到重逢那天
有些人要多爱一点
手放开了就会走远
也许一个转身一辈子不见
。。。。。。
风总是吹不到终点
爱总是做不到成全
掉了往事的时间
丢了青涩的誓言
这一生留下了多少亏欠
有些人不会再遇见
能见一面就见一面
不是每次的离别
都会等到重逢那天
有些人要多爱一点
手放开了就会走远
也许一个转身一辈子不见
有些人不会再遇见
能见一面就见一面
不是每次的离别
都会等到重逢那天
有些人要多爱一点
手放开了就会走远
也许一个转身一辈子不见
也许一个转身一辈子都不会再见
谢谢欣赏

`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://disk.111t.net/filestores/2024/08/07/59c76fd620a23d828f638e09e1b79d92.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>

小辣椒 发表于 2024-8-10 14:18

同一首了

liumang 发表于 2024-8-10 19:51

{:5_152:}{:5_152:}{:5_152:}

liumang 发表于 2024-8-10 19:52

{:5_150:}{:5_150:}{:5_150:}

小辣椒 发表于 2024-8-12 22:08

liumang 发表于 2024-8-10 19:52


谢谢~~~鼓励！{:5_154:}

liumang 发表于 2024-8-13 23:57

小辣椒 发表于 2024-8-12 22:08
谢谢~~~鼓励！

小辣椒辛苦了{:5_144:}

小辣椒 发表于 2024-8-14 21:47

liumang 发表于 2024-8-13 23:57
小辣椒辛苦了

没有辛苦，可惜玩就好

小辣椒 发表于 2024-9-20 22:13

这个好像标题不一样
页: [1]
查看完整版本: 见一面少一面（DJ 何友版)