<style>
#mydiv { margin: 0 0 0 calc(50% - 931px);
width: 1700px;
height: 900px;
box-shadow: 0 0 12px gray;
background: url('https://pic.imgdb.cn/item/65509efbc458853aefbe97db.webp') no-repeat center/cover;
overflow: hidden;
z-index: 1;
position: relative;
display: grid;
place-items: center;
--state: running; }
#mydiv > img { transform: translate(30px); mix-blend-mode: screen;opacity: .50;}
#vid {
position: absolute;
width: 60%;
height: 110%;
top:-60px;
left:1px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 2;
opacity: .23;
}
</style>
<div id="mydiv"><video id="vid" src="" autoplay="" loop="" muted=""></video>
<img src="" alt="" /></div>
<audio id="aud" src="https://aimg8.dlssyht.cn/u/1786604/ueditor/file/894/1786604/1706799583501766.mp3" loop="loop" autoplay="autoplay"></audio>
<script>
(function() {
let js1 = 'https://638183.freep.cn/638183/web/api/meter_pinpu_lrc.js',
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.js';
let loadJs = (url,callback) => {
let body = document.querySelector('body'), jsNode = document.createElement('script');
jsNode.charset = 'utf-8';
jsNode.setAttribute('src', url);
body.appendChild(jsNode);
jsNode.onload = () => callback();
};
loadJs(js1, () => {
let geci = [[0.26,"单曲：想你时风起",1.6],
[1.86,"电视剧《我的人间烟火》回忆主题曲",0.9],
[2.77,"歌手：单依纯",1.2],
[3.93,"所属专辑：我的人间烟火 电视剧原声带",0.8],
[4.72,"作词 : 赵大白",1.0],
[5.75,"作曲 : 刘涛/李浩瑞/林晨阳",1.0],
[6.74,"编曲 : 张宗炜",0.8],
[7.58,"制作人 : 刘涛",1.1],
[14.43,"如果离别是为了能再见一面",5.3],
[21,"爱是想念后的抛物线",3.6],
[26.03,"离开始 渐行渐远 和我们总是擦肩",5.8],
[37.77,"这次再见如果是最后的一面",4.8],
[44.01,"也是失眠后的分割线",3.6],
[50.83,"春天已 开始落叶 七月里 也会下雪",3.9],
[58.06,"刚刚我错过的大雨 握不住的盛夏 ",5.6],
[61.45,"飘过的云是你吗 一圈又一圈",8.4],
[71.08,"我多想是路过你的风 ",3.1],
[74.79,"忍不住落回你眼中",3.3],
[81.07,"凭什么绕不开 翻不过的盛夏",5.3],
[87.96,"有些远方 ",1.2],
[89.69,"让风代替我们抵达",3.0],
[93.71,"没勇气说完的那句话 ",3.4],
[97.08,"希望有人听过它",3.7],
[129.09,"这次再见如果是最后的一面",5.1],
[135.53,"也是失眠后的分割线",3.4],
[140.04,"春天已 开始落叶 七月里 也会下雪",5.9],
[150.02,"刚刚我错过的大雨 握不住的盛夏",5.5],
[156.57,"飘过的云是你吗 一圈又一圈",4.6],
[162.35,"我多想是路过你的风 ",3.3],
[166.18,"忍不住落回你眼中",3.1],
[173.04,"凭什么 绕不开翻不过的盛夏",4.6],
[179.34,"有些远方 让风代替我们抵达",4.6],
[185.07,"没勇气说完的那句话 ",4.1],
[189.13,"希望有人听过它",4.5],
[196.07,"让你听见风缓缓地 缓缓摇曳",5.2],
[202.46,"时光卷起了回忆慢慢翩翩",4.0],
[207.62,"让风替我说 说那句告别",4.4],
[213.6,"在这个落叶像雪的季节",4.0],
[218.57,"刚刚我错过的大雨 握不住的盛夏",5.6],
[225.45,"飘过的云是你吗 一圈又一圈",4.3],
[231.14,"我多想是路过你的风 ",2.9],
[234.66,"忍不住落回你眼中",3.4],
[241.03,"凭什么绕不开 翻不过的盛夏",5.3],
[247.96,"有些远方 ",1.2],
[249.79,"让风代替我们抵达",2.7],
[253.61,"没勇气说完的那句话 ",3.4],
[257.04,"希望有人听过它",4.3]];
HCPlayer({
papa: '#mydiv',
lrcAr: geci,
fs_css: 'left: 50px; bottom:50px; background: transparent;',
lrc_css: `
top: 10px;
font-size: 20px;
color: WhiteSmoke;
--bg: linear-gradient(180deg, White, SlateGray);
opacity: .26;
`,
player_css: `
bottom: 10px;
color: snow;
z-index: 10;
`,
pinpu: { num: 40, width: 3, color: 'rgba(255,255,255,.5)' },
});
});
loadJs(js2, () => {
H5lz({
papa: '#mydiv',
total: 160,
size: {width: 3, height: 2},
shape: {background: '', borderRadius: '50%'},
maxTime: 24,
offset: {x: 0, y: 0},
ani: 'out2C',
css: 'opacity: .95; box-shadow: inset 0 0 8px #fff;',
});
});
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>
发表于 2023-11-17 20:12
发表于 2023-11-17 20:25
发表于 2023-11-17 20:40
