同玩岁月--旧梦不需记
<style>
#papa { position: relative; width: 1297px; height: 696px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2025/05/03/GIF.jpg');
box-shadow: 4px 4px 10px #000; z-index: 1; margin: 140px 0 48px calc(50% - 730px);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: 80px; left: 180px; top: 120px; --deg: 1turn; }
#Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #eee); --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: 30px; 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:DimGray;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://wj.zp68.com/lxx/yunhua/2025/05/04/an.png" alt="">
<img class="dancer" src="https://wj.zp68.com/lxx/yunhua/2025/05/03/GIF.gif" alt="" style="left: 0px; top: 0px; ">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" alt="" style="left: 820px; top: 170px;">
<img class="dancer" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg" alt="" style="left: 520px; top: 170px;">
<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://wj.zp68.com/lxx/yunhua/2025/05/03/jium.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>
@走过岁月
小辣椒很久没有玩岁月的AE效果了，今天同做一个旧梦不需记
很喜欢的一首老歌，岁月也是第二次分享，小辣椒记得前几年也是同做过，可惜前面的视频找不到了
旧梦不须记
https://www.huachaowang.com/forum.php?mod=viewthread&tid=83113&fromuid=4275
(出处: 花潮论坛)
原图加了个岁月进去{:4_170:} 亲爱的聪明，去对比了岁月的帖子，亲爱的只截取了歌名出来的那一段，剩下的就都是自己发挥了。另加了男性（小辣椒说的岁月）还有很多的动态效果和漂亮的歌词同步。这个制作效果太赞了{:4_199:} 加了个人物还挺自然，而且可以让动态文字从身后过，刚开始看还以为是岁月的原效果呢，因为AE可以让文字绕到人身后的，添加的图图也可以呢{:4_187:} 歌词的设计也很漂亮，像刻在石栏上似的，这个效果太美了{:4_199:} 红影 发表于 2025-5-5 21:49
亲爱的聪明，去对比了岁月的帖子，亲爱的只截取了歌名出来的那一段，剩下的就都是自己发挥了。另加了男性（ ...
哈哈，其实岁月本人和这个男的不像，在以前的帖里面我加过一个帅哥，和岁月很像的，我多次用过的人物 红影 发表于 2025-5-5 21:51
加了个人物还挺自然，而且可以让动态文字从身后过，刚开始看还以为是岁月的原效果呢，因为AE可以让文字绕到 ...
文字加前面效果不漂亮，在人物后面出来感觉画面漂亮一点 红影 发表于 2025-5-5 21:52
歌词的设计也很漂亮，像刻在石栏上似的，这个效果太美了
谢谢亲爱的夸奖，也是好久没有玩岁月的东西了，现在也是难得做一次了。 小辣椒 发表于 2025-5-5 22:06
哈哈，其实岁月本人和这个男的不像，在以前的帖里面我加过一个帅哥，和岁月很像的，我多次用过的人物
是因为这个人物和这个背景更相配，才选的吧{:4_173:} 小辣椒 发表于 2025-5-5 22:07
文字加前面效果不漂亮，在人物后面出来感觉画面漂亮一点
所以说亲爱的这个设计特别好呢{:4_199:} 小辣椒 发表于 2025-5-5 22:08
谢谢亲爱的夸奖，也是好久没有玩岁月的东西了，现在也是难得做一次了。
亲爱的每次做的都很赞的{:4_187:} 问好小辣椒，这个文字怎么从男人后面走出来？还有左上面的文字。 歌曲情绵绵，画面温馨，欣赏点赞！{:4_187:} 发现您喜欢用这小小的闪烁星星。 字幕从人物身滚动出来挺巧妙的。 梦油 发表于 2025-5-6 09:23
字幕从人物身滚动出来挺巧妙的。
梦油晚上好，这个是岁月的AE制作，小辣椒只是用了岁月的原创画面 梦江南 发表于 2025-5-6 08:02
发现您喜欢用这小小的闪烁星星。
阿姨，你好眼神，小辣椒就是喜欢玩小动图 梦江南 发表于 2025-5-6 08:01
歌曲情绵绵，画面温馨，欣赏点赞！
谢谢阿姨，这首歌曲是岁月发的原创视频里面转出来的，用了岁月的AE制作画面就用了他的歌曲 梦江南 发表于 2025-5-6 08:00
问好小辣椒，这个文字怎么从男人后面走出来？还有左上面的文字。
哈哈，小辣椒是用岁月的AE分享的画面，这个是岁月的原创视频里面文字的制作，小辣椒只是借花献佛