论坛 › 动画音画 › 【东篱音画】把酒煮人生 @小辣椒

东篱闲人 发表于 2024-9-28 17:47

【东篱音画】把酒煮人生 @小辣椒

<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_2180288">

<style>
    #papa { position: relative; width: 1400px; height: 800px; background: #000 url('https://pic.imgdb.cn/item/66f79eb5f21886ccc01c23ab.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: 150px; height: 150px; left: 80%; 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:38%;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://pic.imgdb.cn/item/66f7926ef21886ccc010d6dd.png" alt="" title="暂停">

   


      <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://file.uhsea.com/2409/375824470e92843e4b2e1cac9d19eb34YA.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>
</td></tr></table>

东篱闲人 发表于 2024-9-28 17:47

用师傅的代码糊弄一个。。。{:4_190:}

起个网名好难 发表于 2024-9-28 17:55

https://img0.baidu.com/it/u=2507587440,1767895428&fm=253&fmt=auto&app=138&f=GIF

红影 发表于 2024-9-28 19:00

首页没看到那个“生”字，看成了把酒煮人{:4_170:}

红影 发表于 2024-9-28 19:02

制作漂亮，还专门为歌词留了一个条幅呢，这个设计巧妙。
欣赏东篱大哥好帖{:4_199:}
@小辣椒 亲爱的快来收礼{:4_187:}

红影 发表于 2024-9-28 19:04

前面看到宋小乔的帖子，想跑去那个带草字的地方看看小乔到底出什么事，结果看到了东篱大哥的翻唱呢，《昨夜星辰》，虽然去的目的没达到，能听到东篱大哥的歌曲也不错{:4_173:}

东篱闲人 发表于 2024-9-28 19:31

起个网名好难 发表于 2024-9-28 17:55


你厉害，全是高科技啊。。{:5_116:}

东篱闲人 发表于 2024-9-28 19:32

红影 发表于 2024-9-28 19:00
首页没看到那个“生”字，看成了把酒煮人

味道好极了。。。{:5_117:}

东篱闲人 发表于 2024-9-28 19:32

红影 发表于 2024-9-28 19:04
前面看到宋小乔的帖子，想跑去那个带草字的地方看看小乔到底出什么事，结果看到了东篱大哥的翻唱呢，《昨夜 ...

宋小乔是谁？{:5_115:}

梦江南 发表于 2024-9-29 11:54

欣赏老师音画佳作，问好！{:4_199:}

小辣椒 发表于 2024-9-29 20:22

{:4_178:}

小辣椒 发表于 2024-9-29 20:23

没有你不会的东西，据说现在诵读都是溜的不得了{:4_170:}

小辣椒 发表于 2024-9-29 20:24

真的太佩服老头了，这个标题字也是学习了{:4_187:}

东篱闲人 发表于 2024-9-29 21:51

梦江南 发表于 2024-9-29 11:54
欣赏老师音画佳作，问好！

{:4_190:}

东篱闲人 发表于 2024-9-29 21:51

小辣椒 发表于 2024-9-29 20:23
没有你不会的东西，据说现在诵读都是溜的不得了

别听他们瞎说。。。{:5_117:}

东篱闲人 发表于 2024-9-29 21:53

小辣椒 发表于 2024-9-29 20:24
真的太佩服老头了，这个标题字也是学习了

把师傅的火给灭了。。。{:5_117:}

红影 发表于 2024-9-29 21:59

东篱闲人 发表于 2024-9-28 19:32
味道好极了。。。

哈哈，看到这话笑喷了{:4_170:}

红影 发表于 2024-9-29 22:00

东篱闲人 发表于 2024-9-28 19:32
宋小乔是谁？

我忘了她其他的名字了，算了，不管了。

东篱闲人 发表于 2024-9-29 22:06

红影 发表于 2024-9-29 21:59
哈哈，看到这话笑喷了

{:4_176:}

红影 发表于 2024-9-29 23:07

东篱闲人 发表于 2024-9-29 22:06


谢谢东篱大哥，国庆快乐{:4_187:}

查看完整版本: 【东篱音画】把酒煮人生 @小辣椒