醉美水芙蓉 发表于 2024-12-6 22:20:40

爱不落幕

<style>
#papa { margin: 10px 0 20px calc(50% - 721px); background:#800 url('https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/1d4099037af8322c877c2b8ee9bdd8b4_preview.jpg')no-repeat center/cover;width: 1286px; height: 720px;   box-shadow: 3px 3px 6px gray; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center;}
#tz { margin: 0px auto; bottom: 0px;width: 840px; height: 300px; border: 0px solid gray; position: absolute;z-index:10;}
#tz::before { content: attr(data-lrc); position: absolute; bottom: 0;margin: 0px 38px;width: 100%; height: 60px; text-align: center; font: 300 3.5em/0em 华文隶书; color:#880000; filter:drop-shadow(#fff 1px 0 0)drop-shadow(#fff 0 1px 0)drop-shadow(#fff -1px 0 0) drop-shadow(#fff 0 -1px0); }
#vid {z-index: 2;position: absolute;width: 100%;height: 100%;object-fit: cover;mix-blend-mode: lighten;}

#mypic {top:96%; left:0%;z-index: 4;
position: absolute;
    width:1286px; height: 3px;
    background:linear-gradient(90deg,transparent, #ff0000, #00ff80,#fff000, #00ff80, #ff0000,transparent)no-repeat center/100%;
animation: heart-burst.8s infinite;}
@keyframes heart-burst {0% {transform:translate(0%,0%)scale(0, 1);filter:hue-rotate(0deg)contrast(100%)brightness(100%);}
100% {transform:translate(0%,0%)scale(1);filter:hue-rotate(360deg)contrast(180%)brightness(300%);}}
#pyie {top:87%; left:3%;z-index: 44;
display: block;position: absolute;
    width: 50px; height: 50px;
    background: url(https://pic.imgdb.cn/item/674f8e7ed0e0a243d4dce5ed.png)no-repeat center/250px 50px;
animation: burst steps(5) 1s infinite;}
@keyframes burst {0% {background-position: 0px 0;}
100% {background-position: -250px 0;}}
</style>
<div id="papa">
<div id="tz" data-lrc="欢迎光临"></div>
<div id="pyie" ></div>
<div id="mypic" ></div>
<video id="vid" src="https://video-qn.51miz.com/preview/video/00/00/13/09/V-130942-864B05CF.mp4" autoplay loop muted></video>
</div>
<audio id="aud" src="https://bbs.cnzv.cc/mp3.php/3369-1733490670.mp3" autoplay loop></audio>
<script>
var curkey = 0, lrcAr = [];
var getAr = (text) => {
    var ar = text.trim().split('\n');
    ar.sort();
    var reg = /\[(\d+)[.:](\d+)[.:](\d+)\](.*)/;
    ar.forEach(item => {
      let result = item.match(reg);
      let tmsg = parseInt(result) * 60 + parseInt(result) + parseInt(result) / 1000;
      lrcAr.push(.trim()]);
    });
};
aud.onseeked = () => curkey = 0;
aud.onplaying = aud.onpause = () => mState();
aud.ontimeupdate = () => {
    if(curkey > lrcAr.length - 1) return;
    if(aud.currentTime >= lrcAr) {
      tz.dataset.lrc = lrcAr;
      curkey ++;
    }
};
var lrc = `爱不落幕- 伯远/吴映香Lúcia
词Lyrics Written by：舒望
曲Music Composed by：로코베리、earattack
编曲Music Arranged by：莫言
制作人Song Produced by：郭丰琳/陆宇
配唱制作人vocal Producer by：郭丰琳/陆宇
吉他Guitar by：李振纲
弦乐Strings by：国际首席爱乐乐团
弦乐监制：李朋
和声编写&和声Backing Vocal Performed by：郭丰琳/礼越
统筹Coordinator：18Meng
录音工程师Vocal Recorded by：陆宇/刘思语
混音工程师Song Mixed by：李林枫
母带处理：李林枫
原词：지훈、개미
企划/策划：张人霁
推广：张雅雪/宫臣波
监制Executive Producer：张人霁
发行人：星空
制作公司：热风环流
LRC编辑：醉美水芙蓉
Oh every time I see you
多想定格在现在
好让浪漫能够永不变改
这 世界荒芜
你穿过了残酷
在我心里留下鲜花一束
Baby ohohohoh
ohohohoh
Baby ohohohoh
Oh every time I see you
就像快忘了呼吸
而你却会成为我的氧气
若 世界荒芜
我会做你的光
照亮你每一段漫长的路
生命就像一座站台
会有无数重逢和离开
也会有个人在为你等待
所以我很明白
哪怕只是最渺小的尘埃
也会有风为你而来
吹散所有阴霾再拥抱你入怀
就让眼神替代 我表白
Oh every time I see you
就像快忘了呼吸
而你却会成为我的氧气
若 世界荒芜
我会做你的光
照亮你每一段漫长的路
这 爱情啊多荒谬
让人为三个字就敢对抗 宇宙
你是我 能勇敢 的理由
Oh 直到岁月尽头
一切都会被腐朽
我也想要陪你走到最后
等 世界荒芜
一切化作尘土
唯有爱不会落幕
Baby ohohohoh 爱在天空下
Ohohohoh 日月熄灭星辰落下就当做是烟花
Baby ohohohoh 最后的最后
Baby ohohohoh 我终于能够大声说出口I love you
谢谢欣赏！
`;
getAr(lrc);
</script>
<script>
pyie.onclick = () => aud.paused ?(aud.play(),vid.play()):(aud.pause(),vid.pause());
aud.addEventListener('play', () => mState());
aud.addEventListener('pause', () => mState());
mypic.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>mypic.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>mypic.style.animationPlayState = 'paused');   
pyie.style.animationPlayState = aud.paused ? 'paused' : 'running';
aud.addEventListener('playing', () =>pyie.style.animationPlayState = 'running');
aud.addEventListener('pause', () =>pyie.style.animationPlayState = 'paused');
</script>

klxf 发表于 2024-12-6 23:01:37

好听好看，谢谢醉美管理员精彩分享:)

醉美水芙蓉 发表于 2024-12-7 20:35:53

klxf 发表于 2024-12-6 23:01
好听好看，谢谢醉美管理员精彩分享

谢谢友友光临！
页: [1]
查看完整版本: 爱不落幕