小辣椒 发表于 2024-11-12 22:15

伤了你的心的我伤心(DJ波仔版) 歌手：孟庭苇 TO：冬天的雨


<style>
    #papa { position: relative; width: 1440px; height: 800px; background: #000 url('https://xlaj.cn/upfile/202411/12/ca.jpg ');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 150px 0 48px calc(50% - 801px);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: 1150px; top: 550px; --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:70px;left:55%;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:SeaGreen;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/202411/12/axz.png" alt="">   
    <img class="dancer" src="https://xlaj.cn/upfile/202411/12/ca.jpg " 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: 1000px; top: 50px;">
    <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;">
      
      <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 = `
   伤了你的心的我伤心(DJ波仔版)
歌手：孟庭苇
帖赠：冬天的雨   
三月的花都已经凋谢了
四月星星坠落你眼睛
五月的雨为你下不停
六月天空轻轻在哭泣
等到七月开始下雪
我知道我这次
真的真的伤了你的心
怎么让你伤心伤了你的心
我的心好伤心
怎么让你伤心伤了你的心
我的心好伤心
找不到你
我的世界不再美丽
找不到你
我的世界不再美丽
。。。。。。
三月的花都已经凋谢了
四月星星坠落你眼睛
五月的雨为你下不停
六月天空轻轻在哭泣
等到七月开始下雪
我知道我这次
真的真的伤了你的心
怎么让你伤心伤了你的心
我的心好伤心
怎么让你伤心伤了你的心
我的心好伤心
找不到你
我的世界不再美丽
找不到你
我的世界不再美丽
。。。。。。

`;
                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://aod.cos.tx.xmcdn.com/storages/304e-audiofreehighqps/49/CA/GMCoOR8JwHQCACAAAAK0WNSh.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-11-12 22:19

@冬天的雨

谢谢冬雨的礼物，小辣椒不会经常做帖的，黑黑许多教程都没有看过的，一下子也是玩不了了，就是玩也是只能自己的那些老播放器了

被冬雨感动，一下子做了三个帖，这个是什么概念？几乎你半年时间的发帖量{:4_170:}

今天特意做个简单的DJ音乐，一起欢庆一下，{:4_172:}

小辣椒 发表于 2024-11-12 22:20

好了，准备下了休息去了{:4_179:}

红影 发表于 2024-11-12 22:37

图图里的人物好帅啊，这个就是冬小雨吧。{:4_173:}

红影 发表于 2024-11-12 22:38

音乐好听，制作漂亮。冬小雨快来收礼了@冬天的雨 {:4_187:}

红影 发表于 2024-11-12 22:39

这个制作真漂亮，欣赏亲爱的好帖{:4_199:}

杨帆 发表于 2024-11-12 22:45

好听好看，祝冬天的雨版主收礼愉快，谢谢小辣椒管理员精彩分享{:4_204:}

醉美水芙蓉 发表于 2024-11-12 22:49

起个网名好难 发表于 2024-11-13 06:19

https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif

梦油 发表于 2024-11-13 09:26

图中的小帅哥是冬雨吗？

小辣椒 发表于 2024-11-13 20:02

红影 发表于 2024-11-12 22:37
图图里的人物好帅啊，这个就是冬小雨吧。

亲爱的，你想我说真话还是假话{:4_170:}

小辣椒 发表于 2024-11-13 20:04

红影 发表于 2024-11-12 22:38
音乐好听，制作漂亮。冬小雨快来收礼了@冬天的雨

我也是感觉这DJ音乐特别好听，铃铛般的清脆悦耳{:4_208:}

小辣椒 发表于 2024-11-13 20:04

红影 发表于 2024-11-12 22:39
这个制作真漂亮，欣赏亲爱的好帖

谢谢亲爱的鼓励和支持{:4_173:}

小辣椒 发表于 2024-11-13 20:05

杨帆 发表于 2024-11-12 22:45
好听好看，祝冬天的雨版主收礼愉快，谢谢小辣椒管理员精彩分享

问好杨帆，谢谢欣赏和支持{:4_187:}

小辣椒 发表于 2024-11-13 20:06

醉美水芙蓉 发表于 2024-11-12 22:49
素材好漂亮！欣赏小辣椒的精彩！

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

小辣椒 发表于 2024-11-13 20:07

起个网名好难 发表于 2024-11-13 06:19


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

小辣椒 发表于 2024-11-13 20:08

梦油 发表于 2024-11-13 09:26
图中的小帅哥是冬雨吗？

梦油晚上好，谢谢欣赏，冬雨说了今天晚上会上来收礼，你看看他怎么回答{:4_172:}

冬天的雨 发表于 2024-11-13 20:23

小辣椒 发表于 2024-11-12 22:19
@冬天的雨

谢谢冬雨的礼物，小辣椒不会经常做帖的，黑黑许多教程都没有看过的，一下子也是玩不了了，就 ...

收礼来了，谢谢小辣椒{:4_179:}

嘿嘿，是夸冬雨还是打击冬雨{:4_203:}，做三个帖是因为冬雨在马老师面前吹牛了，说一天可以做三个帖，结果还是二天完成的，只能硬着头皮完成，半年的发帖量应该不止的{:4_172:}

冬天的雨 发表于 2024-11-13 20:24

车载音乐真好听{:4_208:}

冬天的雨 发表于 2024-11-13 20:27

红影 发表于 2024-11-12 22:37
图图里的人物好帅啊，这个就是冬小雨吧。

谢谢美女，冬雨本来就是帅的不要不要的{:4_170:}
页: [1] 2 3
查看完整版本: 伤了你的心的我伤心(DJ波仔版) 歌手：孟庭苇 TO：冬天的雨