论坛 › 音乐沙龙 › 我知道你走的很辛苦

小辣椒 发表于 2024-10-12 12:51

我知道你走的很辛苦

<style>
#tz {
         position: relative; width: 1291px; height: 654px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2024/10/8/02.jpg');box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 720px);overflow:hidden; border-radius:32px;}

#player {
      position: absolute;
      left: calc(20% - 100px);
      margin: 50pxr;
      bottom: 80px;
      animation: rot 10s linear infinite var(--state);
}
use:nth-child(odd) { --bg: Yellow; }
use:nth-child(even) { --bg: palevioletred; }
@keyframes rot {
      to { transform: rotate(360deg); }
}

#dt2{ position: absolute; width:150px; height: 150px; top: 40px; left: 1000px; }
#dt3{ position: absolute; width: 480px; height: 150px; top: 480px; left: 80px; }
#dt4{ position: absolute; width: 1200px; height: 600px; top: 5px; left: 68px; }


.lrcShow {
      font:normal 30px sans-serif;
      position:absolute;
      right:40%;
         top:88%;
      z-index:9;
      color:#FFFF00;
      filter:drop-shadow(1px 1px 1px black);
      letter-spacing:2px;
      --aniName:bgMove1;
      --durTime:100ms;
      --aniPlayState:running;
      cursor:pointer;
}
.lrcShow::before {
      position:absolute;
      content:attr(data-lrc);
      width:0;
      height:100%;
      left:0%;
      top:0%;
      color:brown;
      background-image:url( );
      -webkit-background-clip:text;
      background-clip:text;
      overflow:hidden;
      white-space:nowrap;
      animation:var(--aniName) var(--durTime) linear forwards;
      animation-play-state:var(--aniPlayState);
}
@keyframes bgMove0 { from { width: 0%; } to { width: 100%; } }
@keyframes bgMove1 { from { width: 0%; } to { width: 100%; } }

</style>

<div id="tz" style="--state: paused;">

      <img class="dynpic" id="dt1" src="https://wj.zp68.com/lxx/yunhua/2024/10/8/02.gif" alt="">
      <img class="dynpic" id="dt4" src="https://xlaj.cn/upfile/202410/01/xiax.gif " alt="">
    <img id="dt2" src="https://wj.zp68.com/lxx/yunhua/2024/10/8/bku.png" alt="" >
   
      <svg id="player" width="120" height="120" viewBox="0 0 200 200">
                <title id="tt">播放/暂停</title>
                <defs>
                        <g id="p1" fill="none" stroke="var(--bg)" stroke-width="4" stroke-linecap="round" stroke-dasharray="4 6">
                              <path id="p1" d="M10 100 Q50 270,100 100 T 190 100">
                                        <animate attributeName="stroke-dashoffset" from="80" to="0" dur="2s" repeatCount="indefinite"></animate>
                              </path>
                        </g>
                </defs>
                <use href="#p1" transform="rotate(0 100 100)"></use>
                <use href="#p1" transform="rotate(30 100 100)"></use>
                <use href="#p1" transform="rotate(60 100 100)"></use>
                <use href="#p1" transform="rotate(90 100 100)"></use>
                <use href="#p1" transform="rotate(120 100 100)"></use>
                <use href="#p1" transform="rotate(150 100 100)"></use>
      </svg>
      <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(\'p\'z l.j(\'3\')){g.n.y=k(){6(2.b){2.b.q.x(2.b);2.b=A;2.5.s=\'\'}6(2.c){2.a=2.c}};g.n.w=k(){v 7=2.a.m(-4);6(7==\'.\')7=7.m(1);6(7==\'u\')7=\'B\';2.r=\'J/\'+7;o 3=l.j(\'3\');o 9=2.9,8=2.8;6(9&&8){6(!2.c){2.c=2.a}3.9=9;3.8=8;3.5.f=2.5.f;3.5.d=2.5.d;3.5.h=2.5.h;3.5.i=2.5.i;3.p(\'D\').F(2,0,0,9,8);G{2.a=3.E(2.r)}C(e){2.H(\'a\');3.5.K=\'I\';2.q.t(3,2);2.5.s=\'0\';2.b=3}}}}',47,47,'||this|canvas||style|if|suff|height|width|src|storeCanvas|storeUrl|left||top|HTMLImageElement|right|bottom|createElement|function|document|substr|prototype|var|getContext|parentElement|type|opacity|insertBefore|jpg|let|stop|removeChild|play|in|null|jpeg|catch|2d|toDataURL|drawImage|try|removeAttribute|absolute|image|position'.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;}('C D=f(){x 4.Z.1n(4,18)};D.19={12:D,Z:f(F){v=F.I.J(/(^\\s*)|(\\s*$)/g,\'\');4.6=w.E(\'.1d\');4.1c=w.E(\'.1f\');4.P=w.E(\'.P\');4.9=4.N(v);4.R(F.1g);4.1e=u},N:f(v){C o=v.J(/(^\\s*)|(\\s*$)/g,"").T(/\\r|\\n|\\r\\n/);C 7=1m 1k();B(V h=0;h<o.e;h++){V q=o.1i(/\\[\\d{1,2}:\\d{2}.\\d{1,3}\\]|\\[\\d{1,2}:\\d{2}\\]/g);l(q){G=o.1j(\']\');l(G>0)I=o.W(G+1);B(m=0;m<q.e;m++){K=q.W(1).J(\']\',\'\').T(/:/);H=(+K)*17+(+K);l(7.e==0&&H!=0){7.S({c:0,z:\'\\1a\\O\\O\\1I\\1J\\1K\\1H\'})}7.S({c:+H.y(2),z:I})}}}7.1F(f(a,b){x(a.c-b.c)});B(k=0;k<7.e-1;k++){7.L=+(7.c-7.c).y(2)}x 7},10:f(A){4.6.1L=4.6.1t.1s=4.9.z;4.6.i.p(\'--1u\',\'1p\'+(4.8%2));4.6.i.p(\'--A\',A+\'s\');4.6.i.p(\'--M\',\'X\');4.8++},R:f(Y){4.5=w.1r("U");4.5.1q=u;4.5.1B=u;4.5.1A=1D;4.5.1C=Y;4.6.1x(4.5);4.8=0;4.5.j(\'1w\',()=>{4.8=0;4.5.t()});4.5.j(\'1z\',()=>{4.9.L=+(4.5.1y-4.9.c).y(2)});4.5.j(\'t\',()=>{4.6.i.p(\'--M\',\'X\')});4.5.j(\'1o\',()=>{l(4.8==1&&4.5.Q<1){4.5.t();x u}4.6.i.p(\'--M\',\'1v\')});4.5.j(\'1M\',()=>{1G.1E("U 16, 15 t 11 13");4.6.i.14=\'1b\';4.6.1l(4)});4.5.j(\'1h\',()=>{l(4.8<4.9.e){l(4.5.Q>=4.9.c){4.10(4.9.L)}}})}}',62,111,'||||this|mObj|lrcShowObj|lrcs|idx|lrcVec|||seconds||length|function||index|style|addEventListener||if|||parts|setProperty|chkTime|||play|false|lyricTxt|document|return|toFixed|words|durTime|for|var|lrcPlayerY|querySelector|opts|tIdx|_0|lrcTxt|replace|ta|dur|aniPlayState|handleLrc|u0020|progMeter|currentTime|genPlayer|push|split|audio|let|substr|running|mUrl|init|showLrc|start|constructor|event|display|remove|wrong|60|arguments|prototype|u00A9|none|indicator|lrcShow|mseek|slider|audioURL|timeupdate|match|lastIndexOf|Array|removeChild|new|apply|pause|bgMove|loop|createElement|lrc|dataset|aniName|paused|ended|appendChild|duration|canplay|autoplay|muted|src|true|log|sort|console|u8f7b|u4e5f|u66fe|u5e74|innerHTML|error'.split('|'),0,{}))

let lrctxt = `
你别哭 你别哭
我知道你走的很辛苦
那种身心上的疲惫和无助
是旁人感受不到的难处
。。。。。。
我知道 你坚强的背后
一定藏着很多脆弱
我知道 你懂事的背后
一定藏着很多失落
我知道 你笑容的背后
一定藏着很多难过
有时候会莫名眼泪滑落
却不知该怎么诉说
你别哭 你别哭
我知道你走的很辛苦
那种身心上的疲惫和无助
是旁人感受不到的难处
抱一抱 你别哭
你的辛苦我也有感触
我们都在面对生活的残酷
请咬咬牙关一起撑住
。。。。。。
我知道 你笑容的背后
一定藏着很多难过
有时候会莫名眼泪滑落
却不知该怎么诉说
你别哭 你别哭
我知道你走的很辛苦
那种身心上的疲惫和无助
是旁人感受不到的难处
抱一抱 你别哭
你的辛苦我也有感触
我们都在面对生活的残酷
请咬咬牙关一起撑住
你别哭 你别哭
我知道你走的很辛苦
那种身心上的疲惫和无助
是旁人感受不到的难处
抱一抱 你别哭
你的辛苦我也有感触
我们都在面对生活的残酷
请咬咬牙关一起撑住
谢谢欣赏`;
                  
let opts = {
      lrcTxt:lrctxt,
      audioURL:"https://wj.zp68.com/lxx/yunhua/2024/10/8/01.mp3"
}
let yP = new lrcPlayerY(opts);
var dynpics = document.querySelectorAll('.dynpic');

player.onclick = () =>{dynpics.forEach(pic => yP.mObj.paused ? pic.play() : pic.stop()); yP.mObj.paused ? (yP.mObj.play(), player.unpauseAnimations()) : (yP.mObj.pause(), player.pauseAnimations())}
</script>

小辣椒 发表于 2024-10-12 12:54

最近网络最热的一首歌。无论刀郎演唱会的氛围还是国家女乒没有得冠，这首歌出现的太高了，也是算一种安慰和鼓励吧

小辣椒 发表于 2024-10-12 12:56

@走过岁月

岁月其实今天做这个帖是想送你的，但发现流泪的是女的，有点不符了，但现在送你这首歌也是很恰当的，好好保重自己。。。。。{:4_179:}

马黑黑 发表于 2024-10-12 13:25

菇凉泪腺很发达{:4_170:}

红影 发表于 2024-10-12 13:28

这歌词很实在，的确会让人听了心里有种安慰。
动画和歌词以及小播都漂亮。
欣赏亲爱的好帖{:4_199:}

起个网名好难 发表于 2024-10-12 13:48

https://hbimg.huaban.com/5108f0efd551cd22699e22f21248d766b152825f2a03f-43EnDo_fw658

小辣椒 发表于 2024-10-12 14:11

马黑黑 发表于 2024-10-12 13:25
菇凉泪腺很发达

哈哈。是的，黑黑好{:4_180:}

小辣椒 发表于 2024-10-12 14:12

红影 发表于 2024-10-12 13:28
这歌词很实在，的确会让人听了心里有种安慰。
动画和歌词以及小播都漂亮。
欣赏亲爱的好帖

亲爱的，这首歌现在是网络热歌，出屏率非常高，小辣椒就玩一下了{:4_173:}

小辣椒 发表于 2024-10-12 14:13

起个网名好难 发表于 2024-10-12 13:48


难难好，这个图图也是动图，颜色特别靓丽

谢谢难难欣赏{:4_187:}

梦江南 发表于 2024-10-12 14:43

女的哭得好伤心！{:4_187:}

梦油 发表于 2024-10-12 14:44

中国女乒失利责任不在球员。领队和教练根本不懂得保护球员。

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

小辣椒 发表于 2024-10-12 14:12
亲爱的，这首歌现在是网络热歌，出屏率非常高，小辣椒就玩一下了

嗯嗯，好听{:4_187:}

醉美水芙蓉 发表于 2024-10-12 16:42

亚伦影音工作室 发表于 2024-10-12 21:07

不知道咋了我看不到图片！

小辣椒 发表于 2024-10-13 16:30

梦江南 发表于 2024-10-12 14:43
女的哭得好伤心！

{:4_173:}

加了个流泪的效果

小辣椒 发表于 2024-10-13 16:33

梦油 发表于 2024-10-12 14:44
中国女乒失利责任不在球员。领队和教练根本不懂得保护球员。

梦油也是每天看乒乓球比赛吧，确实这次莎莎太累了。手臂受伤开始还是要她打封闭了再比赛，是莎莎老家体育局出面提出回省里面医治的

小辣椒 发表于 2024-10-13 16:34

红影 发表于 2024-10-12 16:21
嗯嗯，好听

继续欣赏{:4_208:}

花飞飞 发表于 2024-10-13 16:34

赏乐，支持小辣椒，我没看到图片。。{:4_173:}好晕呀。。

小辣椒 发表于 2024-10-13 16:34

醉美水芙蓉 发表于 2024-10-12 16:42
眼泪特效好逼真！

谢谢水芙蓉欣赏{:4_171:}

小辣椒 发表于 2024-10-13 16:35

亚伦影音工作室 发表于 2024-10-12 21:07
不知道咋了我看不到图片！

应该没有问题的，发的朋友群没有一个人说看不见图的

查看完整版本: 我知道你走的很辛苦