小辣椒 发表于 2024-10-16 20:16

刀郎-敢问路在何方DJ (Club Rmx 车载版)

<style>
    #papa { position: relative; width: 1324px; height: 671px; background: #000 url('https://file.uhsea.com/2410/8d2717533e0a180efde6531031074c98Q7.jpg ');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 741px);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: 200px; height: 200px; left: 800px; top: 350px; --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 32px sans-serif;position:absolute;top:50px;left:50%;color:transparent;filter:drop-shadow(1px 1px 1px white);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:darkred;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/202410/15/bfqan.png" alt="">   
    <img class="dancer" src="https://file.uhsea.com/2410/c07d5b42c86ce92992fa33fe63a0c8acRR.gif" alt="" style="left: 0px; top: 0px; ">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt="" style="left: 1000px; top: 140px;">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style="left: 200px; top: 80px;">
    <img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style="left: 500px; top: 170px;">
   <img class="dancer" src="https://file.uhsea.com/2410/51ae5ddeb1677b967cc000d421f213a2AT.png" alt="" style="left: 400px; top: 250px;">
<img class="dancer" src="https://file.uhsea.com/2410/09eeb2ad05a323b8c5fad49319b88124IY.png" alt="" style="left: 974px; top: 325px;">
      
      <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 = `
   你挑着担 我牵着马
迎来日出 送走晚霞
踏平坎坷 成大道
斗罢艰险 又出发 又出发
唻唻唻唻唻唻唻唻唻唻
一番番春秋冬夏
一场场酸甜苦辣
敢问路在何方 路在脚下
敢问路在何方 路在脚下
。。。。。。
你挑着担 我牵着马
迎来日出 送走晚霞
踏平坎坷 成大道
斗罢艰险 又出发 又出发
唻唻唻唻唻唻唻唻唻唻
一番番春秋冬夏
一场场酸甜苦辣
敢问路在何方 路在脚下
敢问路在何方 路在脚下
。。。。。。

`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://aod.cos.tx.xmcdn.com/storages/bf56-audiofreehighqps/25/EC/GAqhAwwK5SsaACAAAAMfk0xU.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>



小辣椒 发表于 2024-10-16 20:17

郁闷，自己看不见图

小辣椒 发表于 2024-10-16 20:23

换了链接，好像刚才论坛卡了

小辣椒 发表于 2024-10-16 20:24

刀迷，上一首刀郎的原唱歌曲，西游记插曲

醉美水芙蓉 发表于 2024-10-16 20:47

梦油 发表于 2024-10-16 20:50

我看到这幅美图了。闪闪的星星很好看。

小辣椒 发表于 2024-10-16 20:58

醉美水芙蓉 发表于 2024-10-16 20:47
小辣椒做得真漂亮！

问好水芙蓉，谢谢欣赏{:4_171:}

小辣椒 发表于 2024-10-16 20:59

梦油 发表于 2024-10-16 20:50
我看到这幅美图了。闪闪的星星很好看。

梦油晚上好，这个图图是沙漠地带，刀郎的西游记主题曲

起个网名好难 发表于 2024-10-16 21:04

https://dingyue.ws.126.net/2019/1117/f41c4906g00q12n55001ic200hs00hsg00hs00hs.gif

红影 发表于 2024-10-16 21:10

动态的背景很漂亮，象征这漫漫的取经路。
刀神的嗓音唱这首歌很好听呢{:4_187:}

红影 发表于 2024-10-16 21:11

欣赏亲爱的好帖{:4_199:}

梦油 发表于 2024-10-17 10:59

小辣椒 发表于 2024-10-16 20:59
梦油晚上好，这个图图是沙漠地带，刀郎的西游记主题曲

这幅图很美。

梦江南 发表于 2024-10-17 12:35

背景图会抖动很酷，刀郎的西游记歌曲还是第一次听。{:4_187:}

梦江南 发表于 2024-10-17 12:35

{:4_199:}赞！

小辣椒 发表于 2024-10-17 21:22

起个网名好难 发表于 2024-10-16 21:04


难难晚上好，谢谢欣赏{:4_187:}

小辣椒 发表于 2024-10-17 21:23

红影 发表于 2024-10-16 21:10
动态的背景很漂亮，象征这漫漫的取经路。
刀神的嗓音唱这首歌很好听呢

刀郎的高音飚上去一点都不吃力，功力在的

小辣椒 发表于 2024-10-17 21:24

梦油 发表于 2024-10-17 10:59
这幅图很美。

谢谢梦油夸奖{:4_187:}

小辣椒 发表于 2024-10-17 21:25

梦江南 发表于 2024-10-17 12:35
背景图会抖动很酷，刀郎的西游记歌曲还是第一次听。

梦江南晚上好，刀郎也是有好多电影插曲的，这首歌就是以前唱的

小辣椒 发表于 2024-10-17 21:25

梦江南 发表于 2024-10-17 12:35
赞！

谢谢~~~~{:4_171:}

红影 发表于 2024-10-17 22:26

小辣椒 发表于 2024-10-17 21:23
刀郎的高音飚上去一点都不吃力，功力在的

是的，他是刀神啊，真厉害{:4_187:}
页: [1] 2
查看完整版本: 刀郎-敢问路在何方DJ (Club Rmx 车载版)