回忆

马黑黑

马黑黑

帖子代码：

<style>
#mama { margin: 130px 0 30px calc(50% - 720px); width: 1280px; height: 720px; background: url('https://638183.freep.cn/638183/t24/webp2/hvyi.webp') no-repeat center/cover; box-shadow: 0 0 8px gray; overflow: hidden; z-index: 1; perspective: 1500px; position: relative; }
#mama > video { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: color-burn; opacity: .5; -webkit-mask: linear-gradient(to right top, red 10%, transparent 90%, transparent); pointer-events: none; }
#mama > img { position: absolute; mix-blend-mode: multiply; right: 0; bottom: 0; }
</style>

<div id="mama" class="mama">
	<audio src="https://music.163.com/song/media/outer/url?id=1301238092" autoplay loop></audio>
	<video src="https://img.tukuppt.com/video_show/15653652/01/41/91/6333da29be0ce.mp4" autoplay loop muted></video>
	<img src="https://638183.freep.cn/638183/small/envelop.jpg" alt="" />
</div>

<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/tape_yslrc.js';
document.body.appendChild(sf);
sf.onload = () => {
	HCPlayer({
		papa: '#mama',
		geci: geci,
		title: '阿斯卡尔 - 回忆',
		skip: 0,
		average: -1.5,
		player_css: 'right: 40px; bottom: 20px; color: white; --track: purple; --prog: teal;',
		lrc_css: 'left: 50%; transform: translateX(-50%); top: 20px; --bg: linear-gradient(lightblue, darkgray); color: silver;',
		fs_css: 'right: 20px; top: 20px; --bg: transparent; --color: navy;',
	});
};
var geci = `\n[00:01.945]-= 回忆 =-\n[00:16.664]歌手 ：Askar(阿斯卡尔)\n[00:28.406]词曲 : 阿来\n[00:39.457]看着那相片，唯一的留念\n[00:48.283]我们的微笑都那么的甜\n[00:53.664]\n[00:57.468]翻开的日记，天真的话语\n[01:06.694]都能让我不禁的回忆\n[01:11.200]\n[01:13.273]你总让我再抱紧一点\n[01:17.557]哪怕以后只是个怀念\n[01:21.690]再美的承诺也会有疲倦\n[01:26.168]岁月的痕迹永远不改变\n[01:30.738]不知你是否还再怀念\n[01:34.697]是不是还想回到从前\n[01:39.333]让我们的故事再重演\n[01:43.221]就算结局不变\n[01:49.705]dararadara ......\n[01:53.114]dararadara ......\n[01:57.884]dararadaradadadada ......\n[02:07.104]dararadaradadadada ......\n[02:15.514]dararadara ......\n[02:24.813]感觉那相片，唯一的留念\n[02:33.854]我们的微笑都那么的甜\n[02:38.200]\n[02:41.800]翻开的日记，天真的话语\n[02:51.466]都能让我不禁的回忆\n[02:56.100]\n[02:57.968]你总让我再抱紧一点\n[03:02.321]哪怕以后只是个怀念\n[03:06.409]再美的承诺也会有疲倦\n[03:10.511]岁月的痕迹永远不改变\n[03:15.437]不知你是否还再怀念\n[03:19.651]是不是还想回到从前\n[03:24.63]让我们的故事再重演\n[03:28.134]就算结局不变\n[03:33.38]你总让我再抱紧一点\n[03:37.175]哪怕以后只是个怀念\n[03:41.347]再美的承诺也会有疲倦\n[03:45.631]岁月的痕迹永远不改变\n[03:50.430]不知你是否还再怀念\n[03:54.477]是不是还想回到从前\n[03:59.64]让我们的故事再重演\n[04:03.123]就算结局不变\n[04:06.300]2024-8-24\n`;
</script>

马黑黑

帖子插件说明：原生lrc歌词同步之卡式磁带播放器 (52qingyin.cn)

愤怒的葡萄

马版每天都来论坛报到啊？

红影

对了，还有这个磁带播放器器，黑黑也做了原始歌词的封装呢。厉害

红影

还记得当时学这个封装的时候，还是做的刀郎的歌曲

红影

黑黑还在磁带背后衬了个小图，设计很细致。

红影

这样的背景很契合歌曲内容，回忆中都是那么美好的相聚

冬天的雨

冬雨学习了

马黑黑

冬天的雨 发表于 2024-8-25 10:19
冬雨学习了

马黑黑

愤怒的葡萄 发表于 2024-8-25 07:36
马版每天都来论坛报到啊？

嗯呐，周末时间比较集中

马黑黑

红影 发表于 2024-8-25 08:30
这样的背景很契合歌曲内容，回忆中都是那么美好的相聚

N年前还是小屁孩的时候她们经常一起在这个地方玩

愤怒的葡萄

马黑黑 发表于 2024-8-25 10:43
嗯呐，周末时间比较集中

马版，葡萄以后不太来花潮论坛了，葡萄以后不太经营论坛了，在这祝你们在论坛里玩得愉快吧。

红影

马黑黑 发表于 2024-8-25 10:44
N年前还是小屁孩的时候她们经常一起在这个地方玩

哈哈，长大后各自成家，各自分飞了，再也没有纯净地毫无挂念的少年时候的一起玩了。
回忆，总是那么美好。

马黑黑

愤怒的葡萄 发表于 2024-8-25 10:57
马版，葡萄以后不太来花潮论坛了，葡萄以后不太经营论坛了，在这祝你们在论坛里玩得愉快吧。

会是一段美好的值得回忆的快乐时光

马黑黑

红影 发表于 2024-8-25 11:01
哈哈，长大后各自成家，各自分飞了，再也没有纯净地毫无挂念的少年时候的一起玩了。
回忆，总是那么美好 ...

也那么令人惆怅

红影

马黑黑 发表于 2024-8-25 11:12
也那么令人惆怅

人生没有回头路，只能走下去，寻求前行路上的其他乐趣了。

彩云归

欣赏佳作，谢谢分享！

马黑黑

红影 发表于 2024-8-25 11:58
人生没有回头路，只能走下去，寻求前行路上的其他乐趣了。

那是那是