关不上的窗 （学习黑黑歌词三合一 DOOOO 效果）
<style>
@import 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.css?v=1';
#tz { margin: 150px 0 30px calc(50% - 781px); width: 1400px; height: 677px; background: #000 url('https://wj.zp68.com/lxx/yunhua/2025/03/31/01.jpg') no-repeat center/cover; }
#mplayer { bottom:50px;left: 67%;--track: SeaShell;--prog: Gainsboro;}
#fsbtn { bottom:40px; }
#flower { position: absolute;width: 120px; height: 120px;top: 30px; left: 120px; cursor: pointer; filter: hue-rotate(60deg); transition: .7s; animation: rot 8s linear infinite var(--state); }
#lrcDiv { left: 68%;top: 20%; color: Maroon; --hlcolor: SeaShell; }
#flower:hover { filter: unset; width: 120px; }
.vid { opacity: 0.65; }
</style>
<div id="tz" class="pa">
<video class="vid" src="https://video.699pic.com/videos/50/42/79/b_f7U8rXJQjjCi1671504279.mp4" autoplay loop></video>
<audio id="aud" src="https://upfile.mp3.wf/view.php/af18fd9990a1a8f4b6add28d5c80a97c.mp3" autoplay loop></audio>
<img id="flower" src="https://wj.zp68.com/lxx/yunhua/2025/03/31/he.png" alt="" title="Alt+X" width="120" />
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/ku/hcplayer3in1.js?v=1';
var gc = `关不上的窗
歌手：勤琴
作词：陈信荣
作曲：周传雄
我听见寒风 扰乱了叶落
在寂寞阴暗常居住的巷弄
我听见孤单 在隐忍的夜晚
是被爱刺痛啜泣着的胸膛
我是心门上了锁的一扇窗
任寒风来来去去关不上
这些年无法修补的风霜
看来格外的凄凉
风来时撩拨过往的忧伤
像整个季节廉价的狂欢
让我们从头来吧 如梦如幻
~Music~
我听见孤单 在隐忍的夜晚
是被爱刺痛啜泣着的胸膛
我是心门上了锁的一扇窗
任寒风来来去去关不上
这些年无法修补的风霜
看来格外的凄凉
风来时撩拨过往的忧伤
像整个季节廉价的狂欢
让我们从头来吧 如梦如幻
我是心门上了锁的一扇窗
任寒风来来去去关不上
这些年无法修补的风霜
看来格外的凄凉
风来时撩过过往的忧伤
像整个季节廉价的狂欢
让我们从头来吧 如梦如幻
我听见拒绝 又嘲笑了黑夜
我只是寒冬 向着西北的窗
我只是寒冬 向着西北的窗
谢谢欣赏
`;
hcplay(tz,gc);
flower.onclick = () => aud.paused ? aud.play() : aud.pause();
</script> 昨天套用玩了一次没有修改，今天重新玩一次，按图位置修改了一下歌词和播放器位置，喜欢这首歌，今天继续做一次
@马黑黑 谢谢黑黑源码分享 冬雨也是玩一次@冬天的雨 小辣椒 发表于 2025-3-31 21:26
谢谢黑黑源码分享 冬雨也是玩一次@冬天的雨
又布置作业{:4_170:} 背景图的制作美到极致，对色彩的驾驭能力可见一斑。帖子的精美，往往得益于图题对应、相得益彰。 马黑黑 发表于 2025-3-31 21:27
又布置作业
哈哈，冬雨这个肯定会做的，这个套用简单 小辣椒 发表于 2025-3-31 21:40
哈哈，冬雨这个肯定会做的，这个套用简单
{:4_172:} 马黑黑 发表于 2025-3-31 21:29
背景图的制作美到极致，对色彩的驾驭能力可见一斑。帖子的精美，往往得益于图题对应、相得益彰。
这个也是旧图图修改，测试了一下全屏欣赏可以就用了，怕图高度不够的 很开阔绚丽的背景，色彩协调，看着特别漂亮。
欣赏亲爱的好帖{:4_199:} 这个转动图也用得漂亮，鼠标触碰还能变色，特别好看{:4_187:} 红影 发表于 2025-3-31 21:43
很开阔绚丽的背景，色彩协调，看着特别漂亮。
欣赏亲爱的好帖
亲爱的，昨天求速度玩了一次，今天这个重新做就速度快了，就旧图修改花一点时间 小辣椒 发表于 2025-3-31 21:49
亲爱的，昨天求速度玩了一次，今天这个重新做就速度快了，就旧图修改花一点时间
这个制作非常漂亮{:4_187:} 红影 发表于 2025-3-31 21:55
这个制作非常漂亮
套用其实就是看看背景图片和歌词位置，播放器都是黑黑设置好的，改一下颜色就可以了，现在黑黑封装后我们玩就轻松多了 小辣椒 发表于 2025-3-31 21:42
这个也是旧图图修改，测试了一下全屏欣赏可以就用了，怕图高度不够的
挺好的 背景的制作很有新意。{:5_116:} 歌很好听，这个构图也很好，色调都很符合主题，欣赏小辣椒带来的精彩作品{:4_187:}{:4_199:} 小辣椒 发表于 2025-3-31 22:12
套用其实就是看看背景图片和歌词位置，播放器都是黑黑设置好的，改一下颜色就可以了，现在黑黑封装后我们 ...
是啊，黑黑的封装对大家的使用特别方便呢{:4_187:} 歌很好听，图图背影很美，色调和歌曲搭配很有意境，欣赏小辣椒带来的精彩作品{:4_204:} 我喜欢里面的动画和歌曲，我先借走啦 有机会也做一个。谢谢小辣椒！{:4_173:} 欣赏佳作，学习了。