见一面少一面（DJ音乐欣赏）
<style>
#papa { position: relative; width: 1198px; height: 710px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2024/08/10/04.jpg');
box-shadow: 2px 2px 6px #000; z-index: 1; margin: 140px 0 20px calc(50% - 681px); 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: 80px; height: 80px; right:3%; bottom: 14%; --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 26px sans-serif;position:absolute;right:5%;top:20%;writing-mode: vertical-rl;z-index:99;color:transparent;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;}
.lrcShow::before{writing-mode: vertical-rl;position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(240,100%,60%),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%;}}
@keyframes bgMove0 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
@keyframes bgMove1 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
</style>
<div id="papa" style="--state: running;">
<img id="Player" src="https://wj1.zp68.com:812/lxx/yunhua/2023/10/25/ann.png" alt="" title="暂停">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/08/10/04.gif" alt="" style="left: 0px; top: 0px; ">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xx.jpg" alt="" style="left: 1100px; top: 70px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 200px; top: 80px;">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 850px; top: 200px;">
<div class="lrcShow" data-lrc="见一面少一面（DJ 何友版" style="--aniPlayState: running; --aniName: bgMove1; --durTime: 4.96s;">见一面少一面（DJ 何友版</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://disk.111t.net/filestores/2024/08/07/59c76fd620a23d828f638e09e1b79d92.mp3"
}
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> @走过岁月
岁月我加上小人动图你那音乐上去感觉不相配了，换一首抖音热曲，DJ音乐了{:4_173:} 指针频谱漂亮，感谢岁月分享{:4_179:} 小辣椒朋友七夕快乐！ 真赞！欣赏学习了！{:4_187:} 动态人物加得很赞。 https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif 这个漂亮，指针频谱加跳舞小人，还有添加的额外视频已经竖向歌词。
亲爱的这个帖子亮点多多，太赞了{:4_199:} 小辣椒 发表于 2024-8-10 13:51
@走过岁月
岁月我加上小人动图你那音乐上去感觉不相配了，换一首抖音热曲，DJ音乐了
嗯，反正做到协调就好 小辣椒 发表于 2024-8-10 13:52
指针频谱漂亮，感谢岁月分享
不客气 {:4_179:} 不错，小辣椒总是发挥得淋漓尽致，表扬一下 梦油 发表于 2024-8-10 14:36
小辣椒朋友七夕快乐！
梦油晚上好，七夕快乐~~
其实小辣椒从来没有过七夕这个节的{:4_170:} 梦江南 发表于 2024-8-10 16:24
真赞！欣赏学习了！
问好梦江南，一起学习{:4_187:} 梦江南 发表于 2024-8-10 16:24
动态人物加得很赞。
主要是增加画面的灵动感 起个网名好难 发表于 2024-8-10 17:53
问好难难，晚上好{:4_187:} 红影 发表于 2024-8-10 21:54
这个漂亮，指针频谱加跳舞小人，还有添加的额外视频已经竖向歌词。
亲爱的这个帖子亮点多多，太赞了{:4_19 ...
亲爱的晚上好，主要岁月的指针频谱漂亮 走过岁月 发表于 2024-8-11 13:09
嗯，反正做到协调就好
是的，没有这个小人动图肯定要和指针频谱相配音乐节奏的。 走过岁月 发表于 2024-8-11 13:09
不客气
{:4_172:}{:4_205:}{:4_196:}{:4_189:} 走过岁月 发表于 2024-8-11 13:11
不错，小辣椒总是发挥得淋漓尽致，表扬一下
哇塞，有岁月表扬太开心的{:4_179:} 小辣椒 发表于 2024-8-11 21:07
亲爱的晚上好，主要岁月的指针频谱漂亮
亲爱的构思也很棒{:4_187:}
页:
[1]
2