你爱唱的那首歌--翻唱：樵歌
<style>#papa { position: relative; width: 842px; height: 646px; background: #000 url('https://xlaj.cn/upfile/202411/16/bj.jpg ');
box-shadow: 4px 4px 10px #000; z-index: 1; margin: 130px 0 48px calc(50% - 500px);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: 110px; height: 110px; left: 30px; top: 510px; --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 28px sans-serif;position:absolute;top:50px;left:40%;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:Blue;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(60,100%,50%),hsl(120,100%,50%),hsl(180,100%,50%),hsl(240,100%,90%));-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/16/e7.png" alt="">
<img class="dancer" src="https://xlaj.cn/upfile/202411/16/bj.gif " alt="" style="left: 0px; top: 0px; ">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt="" style="left: 1000px; top: 140px;">
<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;">
<img class="dancer" src="https://xlaj.cn/upfile/202411/16/003.gif" alt="" style="left: 620px; top: 305px;">
<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 = `
你爱唱的那首歌
原唱：狼戈
翻唱：樵哥
新疆民歌
等待是那样漫长
我的思念飞向远方
孤单的我
走在河边
听风唱着你的歌
孤单的我
走在河边
听风唱着你的歌
等待是那样漫长
我的思念飞向远方
孤单的我
走在河边
听风唱着你的歌
孤单的我
走在河边
听风唱着你的歌
我的爱在哪里
最亲爱的人呢
你爱唱的那一首歌
乌鲁木齐可以听到
你爱唱的那一首歌
常在我心里响起
。。。。。。
望着你留下的相片
我的眼泪流不停
回来吧
我亲爱的莎乌列
回到那相爱的晚上
回来吧
我亲爱的莎乌列
回到那相爱的晚上
望着你留下的相片
我的眼泪流不停
回来吧
我美丽的莎乌列
乌鲁木齐九月记着你
回来吧
我美丽的莎乌列
乌鲁木齐九月记着你
我的爱在哪里
亲爱的莎乌列在哪里
让我弹冬不拉你歌唱
相逢在阿斯塔纳晚上
让我弹冬不拉你歌唱
相逢在阿斯塔纳晚上
啊~啊~
你爱唱的那一首歌
回荡在阿斯塔纳晚上
`;
let opts = {
lrcTxt:lrctxt,
audioURL:"https://xlaj.cn/upfile/202411/16/01.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>
@樵歌
樵哥哥的第二次放歌，唱了一首抒情中音，被花潮翻唱高手辫子哥哥说，樵哥哥这样速度以后是一发不可收了，一起祝贺樵哥哥，越来越厉害了{:4_178:} 小辣椒 发表于 2024-11-15 20:17
@樵歌
樵哥哥的第二次放歌，唱了一首抒情中音，被花潮翻唱高手辫子哥哥说，樵哥哥这样速度以后是一发不可 ...
费心啦，帖子做得这么好，我唱得在丑了啦。{:4_187:} 樵歌 发表于 2024-11-15 20:26
费心啦，帖子做得这么好，我唱得在丑了啦。
樵哥哥谦虚了，很抒情的歌曲，好听{:4_208:} 木唱好，原来想不发算了，等以后练好了，一次唱十首，到时请你做个专集啥的，也好咯嘚瑟一下的{:4_170:} 图意中小河、帅哥、月亮，孤独散步等歌词中元素都都有了，还特意做了个精美的播放器，太好啦{:4_179:} 哦播放器中还有相思的人儿。。。{:4_170:} https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif 难得听到师兄的歌曲，亲爱的制作也漂亮，在漂亮的制作中一直听完整首歌，才敢去评分。
师兄唱得好，亲爱的制作也好，这个帖子太美妙了{:4_199:} 那蓝色圆球真漂亮，里面还有频谱呢，旁边还有人的行走，还有闪烁的星。这些都是可以一键全控的呢，只要点小播，全都停止了，太美的制作了。给亲爱的点赞{:4_199:} 这个应该还是亲爱的自己做的歌词同步吧，厉害了{:4_187:} 小辣椒 发表于 2024-11-15 20:29
樵哥哥谦虚了，很抒情的歌曲，好听
前面几句还行，后面差强人意了。以后再把共鸣声音练习出来就自然了。 樵歌 发表于 2024-11-15 20:29
木唱好，原来想不发算了，等以后练好了，一次唱十首，到时请你做个专集啥的，也好咯嘚瑟一下的
师兄别谦虚了，这个很好听呢。师兄厉害了，这首和上一首风格不一样，很柔情，师兄驾驭得很好呢{:4_199:} 起个网名好难 发表于 2024-11-15 20:46
您 的赞是唱下去的动力哈 醉美水芙蓉 发表于 2024-11-15 20:53
小辣椒漂亮的播放器，配上樵歌动听的歌声真是美醉了！
是小辣椒的美丽播放帮我掩丑了哈。{:4_173:} 红影 发表于 2024-11-15 20:53
难得听到师兄的歌曲，亲爱的制作也漂亮，在漂亮的制作中一直听完整首歌，才敢去评分。
师兄唱得好，亲爱的 ...
以后总有一天把你们听烦的时候。{:4_189:} 醉美水芙蓉 发表于 2024-11-15 20:55
樵歌多唱唱脖子就好了！
比写字好得多，因为写字要长时低头。{:4_190:} 红影 发表于 2024-11-15 20:56
那蓝色圆球真漂亮，里面还有频谱呢，旁边还有人的行走，还有闪烁的星。这些都是可以一键全控的呢，只要点小 ...
真是做得太美了，以后我不一首首发了，等多唱些再麻烦他，要不我自己单纯发歌算了，怕影响她自体就不好了。