最怕(女版Live 合唱版)-媛小小
本帖最后由 小辣椒 于 2024-9-22 21:00 编辑 <br /><br /><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>
嘿嘿嘿 新作品爱了爱了{:5_140:} bgmnet 发表于 2024-9-22 21:26
嘿嘿嘿 新作品爱了爱了
必须爱啊，这么好听的歌曲{:5_141:} 图图做的漂亮{:5_150:}{:5_150:}{:5_150:} 歌词比较现实{:6_181:}{:6_181:}{:6_181:} liumang 发表于 2024-9-23 20:49
歌词比较现实
哈哈~~~感觉怎么样{:5_128:} 好美的音画，点赞！
老谟深虑 发表于 2024-9-27 11:24
好美的音画，点赞！
谢谢老谟欣赏~~{:5_152:}
页:
[1]