最怕(女版Live 合唱版)-媛小小 :小风
<style>#papa { position: relative; width: 1400px; height: 768px; background: #000 url('https://xlaj.cn/upfile/202409/22/09.jpg');box-shadow: 4px 4px 10px #000; z-index: 1; margin: 150px 0 48px calc(50% - 781px);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: 100px; height: 100px; left: 48%; 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 25px sans-serif;position:absolute;bottom: 260px; left:14%;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;background-image:linear-gradient(45deg,hsl(0,100%,50%),hsl(240,100%,50%),hsl(240,100%,50%),hsl(240,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/202409/22/annl.png" alt="">
<img class="dancer" src="https://xlaj.cn/upfile/202409/22/ye.gif" alt=""style="width: 180px; height: 240px; left: 1220px;top: 0px;">
<img class="dancer" src="https://xlaj.cn/upfile/202409/22/ye.gif" alt=""style="width: 180px; height: 240px;left: 1200px;top: 50px;">
<img class="dancer" src="https://xlaj.cn/upfile/202409/22/bird3.gif" alt=""style="width: 120px; height: 106px; left: 250px; top: 50px;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt=""style="width: 12px; height: 12px; left: 329px; top: 280px;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt=""style="width: 12px; height: 12px; left: 320px; top: 297px;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt=""style="width: 32px; height: 32px; left: 960px; top: 205px;">
<div class="lrcShow" data-lrc="最怕(女版Live 合唱版) ">最怕(女版Live 合唱版)</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 合唱版)
最怕深夜家里打来电话
最怕老人身体日渐变差
最怕没钱养家最怕枕边人骂
最怕孩子不听话
最怕医院做个全身检查
最怕自己哪天突然倒下
最怕长出白发最怕皱纹上爬
最怕自己无人牵挂
。。。。。。
为了生活离开家
独自漂泊在天涯
再苦再累都不怕
全家张口等着我啊
哪怕生病不请假
肩上责任太重大
一人挣钱一家花
有泪只能偷偷的擦
最怕深夜家里打来电话
最怕老人身体日渐变差
最怕没钱养家最怕枕边人骂
最怕孩子不听话
最怕医院做个全身检查
最怕自己哪天突然倒下
最怕长出白发最怕皱纹上爬
最怕自己无人牵挂
最怕医院做个全身检查
最怕自己哪天突然倒下
最怕长出白发最怕皱纹上爬
最怕自己无人牵挂
最怕自己无人牵挂
谢谢欣赏
`;
let opts = {
lrcTxt:lrctxt,
audioURL:"https://aod.cos.tx.xmcdn.com/storages/a6a4-audiofreehighqps/96/52/GAqhSt4KxO4-ACAAAAMTXegN.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>
@风中飞尘 @东篱闲人
老头帮忙看看标题字,然后指出应该怎么修改 哇,,漂亮,,音乐好听谢谢,{:4_366:},{:4_199:}{:4_199:} 哇,,漂亮,,音乐好听谢谢,{:4_366:},{:4_199:}{:4_199:} 这歌曲真实在。制作漂亮,动态素材运用得到。
欣赏亲爱的好帖{:4_199:} 风中飞尘 发表于 2024-9-22 21:13
哇,,漂亮,,音乐好听谢谢,,
小风今天是速度的,晓得回帖收礼了{:4_173:} 风中飞尘 发表于 2024-9-22 21:13
哇,,漂亮,,音乐好听谢谢,,
手机回帖吧,一下子回了二次 醉美水芙蓉 发表于 2024-9-22 21:28
小辣椒的动图做得真好看!不知道是不是用的PS做得?
这个不是动图啊,就是一般ps制作的单图
平时动图是在软件里面制作的 红影 发表于 2024-9-22 21:28
这歌曲真实在。制作漂亮,动态素材运用得到。
欣赏亲爱的好帖
亲爱的,你一看就明白了,今天这个是ps制作的单图,外加的小动图 小辣椒 发表于 2024-9-22 21:38
亲爱的,你一看就明白了,今天这个是ps制作的单图,外加的小动图
亲爱的ps制作也很漂亮呢{:4_187:} 帖子漂亮,歌曲很有意思 https://dingyue.ws.126.net/2019/1117/f41c4906g00q12n55001ic200hs00hsg00hs00hs.gif 晚点病,快点死。
我最怕长期卧床。 {:4_199:}谢谢分享! 欣赏老师的漂亮大图音画!{:4_187:} 这么多怕好象是人人都怕的了{:4_189:} 辣椒这个图图整体看起来太舒服了 红影 发表于 2024-9-22 22:44
亲爱的ps制作也很漂亮呢
现在的ps肯定不算漂亮了,以前的基本忘记了,主要旧图反复做有点看厌了,再重新做几个出来,都是几个图层就完工的,不能和高手们比的