青簪行(女唱版本)
本帖最后由 梦江南 于 2025-3-3 12:18 编辑 <br /><br /><style>#papa { position: relative; width: 1200px; height: 680px; background: #000 url('https://pic1.imgdb.cn/item/67c4229cd0e0a243d40a0b60.jpg');
box-shadow: 4px 4px 10px #000; z-index: 1; margin: 100px 0 48px 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:68px; left: 42%; bottom: 70%;--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:80%;left:28%;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(60,100%,50%),hsl(120,100%,50%),hsl(180,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://pic1.imgdb.cn/item/67c513e1d0e0a243d40a4a8d.png" alt="" title="暂停">
<img class="dancer" src="https://pic1.imgdb.cn/item/67c524c2d0e0a243d40a6251.gif" alt=""style="width: 380px; height: 240px; left: 320px;top: 50px;">
<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 = `
青簪行(女唱版本)
演唱：周园园
LRC：梦江南
青簪行 步摇轻晃
罗裙飘 舞出婀娜模样
繁华如梦 心事暗藏
谁能解我 心中的惆怅
簪花弄影 独倚高楼
望断天涯 何处是归舟
相思无尽 泪湿双眸
红尘中 谁与我相守
回忆如潮水般涌来
曾经的美好 已不再
物是人非 事事休
只留下 我独自徘徊
簪花弄影 独倚高楼
望断天涯 何处是归舟
相思无尽 泪湿双眸
红尘中 谁与我相守
夜深沉 月色如水
心中的思念 无尽头
愿化做 那只蝴蝶
飞到你身边 永不分离
簪花弄影 独倚高楼
望断天涯 何处是归舟
相思无尽 泪湿双眸
红尘中 谁与我相守
`;
let opts = {
lrcTxt:lrctxt,
audioURL:"https://cccimg.com/view.php/df5caa42040e56e83679addfb5ae3e95.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_187:} 人物很美，歌曲也好听{:4_187:} 帖子做的清新、脱俗。梦油给一个大大的赞。{:5_116:} 红影 发表于 2025-3-3 13:46
漂亮的制作。字体设计也漂亮，还把动态蝴蝶放在了花朵播放器的背后。
欣赏江南好帖
AI制作的古风美女很漂亮，选了一张做了这帖。
谢谢影子支持鼓励。下午好！{:4_204:} 红影 发表于 2025-3-3 13:50
人物很美，歌曲也好听
这歌曲是自己录音做的，不知是否会侵犯版权。 梦油 发表于 2025-3-3 13:57
帖子做的清新、脱俗。梦油给一个大大的赞。
问好梦油老师，谢谢支持点赞。{:4_171:} 梦江南 发表于 2025-3-3 14:01
AI制作的古风美女很漂亮，选了一张做了这帖。
谢谢影子支持鼓励。下午好！
是啊，这个人像还是很漂亮的{:4_187:} 梦江南 发表于 2025-3-3 14:03
这歌曲是自己录音做的，不知是否会侵犯版权。
还自己录音啊，江南辛苦了{:4_187:} 欣赏老师的佳作，很美！
红影 发表于 2025-3-3 15:41
是啊，这个人像还是很漂亮的
AI真的很厉害。 红影 发表于 2025-3-3 15:41
还自己录音啊，江南辛苦了
163只有男版的内容不对，这首歌是另外找来的，不外链，只好自己录音了。 老谟深虑 发表于 2025-3-3 16:04
欣赏老师的佳作，很美！
谢谢老谟老师欣赏支持，问好。{:4_204:} 漂亮！谢谢江南精彩分享{:4_204:} 杨帆 发表于 2025-3-3 17:28
漂亮！谢谢江南精彩分享
谢谢欣赏支持，问好！{:4_204:} 梦江南 发表于 2025-3-3 14:03
这歌曲是自己录音做的，不知是否会侵犯版权。
DS：曲，如果是自己录音制作的，通常不会涉及版权问题。
录音质量很好，是内录吗？请问江南是如何实现的呀？谢谢{:4_204:} 梦江南 发表于 2025-3-3 16:50
163只有男版的内容不对，这首歌是另外找来的，不外链，只好自己录音了。
发个链接呀，看看可否下载 https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif 梦江南 发表于 2025-3-3 16:47
AI真的很厉害。
是啊，能带给人意想不到的结果，令人惊喜{:4_204:} 梦江南 发表于 2025-3-3 16:50
163只有男版的内容不对，这首歌是另外找来的，不外链，只好自己录音了。
只要能听的，应该都能找得到下载的方式，难难不是分享过的么{:4_173:}