本帖最后由 花简静 于 2024-8-18 15:49 编辑
<style>
#papa {
margin: 130px 0 30px calc(50% - 931px);
width: 1700px;
height: 900px;
background: url('https://pic.imgdb.cn/item/66bf3251d9c307b7e9982aad.webp') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
display: grid;
place-items: center;
position: relative;
}
#papa > video {
position: absolute;
width: 100%;
height: calc(100% + 0px);
object-fit: cover;
opacity: .55;
right:-500px;
top:-200px;
mix-blend-mode: screen;
pointer-events: none;
}
</style>
<div id="papa" class="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=346163" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2414777/00/01/68/5b4854b8add7c.mp4" autoplay loop muted></video>
</div>
<script>
let geci = `[00:00.08]喜欢你 - 黄家驹
[00:07.00]
[00:09.00]学习黑师20240816《神战》原生lrc歌词同步之普通频谱播放器
[00:16.00]细雨带风湿透黄昏的街道
[00:22.50]抹去雨水双眼无故地仰望
[00:28.00]望向孤单的晚灯 是那伤感的记忆
[00:38.00]再次泛起心里无数的思念
[00:44.00]以往片刻欢笑仍挂在脸上
[00:50.00]愿你此刻可会知 是我衷心的说声
[00:59.00]喜欢你 那双眼动人 笑声更迷人
[01:08.00]愿再可 轻抚你 那可爱面容
[01:17.00]挽手说梦话 像昨天 你共我
[01:34.00]满带理想的我曾经多冲动
[01:41.00]屡怨与她相爱难有自由
[01:46.00]愿你此刻可会知 是我衷心的说声
[01:55.00]喜欢你 那双眼动人 笑声更迷人
[02:04.00]愿再可 轻抚你 那可爱面容
[02:14.00]挽手说梦话 像昨天 你共我
[02:26.00]学习黑师20240816《神战》原生lrc歌词同步之普通频谱播放器
[02:37.00]
[02:47.00]每晚夜里自我独行 随处荡 多冰冷
[03:00.00]已往为了自我挣扎
[03:03.00]从不知 她的痛苦
[03:13.00]喜欢你 那双眼动人 笑声更迷人
[03:23.00]愿再可 轻抚你 那可爱面容
[03:32.00]挽手说梦话 像昨天 你共我
[03:41.00]She be do She be do
[03:48.00]She be do
[03:54.00]She be do She be do
[04:00.00]She be do
[04:06.00]She be do She be do
[04:13.00]She be do
`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/pinpu_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#papa',
geci: geci,
skip: 0,
average: 0,
pinpu: {num: 40, width: 4, height: 180, color: ' Peru'},
player_css: 'bottom: 60px; color: Beige; --prog: Beige; opacity: .55;--track: Tan; --cap:Tan',
lrc_css: 'bottom: 20px; font: bold 1.6em cursive; --bg: linear-gradient(#fff, Peru, Tan); color: Tan;',
fs_css: '--bg: transparent; bottom: 20px;left:20px;--color: Tan;'
});
};
</script>
| 
