|
<style>
#papa {
margin: 130px 0 30px calc(50% - 931px);
width: 1700px;
height: 900px;
background: url('https://pic.imgdb.cn/item/66bdd55ad9c307b7e965c686.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% );
object-fit: cover;
mix-blend-mode: screen;
opacity: .26;
pointer-events: none;
-webkit-mask: linear-gradient(to top right, red 63%, transparent 66.5%, transparent 0);
}
</style>
<div id="papa" class="papa">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=28253406" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/2414777/00/02/19/5b51ba0769bd4.mp4" autoplay loop muted></video>
</div>
<script>
let geci = `[00:00.00]韩红 - 众里寻你
[00:04.67]琴键黑白分明像你
[00:10.70]凝望这个世界的眼睛
[00:17.39]这首歌只为你而唱起
[00:23.35]我弹奏每个黑夜和晨曦
[00:29.79]为你留下爱的光影
[00:34.72]
[00:36.83]从暗到明 从东到西
[00:44.18]那重叠交替十指连心温暖次第
[00:58.20]像等待一场天籁的洗礼
[01:05.75]我们众里寻你爱是唯一的指引
[01:12.86]像等待一场天下的共鸣
[01:20.64]我们众里寻你
[01:24.22]用爱的声音一呼百应
[01:29.94]
[01:31.68]学习黑师20240815《归零》细线播放器原生歌词效果
[01:48.46]
[01:50.14]旋律忽高忽低像生命
[02:00.06]错落安排的崎岖
[02:02.86]这首歌只为你而唱起
[02:08.82]我的歌唱就是我的倾听
[02:15.19]我用音符应和着你
[02:20.38]
[02:22.35]光阴的溪 爱的舟楫
[02:29.77]啊~春至秋临心的岸边云淡风轻
[02:43.78]像等待一场天籁的洗礼
[02:51.46]我们众里寻你爱是唯一的指引
[02:58.21]像等待一场天下的共鸣
[03:06.05]我们众里寻你
[03:09.59]用爱的声音一呼百应
[03:14.72]
[03:16.81]像等待一场天籁的洗礼
[03:24.17]我们众里寻你爱是唯一的指引
[03:31.04]像等待一场天下的共鸣
[03:38.80]我们众里寻你
[03:52.37]用爱的声音一呼百应`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/line_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#papa',
geci: geci,
skip: 1,
average: 0,
lrc_css: 'bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .56;',
player_css: 'width: 160px; bottom: 390px; left:830px;color: white; --prog: white; --track:Peru; --bg: url("https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png") no-repeat center/cover',
fs_css: '--bg: transparent; --color: snow;top: -120px;'
});
};
</script>
| 
