帖子代码:
<style>
#mama {
margin: 130px 0 30px calc(50% - 721px);
width: 1280px;
height: 720px;
background: url('https://file.uhsea.com/2408/446538dcf9d096053cf0c35a5cb2a806I8.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;
mix-blend-mode: screen;
-webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent);
pointer-events: none;
}
.boat {
position: absolute;
left: -86px;
top: 45%;
cursor: pointer;
animation: move 40s linear infinite var(--state);
}
@keyframes move { to { left: 100%; } }
</style>
<div id="mama" class="mama">
<audio src="https://music.163.com/song/media/outer/url?id=1909360246" autoplay loop></audio>
<video src="https://file.uhsea.com/2408/1f19c2537940debf6133c067d1d3e9e9EX.mp4" autoplay loop muted></video>
<img class="boat" src="https://file.uhsea.com/2408/36ec87f36b16dc655aa19fa1a0febccdH8.webp" width="86" height="86" alt="" />
</div>
<script>
var geci = `[00:00.60]曲终凉\n[00:05.03]歌手 :傲七爷\n[00:11.94]台上人浓妆戏抹\n[00:14.26]花旦名角不叹微火\n[00:17.41]奏一曲名为传说\n[00:19.54]也曾震动四方惊过百座\n[00:22.86]唱不尽乱世烽火\n[00:25.12]叹悲欢离合皆是客\n[00:28.25]燃烛火纸宣点墨\n[00:30.72]一笔带过两页韵脚折\n[00:33.44]夜未央\n[00:35:50]举杯与谁诉衷肠\n[00:38.80]月如霜\n[00:41.06]青袖素衣独自唱\n[00:44.30]长歌长\n[00:46.20]一曲终来一曲上\n[00:49.28]曲终凉\n[00:53.26]留一人戏一场\n[01:06.51]台上人浓妆戏抹\n[01:08.85]花旦名角不叹为惑\n[01:11.95]奏一曲名为传说\n[01:14.04]也曾震动四方惊过百座\n[01:17.31]唱不尽乱世烽火\n[01:19.71]叹悲欢离合皆是客\n[01:22.81]燃烛火纸宣点墨\n[01:25.48]一笔带过两页韵脚折\n[01:27.99]夜未央\n[01:30.30]举杯与谁诉衷肠\n[01:33.26]月如霜\n[01:35.45]青袖素衣独自唱\n[01:38.85]长歌长\n[01:41.41]一曲终来一曲上\n[01:44.30]曲终凉\n[01:47.20]留一人戏一场\n[01:50.74]夜未央\n[01:51.60]举杯与谁诉衷肠\n[01:55.18]月如霜\n[01:57.16]青袖素衣独自唱\n[02:00.60]长歌长\n[02:03.11]一曲终来一曲上\n[02:06.05]曲终凉\n[02:09.24]留一人戏一场\n[02:11.59]补残章\n[02:14.52]戏谑笑人太荒唐\n[02:16.92]梦一场\n[02:19.64]曲终落幕泪两行\n[02:22.27]万里荒\n[02:25.39]唱尽世间太凄凉\n[02:27.93]舞霓裳\n[02:31.24]终是散化海棠\n[02:40.95]2024-8-20`;
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/osc_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
HCPlayer({
papa: '#mama',
geci: geci,
skip: 0,
average: 0,
player_css: 'bottom: 10px; left: 50%; transform: translate(-50%); --ww: 400px; --track: #ccc; --prog: #ffcc00;',
lrc_css: 'left: 50%; transform: translateX(-50%); top: 20px; --bg: linear-gradient( #fff, #a4863d, #eee); color: #ccc;',
fs_css: 'left: 20px; top: 20px; --bg: transparent; --color: #333;',
});
};
</script>
|