小辣椒 发表于 2025-8-13 21:12

半醒半醉半心凉 (合唱版) （学习黑黑 I Can播放器修改）


<style>
        @import 'https://638183.freep.cn/638183/web/css/tz01.css';
        #pa {--offsetX: 81px; --bg: url('https://wj.zp68.com/lxx/yunhua/2025/08/12/001.jpg') no-repeat center/cover; --ma-size: 15%; }
        #ma { left: 135px; top: 480px; display: grid; place-items: center; }
        .son { position: absolute; width: 10%; height: 50%; }
        .son::before, .son::after { position: absolute; content: ''; width: 100%; height: 100%; background: repeating-conic-gradient(BlueViolet,transparent,White 10%); clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); transform: scale(1); }
        .son:nth-of-type(2) { transform: rotate(90deg); }       
         #lrc { position: absolute;left: 35%; bottom: 50px; color: #fff;font-size: 30px; font-weight: bold; text-shadow: 1px 1px 1px #6d06f9; opacity: .9; }
        #btnFs { right: 30px; top: 30px; color: #333; }
</style>

<div id="pa">
        <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/cb26-audiofreehighqps/91/D7/GAqhF9kL9H1rACAAAAOq-CJ8.m4a" autoplay loop></audio>
        <video class="qk-vid" src="https://img1.oldkids.cn/upload/2025/05/17/blog_260848550_20250517190019245.mp4" autoplay loop muted></video>
        <div id="ma" class="invert">
                <div class="son"></div>
                <div class="son"></div>
        </div>
        <div id="lrc">HUACHAO LRC</div>
</div>

<script type="module">
        import { FS } from 'https://638183.freep.cn/638183/web/js/fullscreen.js';
        import lrc from 'https://638183.freep.cn/638183/web/lrc/lrc_only.js';

        var geci = `
                半醒半醉半心凉 (合唱版)
歌手：赵洋
词：关连宇
曲：赵洋
编曲：GK康康
合唱：龙小晨合唱团
混音：冯鑫阳
词曲提供：娱当家
出品人：王峰
你的誓言还在我耳边回荡
字字句句刺痛着我的心肠
暮色染红妆你当年的模样
爱的过往深深刻在我心上
纸短情长装不下朝思暮想
我还试着一次次把你原谅
给你深情你却还的是薄凉
负我泪两行滴滴凝结成霜
我为你半醒半醉半心凉
你赐我半生风雨半身伤
不知为你大醉了多少场
我爱的迷茫 爱的彷徨 爱的荒唐
我为你半醒半醉半心凉
你赐我半生风雨半身伤
不知多少回哭到了天亮
我念念不忘 痛断肝肠 因爱成殇
因爱成殇
LRC编辑：小辣椒
纸短情长装不下朝思暮想
我还试着一次次把你原谅
给你深情你却还的是薄凉
负我泪两行滴滴凝结成霜
我为你半醒半醉半心凉
你赐我半生风雨半身伤
不知为你大醉了多少场
我爱的迷茫 爱的彷徨 爱的荒唐
我为你半醒半醉半心凉
你赐我半生风雨半身伤
不知多少回哭到了天亮
我念念不忘 痛断肝肠 因爱成殇
因爱成殇
谢谢欣赏

`;
        FS(pa, ma);
        lrc(pa, geci);
</script>

小辣椒 发表于 2025-8-13 21:15

@马黑黑

黑黑还是许多的不会，设置高度的代码不知道应该这么加，直接加了top:感觉你应该不是这个设置的，所以没有加上去

歌词颜色我修改了后面的感觉出来没有自己想要的紫颜色的字体边框，我电脑预览都有的，发论坛没有出来。

反正许多代码不理解只能直接套用了


小辣椒 发表于 2025-8-13 21:18

歌词同步效果做了2个版本，还有一个是背景图片感觉不够漂亮，再重新做个图再发

马黑黑 发表于 2025-8-13 21:19

小辣椒 发表于 2025-8-13 21:15
@马黑黑

黑黑还是许多的不会，设置高度的代码不知道应该这么加，直接加了top:感觉你应该不是这个设置的 ...

这个忘得够彻底{:4_170:}

红影 发表于 2025-8-13 21:23

这小播调得真漂亮，歌词的色彩还有文字设计的部分色彩，相互呼应，都是紫色呈系列的呢，好看。
欣赏亲爱的好帖{:4_199:}

小辣椒 发表于 2025-8-13 21:37

马黑黑 发表于 2025-8-13 21:19
这个忘得够彻底

{:4_170:}

确实现在脑子不听使唤了

马黑黑 发表于 2025-8-13 23:17

小辣椒 发表于 2025-8-13 21:37
确实现在脑子不听使唤了

会酱紫的：久不接触的，重拾起来时多少有点陌生。

杨帆 发表于 2025-8-13 23:20

漂亮！谢谢小辣椒精彩分享{:4_204:}

梦油 发表于 2025-8-14 07:42

画面很有特色。

梦江南 发表于 2025-8-14 08:41

很喜欢这种颜色的图图，好喜欢，好喜欢。小辣椒好棒！{:4_187:}

梦江南 发表于 2025-8-14 08:44

这个小播做得特别漂亮，还殷它调 下来了。{:4_199:}

老谟深虑 发表于 2025-8-14 10:57

         欣赏好作品，制作的精彩，学习了！

偶然~ 发表于 2025-8-14 13:20

小辣椒的音画制作真的相当的好，音画合一，很唯美。片中声音与画面的协调一致，加强了画面的真实感，提高了视觉形像的感染力。真的特别的有创意，真的是让我为之欣赏，为之感动！感谢小辣椒带来的精彩，辛苦了~！

花飞飞 发表于 2025-8-14 16:44

这个小播紫色的，好漂亮。。。只可惜没看到图，支持一下小辣椒。。{:4_187:}
页: [1]
查看完整版本: 半醒半醉半心凉 (合唱版) （学习黑黑 I Can播放器修改）