小辣椒 发表于 2024-9-2 20:32

红歌欣赏:秋收起义歌 TO:梦油

<style>
    #papa { position: relative; width: 1395px; height: 694px; background: #000 url('https://file.uhsea.com/2411/681c89419e83f76d94b80f78accb5be7KC.jpg');
      box-shadow: 4px 4px 10px #000; z-index: 1; margin: 150px 0 48px calc(50% - 781px);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: 125px; top: 500px; --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 32px sans-serif;position:absolute;top:50px;left:30%;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:darkred;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(120,100%,50%),hsl(120,100%,50%),hsl(120,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://wj1.zp68.com:812/lxx/yunhua/2022/02/01/ann.png" alt="">
   
    <img class="dancer" src="https://file.uhsea.com/2411/6c5ec6329429ab4129397fad9d36048aLW.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;">
   
      <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/2411/62e944e324693c269e50ce5e2ec90ce12Y.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>

小辣椒 发表于 2024-9-2 20:33

@梦油

知道你喜欢红歌,小辣椒今天送一首 秋收起义歌给你,希望你会喜欢{:4_187:}

梦油 发表于 2024-9-2 20:47

本帖最后由 梦油 于 2024-9-2 20:49 编辑

小辣椒 发表于 2024-9-2 20:33
@梦油

知道你喜欢红歌,小辣椒今天送一首 秋收起义歌给你,希望你会喜欢
谢谢小辣椒朋友!{:5_108:}
红歌是美的象征,它以其独特的韵律和歌词,传颂着伟大的革命精神,赞美着伟大的祖国。听红歌不仅可以享受音乐的美妙,还可以了解历史,感受时代的发展和变化,让我更加珍惜现在和平幸福的生活。再次谢谢小辣椒朋友                                                                                          {:4_204:}

四海八荒 发表于 2024-9-2 20:50

老歌韵味十足

四海八荒 发表于 2024-9-2 20:51

看得见听不到

彩云归 发表于 2024-9-2 20:54

好热闹的画面,谢谢分享!

小辣椒 发表于 2024-9-2 20:55

梦油 发表于 2024-9-2 20:47
谢谢小辣椒朋友!
红歌是美的象征,它以其独特的韵律和歌词,传颂着伟大的革命精神,赞美着伟 ...

梦油写的真好,以前的老一辈都是有国家情怀的人,热爱祖国,为祖国奋斗了一生,我们现在也是要加强学习,学习老一辈的革命精神,做到强国有我的精神,为祖国强大而努力的付出。。。。。

小辣椒 发表于 2024-9-2 20:58

四海八荒 发表于 2024-9-2 20:51
看得见听不到

手机点击播放器按钮,下面的小花,不过你还是别听走流量的{:4_189:}

小辣椒 发表于 2024-9-2 20:58

彩云归 发表于 2024-9-2 20:54
好热闹的画面,谢谢分享!

问好老师,谢谢欣赏{:4_187:}

四海八荒 发表于 2024-9-2 21:06

小辣椒 发表于 2024-9-2 20:58
手机点击播放器按钮,下面的小花,不过你还是别听走流量的

音频流量少,视频流量大

小辣椒 发表于 2024-9-2 21:09

四海八荒 发表于 2024-9-2 21:06
音频流量少,视频流量大

是的,还是别听了

东篱闲人 发表于 2024-9-2 21:38

师傅还要起义?{:5_115:}

小辣椒 发表于 2024-9-2 21:40

东篱闲人 发表于 2024-9-2 21:38
师傅还要起义?

哈哈,是梦油喜欢红歌,我一直没有做的,今天送一首{:4_173:}

东篱闲人 发表于 2024-9-2 21:44

小辣椒 发表于 2024-9-2 21:40
哈哈,是梦油喜欢红歌,我一直没有做的,今天送一首

是啊,他爱好那个啊。。。

小辣椒 发表于 2024-9-2 21:51

东篱闲人 发表于 2024-9-2 21:44
是啊,他爱好那个啊。。。

也是老革命,老前辈的

东篱闲人 发表于 2024-9-2 21:52

小辣椒 发表于 2024-9-2 21:51
也是老革命,老前辈的

和咱一样。。。。{:5_117:}

小辣椒 发表于 2024-9-2 21:58

东篱闲人 发表于 2024-9-2 21:52
和咱一样。。。。

就是,都是老红军{:4_170:}

起个网名好难 发表于 2024-9-3 07:34

https://p5.itc.cn/q_70/images03/20210924/cb041adaaa4e412797cf3406423b3484.gif

梦油 发表于 2024-9-3 10:44

小辣椒 发表于 2024-9-2 20:55
梦油写的真好,以前的老一辈都是有国家情怀的人,热爱祖国,为祖国奋斗了一生,我们现在也是要加强学习, ...

是的,小辣椒朋友。红歌如烈火,燃烧着人们的热情与斗志,激发了一代又一代人的豪情。

梦油 发表于 2024-9-3 10:45

小辣椒 发表于 2024-9-2 21:40
哈哈,是梦油喜欢红歌,我一直没有做的,今天送一首

谢谢小辣椒朋友。{:4_171:}
页: [1] 2 3 4
查看完整版本: 红歌欣赏:秋收起义歌 TO:梦油