本帖最后由 花简静 于 2024-8-18 15:12 编辑
<style>#papa { margin: 0 0 0 calc(50% - 931px); width: 1700px; height:900px; top:130px;background: url('https://pic.imgdb.cn/item/6547626ec458853aef1af979.webp') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 50%; height: 100%; top: 20;right:10px; opacity: .36;}
#vid {
position: absolute;
width: 110%;
height: 100%;
right:-350px;
top:-50px;
object-fit: cover;
pointer-events: none;
mix-blend-mode: screen;
z-index: 1;
opacity: .56;
}</style><div id="papa"><video id="vid" src="https://img.tukuppt.com/video_show/2418175/00/01/38/5b41f56b0c7fb.mp4" autoplay="" loop="" muted=""></video><div id="sky"></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=2057029330" autoplay="" loop=""></audio></div><script>(function() {
let lrcAr = [
[1.03,"合：莫愁那春寒料峭风浪急",3.9],
[4.9,"且邀芙蓉一醉温柔乡里",3.2],
[8.8,"灯影摇晃 眼波流盈",3.0],
[12.5,"江湖过客都是她的秘密",3.2],
[16.84,"学习黑师《在线制作太阳花图案》播放器效果",4.5],
[21.32,"单曲：醉芙蓉",1.7],
[23.05,"歌手：桃蓁 / 云深_AMS / 顾炎沭 / 墨三妖",1.4],
[24.41,"所属专辑：醉芙蓉",1.6],
[26.02,"檀烧 - 醉芙蓉",6.0],
[32,"沭：来叙",1.2],
[33.2,"从来欢宴上才敢话别离",5.6],
[38.81,"西厢未完 笑添杯",4.1],
[42.92,"却红了眼睛",2.3],
[47.05,"桃：歌吹",1.3],
[48.31,"那云袖舞起宛若飞花相依",4.9],
[53.89,"天生多少 颠沛流离聚此地",6.4],
[61.04,"妖：莫愁那春寒料峭风浪急",3.8],
[65.57,"且邀芙蓉一醉温柔乡里",3.1],
[69.22,"灯影摇晃 眼波流盈",3.1],
[73,"江湖过客都是她的秘密",3.1],
[76.09,"桃：珠玉匣藏着庙堂的天机",4.1],
[80.57,"推杯换盏之间逢凶化吉",3.8],
[84.36,"沭：环佩灵透 耳语甜蜜",3.9],
[88.29,"近在咫尺却永远看不清",4.9],
[93.21,"作词：怀袖",2.1],
[95.27,"作曲：KOKI阿珂",1.7],
[96.96,"编曲：KOKI阿珂",2.8],
[99.75,"和声：檀烧",1.9],
[101.61,"翻唱：桃蓁/顾炎沭/墨三妖",0.9],
[102.52,"混音：江树",6.5],
[109.06,"桃：人情瑟瑟悟也迟",4.0],
[113.03,"不如忘怀随它去",3.9],
[116.9,"妖：酒来 斟满无情心",3.6],
[120.55,"一笑沉梦里",2.4],
[124.24,"沭：醉卧欢歌亦有时",3.9],
[128.13,"长叹初醒人已去",3.3],
[131.98,"妖：人间 她看透百年",3.0],
[135.71,"何处是自己",2.4],
[139.07,"沭：莫愁那春寒料峭风浪急",3.2],
[142.94,"且邀芙蓉一醉温柔乡里",3.1],
[146.63,"灯影摇晃 眼波流盈",3.1],
[150,"江湖过客都是她的秘密",3.6],
[154.08,"妖：苦爱侣夜奔同赏柳莺啼",3.5],
[158.1,"白衣客单刀赴会迎宿敌",3.6],
[161.84,"沭：冷月花魂 恩仇道义",3.3],
[165.62,"她饱览这风霜依旧动情",3.2],
[169.05,"桃：莫愁那春寒料峭风浪急",3.4],
[173.23,"且邀芙蓉一醉温柔乡里",3.1],
[176.99,"灯影摇晃 眼波流盈",3.0],
[180.8,"江湖过客都是她的秘密",3.2],
[184.05,"合：悲欢啊熙熙攘攘东流去",3.5],
[188.3,"浮世钟情有几人得回音",3.1],
[192.08,"一生勇气 一瞬孤寂",3.0],
[195.85,"那时的她败给哪段回忆",3.2]
];
let js1 = 'https://638183.freep.cn/638183/web/api/svg_path_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, () => {
HCPlayer({
papa: '#papa',
lrcAr: lrcAr,
lrc_css: 'bottom: 20px; --bg: linear-gradient(rgba(250,250,250,.25),rgba(100,200,250,.65)); color: #fff;',
fs_css: 'bottom: 5%; left:5%;background: transparent;',
player_css: 'width: 36%; height: 36%; right: 1%; bottom:12%; background: url("") no-repeat ',
path: 'M200.00,100.00 13.4,50.00 150.00,186.605 100.00,0.00 50.00,186.605 186.605,50.00 0.00,100.00 186.605,150.00 50.00,13.395 100.00,200.00 150.00,13.395 13.395,150.00z',
btn: {left: 35, top: 80},
track: {track: 'Aqua', prog: 'LightSkyBlue'},
img: {play: 'https://pic.imgdb.cn/item/651e4459c458853aef198abe.png', pause: 'https://pic.imgdb.cn/item/651e445ec458853aef198b6e.png'}
});
});
loadJs(js2, () => {
H5lz({
papa: '#sky',
total: 70,
size: {width: 12, height: 12},
shape: {background: '', borderRadius: ''},
ani: 'toLeft',
maxTime: 30,
offset: {x: 0, y:0},
});
});
})();
document.querySelector('.papa').onclick = () => aud.paused ? vid.pause() : vid.play();
</script>
<BR><BR><BR><BR><BR><BR><BR><BR><BR>
|
.gif)
