翻唱《致亲爱的自己》
本帖最后由 寒冬残荷 于 2025-8-11 23:09 编辑 <br /><br /><style>#papa { position: relative; width: 1414px; height: 772px; background: #fff url('https://pic1.imgdb.cn/item/6820b0df58cb8da5c8ec30a8.jpg'); box-shadow: 2px 2px 6px #000; z-index: 1; margin: 10px 0 10px calc(px);overflow:hidden; border-radius:16px;left:-400px;top:150px;}
#Player {position: absolute; cursor: pointer; transition: 1.2s; animation: rot 8s linear infinite var(--state); z-index:10; border-radius:50%}
@keyframes rot { to { transform: rotate(var(--deg)); } }
#Player:nth-of-type(1) { width: 110px; height: 110px; left: 87%; bottom: 3%; --deg: 1turn; }
#Player:hover { filter: hue-rotate(60deg) drop-shadow(0 0 28px #000); --state: paused; }
.dancer { position: absolute; cursor: pointer; z-index:1;}
.lrcShow{font:normal 36px sans-serif;position:absolute;right:38%;top:12%;writing-mode: vertical-rl;z-index:99;color:transparent;filter:drop-shadow(1px 1px 1px white);letter-spacing:2px;--aniName:bgMove1;--durTime:100ms;--aniPlayState:running;cursor:pointer;}
.lrcShow::before{writing-mode: vertical-rl;position:absolute;content:attr(data-lrc);width:0;height:100%;left:0;top:0;color:transparent;background-image:linear-gradient(60deg,hsl(0,100%,50%),hsl(240,100%,60%),hsl(240,100%,60%),hsl(240,100%,60%),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%;}}
@keyframes bgMove0 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
@keyframes bgMove1 { from { width: 100%; height: 0; } to { width: 100%; height: 100%; } }
</style>
<div id="papa" style="--state: running;">
<img id="Player" src="https://upfile.mp3.wf/view.php/699c1d7c63dae57f498cb2810fe917bf.jpeg" alt="" title="播放">
<video class="dancer" loop="" muted="" src="https://img1.oldkids.cn/upload/2025/08/11/blog_260802952_20250811153623950.mp4" style="right:20px; bottom:10px; width:405px; height:720px; object-fit: cover; mix-blend-mode: soft-light; -webkit-mask: linear-gradient(225deg, red 0 10%, transparent 90%); mask: linear-gradient(275deg, white0 50%, transparent 90%); pointer-events: none; isolation:isolate; transform:translateZ(0); ">
</video>
<div class="lrcShow" data-lrc="致亲爱的自己" style="--aniPlayState: running; --aniName: bgMove1; --durTime: 4.96s;">致亲爱的自己</div>
</div>
<div style="height:200px"></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:"http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=R7AuiIRufJQ7tRSq&shareuid"
}
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>
差不多又是半年时间不能上来玩了，老了，能玩一天是一天！ 寒冬残荷 发表于 2025-8-11 23:11
差不多又是半年时间不能上来玩了，老了，能玩一天是一天！
开心幸福 还是这个论坛好，视频和图片溶合得很好！有的论坛似乎不识别渐变遮罩等CSS属性。 唱的太棒了~我听的都醉了~
好听｀好听｀给我签个名吧！就签俺衣服上吧！要带唇印的哦~~
演绎精彩，好棒哦，辛苦寒冬残荷了！
唱的真棒~谢谢寒冬残荷带来的精彩～！
玫瑰花☆╮╮芍药花☆╮╰☆☆╮合欢花花～【*偶然 献花给你啦】
野百荷★╰☆╮水仙花╰☆╮紫丁香╰☆╮【*偶然 献花给你啦】 偶然~ 发表于 2025-8-11 23:25
好听｀好听｀给我签个名吧！就签俺衣服上吧！要带唇印的哦~~
偶然版主，让你见笑了！我老太太也知道论坛不是文盲老太该来的地方，可是本老太没有什么爱好，不爱出门，一天天尽傻呆着会很快得老年痴呆病的，只好厚着脸皮上来看看玩玩，让人笑也无妨，反正谁也认不得谁！{:5_106:} 偶然~ 发表于 2025-8-11 23:25
唱的真棒~谢谢寒冬残荷带来的精彩～！
谢谢偶然版主捧场!谢谢版主加分{:5_106:} 演唱这么好，制作也这么好，寒冬残荷太棒了{:4_199:} 很投入的演唱，非常好听，歌曲也选得好，非常棒。
给寒冬残荷点赞{:4_199:} 寒冬残荷 发表于 2025-8-12 09:45
偶然版主，让你见笑了！我老太太也知道论坛不是文盲老太该来的地方，可是本老太没有什么爱好，不爱出门， ...
别这样说，大家都差不多，也都又有点内向又渴望彼此交流，您带来的好歌就是给大家带来的福利的呢，非常感谢{:4_187:} 本帖最后由 深秋红枫 于 2025-8-12 15:20 编辑
太棒了！为你点赞！！ 红影 发表于 2025-8-12 10:23
演唱这么好，制作也这么好，寒冬残荷太棒了
非常感谢红影管理员的回复、加分支持和鼓励！ 深秋红枫 发表于 2025-8-12 15:18
太棒了！为你点赞！！
非常感谢您的回复，遥祝您一切安好！ 红影 发表于 2025-8-12 10:26
别这样说，大家都差不多，也都又有点内向又渴望彼此交流，您带来的好歌就是给大家带来的福利的呢，非常感 ...
{:5_116:}说得太好了，红影管理员还是心理专家呢！ 寒冬残荷 发表于 2025-8-11 23:11
差不多又是半年时间不能上来玩了，老了，能玩一天是一天！
开心的玩{:4_171:}
页:
[1]
2