本帖最后由 花简静 于 2024-8-19 22:48 编辑
<style>
#mama {
margin: 130px 0 30px calc(50% - 931px);
width: 1700px;
height: 900px;
background: url('https://642303.freep.cn/642303/tu/066.webp') no-repeat center/cover;
box-shadow: 0 0 8px gray;
overflow: hidden;
z-index: 1;
position: relative;
}
#mama > video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
transform: rotateY(0deg);
opacity: .95;
mix-blend-mode: screen;
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
pointer-events: none;
}
</style>
<div id="mama" class="mama">
<audio src="https://www.kumeiwp.com/wj/11523/2022/01/17/4f04802aa4e36f55269c552fbd7cf7cc.mp3" autoplay loop></audio>
<video src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.mp4" autoplay loop muted></video>
</div>
<script>
var geci = `[00:01:00]《读你》
[00:04.00]演唱：蔡琴
[00:08.00]作词/作曲：梁弘志
[00:12.00]
[00:14.00]学习黑师20240817《千秋岁》效果
[00:18.00]原生lrc歌词同步之meter频谱播放器
[00:22.00]
[00:23.66]读你千遍 也不厌倦
[00:28.58]读你的感觉 像三月
[00:34.03]浪漫的季节
[00:36.62]醉人的诗篇 唔
[00:41.42]
[00:42.42]读你千遍 也不厌倦
[00:47.17]读你的感觉 象春天
[00:52.94]喜悦的经典
[00:55.60]美丽的句点 唔
[01:02.22]
[01:06.12]你的眉目之间
[01:08.44]锁着我的爱怜
[01:11.31]你的唇齿之间
[01:13.76]留着我的誓言
[01:16.25]
[01:16.95]你的一切移动
[01:19.10]左右我的视线
[01:21.97]你是我的诗篇
[01:24.70]读你千遍 也不厌倦
[01:29.92](Music)
[01:56.20]读你千遍 也不厌倦
[02:01.30]读你的感觉 像三月
[02:06.61]浪漫的季节
[02:08.94]醉人的诗篇 唔
[02:14.13]
[02:15.13]读你千遍 也不厌倦
[02:19.90]读你的感觉 象春天
[02:25.55]喜悦的经典
[02:28.40]美丽的句点 唔
[02:35.40]
[02:38.40]你的眉目之间
[02:41.10]锁着我的爱怜
[02:43.82]你的唇齿之间
[02:46.32]留着我的誓言
[02:48.87]
[02:49.57]你的一切移动
[02:51.77]左右我的视线
[02:54.52]你是我的诗篇
[02:57.45]读你千遍 也不厌倦
[03:03.60]
[03:06.10]你的眉目之间
[03:08.28]锁着我的爱怜
[03:11.01]你的唇齿之间
[03:13.63]留着我的誓言
[03:16.04]
[03:16.74]你的一切移动
[03:19.07]左右我的视线
[03:21.84]你是我的诗篇
[03:24.64]读你千遍 也不厌倦
[03:29.25]
[03:30.22]读你千遍 也不厌倦
[03:36.11]读你千遍 也不厌倦
[03:41.62]读你
[03:48.00](The end)2024-8-17`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/meter_pinpu_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
pinpu: { num: 40, width: 3, height: 120, color: 'linear-gradient(Peru 1px, transparent 4px, transparent 80%, Peru 80.5% 0)' },
player_css: 'left: 78%; transform: translateX(-50%);bottom: 60px; color: Peru;',
lrc_css: 'left: 78%; bottom: 20px; transform: translateX(-50%); --bg: linear-gradient(Linen, Peru,Sienna); color: Tan;font: bold 2.0em cursive;opacity: .55;',
fs_css: 'left: 20px; top: 20px; --bg: transparent; --color:transparent;',
});
};
</script>
| 
