马黑黑 发表于 2024-8-25 07:34

回忆

<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-= 回忆 =-\n歌手 ：Askar(阿斯卡尔)\n词曲 : 阿来\n看着那相片，唯一的留念\n我们的微笑都那么的甜\n\n翻开的日记，天真的话语\n都能让我不禁的回忆\n\n你总让我再抱紧一点\n哪怕以后只是个怀念\n再美的承诺也会有疲倦\n岁月的痕迹永远不改变\n不知你是否还再怀念\n是不是还想回到从前\n让我们的故事再重演\n就算结局不变\ndararadara ......\ndararadara ......\ndararadaradadadada ......\ndararadaradadadada ......\ndararadara ......\n感觉那相片，唯一的留念\n我们的微笑都那么的甜\n\n翻开的日记，天真的话语\n都能让我不禁的回忆\n\n你总让我再抱紧一点\n哪怕以后只是个怀念\n再美的承诺也会有疲倦\n岁月的痕迹永远不改变\n不知你是否还再怀念\n是不是还想回到从前\n让我们的故事再重演\n就算结局不变\n你总让我再抱紧一点\n哪怕以后只是个怀念\n再美的承诺也会有疲倦\n岁月的痕迹永远不改变\n不知你是否还再怀念\n是不是还想回到从前\n让我们的故事再重演\n就算结局不变\n2024-8-24\n`;
</script>

马黑黑 发表于 2024-8-25 07:35

<h2>帖子代码：</h2>
<div class="hE"><pre>
&lt;style&gt;
#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 &gt; 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 &gt; img { position: absolute; mix-blend-mode: multiply; right: 0; bottom: 0; }
&lt;/style&gt;

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

&lt;script&gt;
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 = () =&gt; {
        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-= 回忆 =-\n歌手 ：Askar(阿斯卡尔)\n词曲 : 阿来\n看着那相片，唯一的留念\n我们的微笑都那么的甜\n\n翻开的日记，天真的话语\n都能让我不禁的回忆\n\n你总让我再抱紧一点\n哪怕以后只是个怀念\n再美的承诺也会有疲倦\n岁月的痕迹永远不改变\n不知你是否还再怀念\n是不是还想回到从前\n让我们的故事再重演\n就算结局不变\ndararadara ......\ndararadara ......\ndararadaradadadada ......\ndararadaradadadada ......\ndararadara ......\n感觉那相片，唯一的留念\n我们的微笑都那么的甜\n\n翻开的日记，天真的话语\n都能让我不禁的回忆\n\n你总让我再抱紧一点\n哪怕以后只是个怀念\n再美的承诺也会有疲倦\n岁月的痕迹永远不改变\n不知你是否还再怀念\n是不是还想回到从前\n让我们的故事再重演\n就算结局不变\n你总让我再抱紧一点\n哪怕以后只是个怀念\n再美的承诺也会有疲倦\n岁月的痕迹永远不改变\n不知你是否还再怀念\n是不是还想回到从前\n让我们的故事再重演\n就算结局不变\n2024-8-24\n`;
&lt;/script&gt;
</pre></div>

<script>
var sc = document.createElement('script');
sc.chartset = 'utf-8';
sc.src = 'https://638183.freep.cn/638183/web/js2024/helight.js';
document.body.appendChild(sc);
</script>

马黑黑 发表于 2024-8-25 07:36

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

愤怒的葡萄 发表于 2024-8-25 07:36

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

红影 发表于 2024-8-25 08:27

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

红影 发表于 2024-8-25 08:28

还记得当时学这个封装的时候，还是做的刀郎的歌曲{:4_173:}

红影 发表于 2024-8-25 08:28

黑黑还在磁带背后衬了个小图，设计很细致。{:4_199:}

红影 发表于 2024-8-25 08:30

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

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

冬雨学习了{:4_187:}

马黑黑 发表于 2024-8-25 10:42

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

{:4_191:}

马黑黑 发表于 2024-8-25 10:43

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

嗯呐，周末时间比较集中

马黑黑 发表于 2024-8-25 10:44

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

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

愤怒的葡萄 发表于 2024-8-25 10:57

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

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

红影 发表于 2024-8-25 11:01

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

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

马黑黑 发表于 2024-8-25 11:12

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

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

马黑黑 发表于 2024-8-25 11:12

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

也那么令人惆怅

醉美水芙蓉 发表于 2024-8-25 11:36

红影 发表于 2024-8-25 11:58

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

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

彩云归 发表于 2024-8-25 12:31

欣赏佳作，谢谢分享！

马黑黑 发表于 2024-8-25 12:33

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

那是那是
页: [1] 2 3 4
查看完整版本: 回忆