<style>#papa {
margin: 0 0 0 calc(50% - 831px);
width: 1500px;
height: 800px;
top:130px;
background: url('https://pic.imgdb.cn/item/651e80cac458853aef331214.webp') no-repeat center/cover;
box-shadow: 3px 3px 20px #000;
overflow: hidden;
display: grid;
place-items: center;
z-index: 1;
position: relative;
--state: running; }
#vid {
position: absolute;
width: 100%;
height: 100%;
top:-50px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .16;
}
</style>
<div id="papa">
<video id="vid" src="https://img.tukuppt.com/video_show/2629112/00/01/88/5b4c8eda299fc.mp4" autoplay="" loop="" muted=""></video>
</div>
<audio id="aud" src="http://www.kumeiwp.com/sub/filestores/2024/01/23/b0b9a12429de408f3f7f6d4f2ef676ce.mp3" autoplay="" loop=""></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/tape_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [
[-0.2,"单曲:时间都去哪儿了",1.4],
[1.16,"电视剧《老牛家的战争》主题曲",2.1],
[3.22,"歌手:王铮亮",1.4],
[4.58,"所属专辑:听得到的时间",1.3],
[5.85,"作词 : 陈曦",1.3],
[7.13,"作曲 : 董冬冬",1.8],
[8.95,"学习黑师《刀朗-珠儿》磁带播放器效果",3.1],
[22.01,"门前老树长新芽",3.9],
[26.82,"院里枯木又开花",4.2],
[31.97,"半生存了好多话",4.0],
[37.02,"藏进了满头白发",2.8],
[42.14,"记忆中的小脚丫",3.9],
[47.18,"肉嘟嘟的小嘴巴",4.0],
[52.09,"一生把爱交给他",4.2],
[57.25,"只为那一声爸妈",2.8],
[62.98,"时间都去哪儿了",2.6],
[67.61,"还没好好感受年轻就老了",4.8],
[73.71,"生儿养女 一辈子",4.3],
[79.16,"满脑子都是孩子哭了笑了",3.5],
[83.16,"时间都去哪儿了",3.2],
[87.87,"还没好好看看你眼睛就花了",4.9],
[94.1,"柴米油盐 半辈子",4.1],
[99.35,"转眼就只剩下满脸的皱纹了",6.9],
[108.18,"",21.9],
[130.09,"记忆中的小脚丫",4.4],
[135.47,"肉嘟嘟的小嘴巴",4.0],
[140.6,"一生把爱交给他",4.0],
[145.68,"只为那一声爸妈",2.8],
[151.37,"时间都去哪儿了",2.8],
[156.12,"还没好好感受年轻就老了",4.7],
[162.14,"生儿养女 一辈子",4.2],
[167.61,"满脑子都是孩子哭了笑了",3.6],
[171.59,"时间都去哪儿了",2.7],
[176.46,"还没好好看看你眼睛就花了",4.8],
[182.3,"柴米油盐 半辈子",4.4],
[187.71,"转眼就只剩下满脸的皱纹了",7.8]
];
window.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: `
top: 20px;
color: #999;
--bg: linear-gradient(rgba(250,250,250,.25),rgba(138,64,30,.65));
`,
player_css: `
bottom: 2%;
left: 50%;
color: lightblue;
z-index: 100;
--track: darkgray;
--prog:black;
`,
fs_css: `bottom: 30px;left:10px; background: transparent;--color: white;`,
title: '时间都去哪儿了',
});
let mkClover = (ele,num) => {
let r = ele.offsetWidth / 2, pathAr = [];
for(let i = 0; i < 200; i ++) {
let angle = i * 2 * Math.PI / 200;
let x = r - r * Math.sin(num * angle) * Math.cos(angle);
let y = r - r * Math.sin(num * angle) * Math.sin(angle);
pathAr.push(x + 'px ' + y + 'px');
}
return 'polygon(' + pathAr.join(', ') + ')';
}
Array.from({length: 16}).forEach((item) => {
let ww = 50 + Math.floor(Math.random() * 50);
let ar = [2,3,4,5,7,9];
item = document.createElement('span');
item.className = 'clover';
item.style.cssText += `
--deg: ${60 - Math.random() * 150}deg;
--delay: ${Math.random() * 20 - 20}s;
width: ${ww}px;
height: ${ww}px;
right: 200px;
`;
papa.appendChild(item);
item.style.clipPath = mkClover(item, ar[Math.floor(Math.random() * ar.length)]);
});
};
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
<br><br><br><br><br><br><br><br><br><br><br><br>