论坛 › 音乐沙龙 › 断魂泪 （同玩岁月光感效果）

小辣椒 发表于 2026-2-2 20:58

断魂泪 （同玩岁月光感效果）

<style>
    #papa { position: relative; width: 1224px; height: 689px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2026/02/GIF.jpg');
   box-shadow: 2px 2px 6px #000; z-index: 1; margin: 140px 0 48px calc(50% - 700px);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: 1050px;; top: 70%;--deg: 1turn; }
    #Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #1b28d3); --state: paused; }
    @keyframes rot { to { transform: rotate(var(--deg)); } }
      .dancer      { position: absolute; cursor: pointer;z-index:1;}
      .lrcShow{font:normal 32px sans-serif;position:absolute;bottom: 84%; left:34%;color:transparent;filter:drop-shadow(1px 2px 1px GhostWhite;);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:GhostWhite;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/2026/01/06/e.png " alt="">   
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2026/02/GIF.gif" alt="" style="left: 0px; top: 0px; width:99.9%;">
    <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2026/02/bt.png " alt="" style="width: 173px; height: 224px;left: 920px; top: 80px;">
   <img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2026/02/xq.gif" alt="" style="width: 120px; height: 120px;left: 905px; top: 85px;" />
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2024/06/26/xing.jpg" alt="" style="left: 200px; top: 80px;" />

      <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编辑：小辣椒      
今生只有你
把我放在你的心
今世也只有我
可以得到你的安慰
偏偏我却学不会
如何把你的爱珍惜
你的眼泪流不停
等待一句我爱你
等到心也已经成灰烬
没有你的岁月里
我也茫然无所依
没有你陪在身边
我的灵魂会哭泣
地狱啊找不到你
天堂啊何处有你
宁愿忍受着孤寂
宁愿忘记了苦凄
受着苦刑只为你
流尽一生的断魂泪
我会在来生等待你
music
今生只有你
把我放在你的心
今世也只有我
可以得到你的安慰
偏偏我却学不会
如何把你的爱珍惜
你的眼泪流不停
等待一句我爱你
等到心也已经成灰烬
没有你的岁月里
我也茫然无所依
没有你陪在身边
我的灵魂会哭泣
地狱啊找不到你
天堂啊何处有你
宁愿忍受着孤寂
宁愿忘记了苦凄
受着苦刑只为你
流尽一生的断魂泪
我会在来生等待你
地狱啊找不到你
天堂啊何处有你
宁愿忍受着孤寂
宁愿忘记了苦凄
受着苦刑只为你
流尽一生的断魂泪
我会在来生等待你
谢谢欣赏

`;                  
      let opts = {
                lrcTxt:lrctxt,
               
                audioURL:"https://wj.zp68.com/lxx/yunhua/2026/02/dhl.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>

小辣椒 发表于 2026-2-2 21:00

@走过岁月

岁月同玩一个，感觉这歌太伤悲了，不知道怎么加效果好了



断魂泪
https://www.huachaowang.com/foru ... =90275&fromuid=4275
(出处: 花潮论坛)

小辣椒 发表于 2026-2-2 21:01

不知道有没有偏题，，，也是心里犹豫中，不过你明白的，我的心意到了

小辣椒 发表于 2026-2-2 21:04

这个光感倒影效果特别美，以前我也是有玩过差不多的效果，效果也是非常的美

小辣椒 发表于 2026-2-2 21:04

感谢岁月的精美AE制作，辛苦了{:4_179:}

走过岁月 发表于 2026-2-2 21:05

小辣椒 发表于 2026-2-2 21:00
@走过岁月

岁月同玩一个，感觉这歌太伤悲了，不知道怎么加效果好了


来了

小辣椒 发表于 2026-2-2 21:07

走过岁月 发表于 2026-2-2 21:05
来了

岁月晚上好，要你检验呢{:4_205:}

走过岁月 发表于 2026-2-2 21:08

这样的背景也不错，跟歌曲也搭

小辣椒 发表于 2026-2-2 21:08

走过岁月 发表于 2026-2-2 21:08
这样的背景也不错，跟歌曲也搭

只要你没有意见就好

走过岁月 发表于 2026-2-2 21:10

小辣椒 发表于 2026-2-2 21:01
不知道有没有偏题，，，也是心里犹豫中，不过你明白的，我的心意到了

没有偏题，听这歌应该是情侣的悲欢离合的

走过岁月 发表于 2026-2-2 21:11

小辣椒 发表于 2026-2-2 21:04
这个光感倒影效果特别美，以前我也是有玩过差不多的效果，效果也是非常的美

好像以前我也做过

小辣椒 发表于 2026-2-2 21:12

走过岁月 发表于 2026-2-2 21:10
没有偏题，听这歌应该是情侣的悲欢离合的

哦，那我主题思想没有搞错{:4_170:}

走过岁月 发表于 2026-2-2 21:12

小辣椒 发表于 2026-2-2 21:04
感谢岁月的精美AE制作，辛苦了

不客气，抱抱{:4_179:}

小辣椒 发表于 2026-2-2 21:13

走过岁月 发表于 2026-2-2 21:11
好像以前我也做过

是的，那个我也是玩过的

小辣椒 发表于 2026-2-2 21:14

走过岁月 发表于 2026-2-2 21:12
不客气，抱抱

岁月纯你的AE制作我起码玩了有100多个了，感谢有你，任我瞎做都不会说我{:4_185:}

走过岁月 发表于 2026-2-2 21:18

小辣椒 发表于 2026-2-2 21:08
只要你没有意见就好

没有，很好

小辣椒 发表于 2026-2-2 21:19

走过岁月 发表于 2026-2-2 21:18
没有，很好

那太好了

走过岁月 发表于 2026-2-2 21:19

小辣椒 发表于 2026-2-2 21:12
哦，那我主题思想没有搞错

没错，正好

小辣椒 发表于 2026-2-2 21:20

走过岁月 发表于 2026-2-2 21:19
没错，正好

看起来，我们还是同频的{:4_170:}

走过岁月 发表于 2026-2-2 21:20

小辣椒 发表于 2026-2-2 21:14
岁月纯你的AE制作我起码玩了有100多个了，感谢有你，任我瞎做都不会说我

不会，随意玩，想怎么玩就怎么玩，主要开心

查看完整版本: 断魂泪 （同玩岁月光感效果）