繁花一路 - 歌手：花僮 （学习套用黑黑天女散花效果）
<style>
#mydiv { margin: 150px 0 30px calc(50% - 781px); width: 1400px; height:750px; background: url(' https://xlaj.cn/assets/file/zp/20240608181508.jpg ') no-repeat 0/cover; border: thick inset CornflowerBlue; overflow: hidden; transition: 1s; z-index: 1; user-select: none; position: relative; }
.vid { position: absolute; object-fit: cover; }
#dt3{ position: absolute; width: 32px; height: 32px; top: 80px; left:880px; }
#dt4{ position: absolute; width: 90px; height: 90px; top: 180px; left:80px; }
.vid:nth-of-type(1) { top:-140px; width: 100%; height: calc(135% + 0px); left:0px; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index:3; opacity: .50;}
.vid:nth-of-type(2) { top: 155px; left: 1020px; width: 150px; height: 150px; border-radius: 50%; cursor: pointer; filter: drop-shadow(0 0 50px snow); transform-origin: 50% 100%; transition: 2s; }
.vid:nth-of-type(2):hover { transform: scale(1.5); }
</style>
<div id="mydiv">
<audio id="aud" src="https://file.uhsea.com/2406/6f2c0edb73ee91f3997c910b52a4410cFS.mp3" autoplay loop></audio>
<video class="vid" src="https://lk999.oss-cn-guangzhou.aliyuncs.com/myx.mp4" loop muted disablePictureinPicture></video>
<video class="vid" id="vbtn" src="https://lkvv99.s3.cn-north-1.jdcloud-oss.com/ngx.mp4" autoplay loop muted disablePictureinPicture></video>
<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg " alt="" />
<img id="dt4" src="https://xlaj.cn/assets/file/zp/20240608181542.gif" alt=""style="position: absolute; mix-blend-mode: multiply;rotate(360deg); " />
</div>
<script>
(function() {
const sFile = document.createElement('script');
sFile.src = 'https://638183.freep.cn/638183/web/api/lrc.js';
sFile.charset = 'utf-8';
document.head.appendChild(sFile);
sFile.onload = () => {
LRC({
papa: '#mydiv',
lrcAr: lrcAr,
btn: '#vbtn',
lrc_css: 'left: 70%;bottom: 40px; transform: translate(-50%); color: rgba(255,255,255,.5); font:normal 2.0em 微软雅黑;--bg: linear-gradient(rgba(100,149,237,.4), rgba(100,149,237,.26))',
});
};
mydiv.oncontextmenu = (e) => e.preventDefault();
const lrcAr = [['0.00', '繁花一路 - 花僮 ',1.13],
['1.19', '词：王月',1.71],
['2.99', '曲：金光赫',1.69],
['4.77', '编曲：韩俊平',1.57],
['6.42', '和声：励志豪',1.53],
['8.03', '混音：宋马超',1.54],
['9.65', '制作人：花僮',1.47],
['11.20', '出品人：花僮',1.43],
['12.71', 'OP：新创焦桐文化',2.48],
['15.32', '弯弯月亮 ',1.48],
['16.88', '静静的 迎接晚霞',3.17],
['20.22', '晚霞暖暖 ',1.58],
['21.88', '把甜蜜 尽情挥洒',3.16],
['25.21', '璀璨星星 ',1.52],
['26.81', '陪伴着 梦的步伐',3.18],
['30.16', '梦中船帆 ',1.48],
['31.72', '拥抱着 黎明朝霞',3.26],
['35.15', '那颗种子 ',1.52],
['36.75', '已经在 悄悄发芽',3.11],
['40.02', '信念长大 ',1.42],
['41.52', '勇敢为 明天涂鸦',3.23],
['44.92', '不负时光 ',1.49],
['46.49', '更不负 追梦年华',3.26],
['49.92', '花香四溢 扑满脸颊',3.49],
['53.59', '相信 思念为你 开出花',3.44],
['57.21', '春风陪你 走天涯',2.41],
['59.75', '十里桃花 都留下',2.35],
['62.22', '带来满眼 的童话',2.33],
['64.67', '花花世界 太浮夸',2.39],
['67.19', '笑对 千变和万化',2.35],
['69.66', '笑靥如花 都刻下',2.35],
['72.13', '唱着 一路的繁华',2.82],
['75.10', '繁华的街道太嘈杂',2.18],
['77.39', '有时让人心乱如麻',2.33],
['79.84', '别徘徊',1.26],
['81.17', '别害怕',1.31],
['82.55', '一起享受时光的敲打',2.28],
['84.95', '还剩下青春的尾巴',2.24],
['87.31', '去激荡岁月的浪花',2.32],
['89.75', '梦不远',1.31],
['91.13', '梦在那',1.25],
['92.45', '一起加油向明天出发',4.58],
['97.27', '璀璨星星 ',1.22],
['98.55', '陪伴着 梦的步伐',3.15],
['101.87', '梦中船帆 ',1.57],
['103.52', '拥抱着 黎明朝霞',3.17],
['106.86', '那颗种子 ',1.57],
['108.51', '已经在 悄悄发芽',3.06],
['111.73', '信念长大 ',1.51],
['113.32', '勇敢为 明天涂鸦',3.30],
['116.79', '不负时光 ',1.49],
['118.36', '更不负 追梦年华',3.14],
['121.67', '花香四溢 扑满脸颊',3.69],
['125.55', '相信 思念为你 开出花',3.34],
['129.07', '春风陪你 走天涯',2.29],
['131.48', '十里桃花 都留下',2.37],
['133.97', '带来满眼 的童话',2.27],
['136.36', '花花世界 太浮夸',2.39],
['138.88', '笑对 千变和万化',2.36],
['141.36', '笑靥如花 都刻下',2.37],
['143.85', '唱着 一路的繁华',2.93],
['146.93', '繁华的街道太嘈杂',2.11],
['149.15', '有时让人心乱如麻',2.29],
['151.56', '别徘徊',1.37],
['153.00', '别害怕',1.22],
['154.28', '一起享受时光的敲打',2.28],
['156.68', '还剩下青春的尾巴',2.30],
['159.10', '去激荡岁月的浪花',2.33],
['161.55', '梦不远',1.33],
['162.95', '梦在那',1.23],
['164.24', '一起加油向明天出发',3.30],
['167.71', '相信 思念为你 开出花',3.21],
['171.09', '春风陪你 走天涯',2.42],
['173.64', '十里桃花 都留下',2.22],
['175.98', '带来满眼 的童话',2.50],
['178.61', '花花世界 太浮夸',2.31],
['181.04', '笑对 千变和万化',2.29],
['183.45', '笑靥如花 都刻下',2.31],
['185.88', '唱着 一路的繁华',4.95],
['191.09', '☆谢谢欣赏☆',4.5]
];
})();
</script> @马黑黑
现在是套用都感觉难了{:4_170:}
学习做一个
感谢黑黑源码分享
@走过岁月
谢谢岁月的视频分享
小辣椒也是惨了，岁月前面的视频链接统统没有了{:4_201:} 欣赏老师的新作，点赞！
小辣椒 发表于 2024-6-8 18:31
@马黑黑
现在是套用都感觉难了
看不出是套用呢。宝刀不老{:4_170:} https://img.soogif.com/olrt53z1tMMdY6VqE2K7nSCkMRVWeFe0.gif 祝小辣椒朋友和家人端午安康！ 漂亮，两个视频用得好，字体设计更是漂亮，那个花字直接用花朵代替了呢。
欣赏亲爱的好帖{:4_199:} 老谟深虑 发表于 2024-6-8 18:38
欣赏老师的新作，点赞！
问好老谟，谢谢欣赏{:4_187:} 马黑黑 发表于 2024-6-8 18:51
看不出是套用呢。宝刀不老
啊，黑黑小辣椒是套用呢，只是稍微改了一下下的，都是你的 还是你的{:4_170:} 醉美水芙蓉 发表于 2024-6-8 18:56
欣赏小辣椒的精彩！
问好水芙蓉，好久没有碰到了。
谢谢欣赏~~{:4_171:} 起个网名好难 发表于 2024-6-8 19:32
问好难难，谢谢欣赏{:4_187:} 梦油 发表于 2024-6-8 20:18
祝小辣椒朋友和家人端午安康！
问好梦油，同样的祝福送上，祝福端午安康！ 红影 发表于 2024-6-8 20:19
漂亮，两个视频用得好，字体设计更是漂亮，那个花字直接用花朵代替了呢。
欣赏亲爱的好帖
亲爱的，谢谢你们的鼓励呢，小辣椒是套用黑黑的代码做一个的 小辣椒 发表于 2024-6-8 20:28
啊，黑黑小辣椒是套用呢，只是稍微改了一下下的，都是你的 还是你的
这是你的 听到小辣椒音乐就亲切。{:4_177:} 两个视频，一个圆圈能变大变小，好玩。放光芒的视频再套用，就不没有效果了。 马黑黑 发表于 2024-6-8 20:40
这是你的
黑黑的源码的 樵歌 发表于 2024-6-8 20:48
听到小辣椒音乐就亲切。
樵哥哥晚上好，看见你了，我昨天晚上刚回家