我记得你眼里的依恋 TO：小辣椒
<style>
@import 'https://638183.freep.cn/638183/web/mod/btn_lrc.css';
#tz { --state: running; margin: 140px 0 30px calc(50% - 803px);width: 1440px; height: 747px; background: url('https://cccimg.com/view.php/029543ee5d03422a29a6ab86c385ab8e.jpg') no-repeat center/cover; }
#fsbtn { top: 20px; }
#lrc { --bg: linear-gradient(180deg,hsla(80,50%,20%,.20),hsla(80,50%,20%,.35)); position: absolute; left: 40%; bottom: 80px;font:normal 2.0em Microsoft YaHei; sans-serif; color:MintCream; white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 2px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }
#mplayer { left: 40%; width:300px; height: 300px; top: 10%;display: grid; place-items: center; }
.feather { position: absolute; width: 80px; height: 160px; background: url('https://cccimg.com/view.php/f92e8f746c70f35c52840d5dfe403c0d.png') no-repeat center/cover; }
#vid { position: absolute;width: 100%;height: 100%;object-fit: cover;
pointer-events: none;
mix-blend-mode: screen; webkit-mask: linear-gradient(to top-20px;right, red 88%, transparent 0);
z-index: 1;
opacity: .55;
}
</style>
<div id="tz" class="pa">
<audio src="https://aod.cos.tx.xmcdn.com/storages/09f9-audiofreehighqps/41/1B/GKwRINsLEl8EACAAAAMyMUQT.m4a"></audio>
<video id="vid" src="https://img.tukuppt.com/video_show/7165162/00/17/52/5ec746f5eec22.mp4" autoplay loop muted></video>
<div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
<div id="mplayer" class="mplayer"></div>
<div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/mod/btn_lrc.js';
import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
var lrcAr = [['0.00', 'TO：小辣椒',8.22],
['8.65', '我记得你眼里的依恋 ',5.20],
['14.12', '歌手：音乐磁场',4.28],
['18.62', '作词：姚若龙',4.64],
['23.50', '作曲：刚泽斌 ',2.40],
['26.58', '走在红尘俗世间',3.04],
['30.11', '谁的呼唤飘在耳边',3.27],
['34.41', '那么熟悉却又遥远',3.35],
['38.99', '为什么痴心两处总难相见',4.50],
['45.73', '徘徊在起风的午夜',3.85],
['50.08', '谁的叹息飘在风间',3.21],
['55.21', '那么无奈却又无悔',3.13],
['59.56', '多少前世残梦留待今生缘',4.39],
['64.50', '就算换了时空变了容颜',5.72],
['70.52', '我依然记得你眼里的依恋',4.28],
['75.03', '纵然聚散由命也要用心感动天',6.87],
['82.31', '就算换了时空变了容颜',5.42],
['88.01', '我依然记得你眼里的依恋',4.59],
['92.84', '纵然难续前世也要再结今生缘',9.8],
['104.98', '。。。。。。',17.00],
['121.87', '走在红尘俗世间',3.07],
['125.52', '谁的呼唤飘在耳边',3.35],
['131.10', '那么熟悉却又遥远',3.48],
['135.39', '为什么痴心两处总难相见',4.70],
['142.44', '徘徊在起风的午夜',3.74],
['146.38', '谁的叹息飘在风间',3.58],
['150.99', '那么无奈却又无悔',3.82],
['155.01', '多少前世残梦留待今生缘',4.95],
['160.22', '就算换了时空变了容颜',4.53],
['166.04', '我依然记得你眼里的依恋',4.55],
['170.83', '纵然聚散由命也要用心感动天',6.71],
['178.95', '就算换了时空变了容颜',4.42],
['183.65', '我依然记得你眼里的依恋',4.60],
['188.49', '纵然难续前世也要再结今生缘',9.16],
['206.55', '就算换了时空变了容颜',4.43],
['212.27', '我依然记得你眼里的依恋',4.28],
['216.51', '就算换了时空你变了容颜',4.50],
['223.30', '我依然记得你眼里的依恋',8.22],
['254.32', '谢谢欣赏',5.52],
['264.03', '',4.5]];
var total = 9, a = 360 / total;
for(var i = 0; i < total; i++) {
var f = document.createElement('span');
f.className = 'feather';
f.style.cssText += `transform: rotate(${i * a}deg) translateY(-60px);`;
mplayer.appendChild(f);
}
hcplay(tz, lrcAr);
fscreen.fs(tz, fsbtn);
</script> @小辣椒
{:4_170:}{:4_189:}{:4_196:}{:4_205:}{:4_172:}
八把大刀 小辣椒，H5播放器暂时做不了，就用你的歌词做个马老师的代码帖@马黑黑 很情意绵绵的依恋，很美好的场景。
欣赏冬小雨好帖{:4_199:} 制作太美了，@小辣椒 亲爱的快来收礼了{:4_187:} 哇塞，杀气腾腾 冬天的雨 发表于 2025-2-11 20:45
小辣椒，H5播放器暂时做不了，就用你的歌词做个马老师的代码帖@马黑黑
大家好像都不理解什么叫H5播放器。
H5 = HTML5
我们的帖子，所使用的播放控制器，全部是基于HTML5的 好听的歌，送给好心的人。 马黑黑 发表于 2025-2-11 21:18
大家好像都不理解什么叫H5播放器。
H5 = HTML5
马老师晚上好，冬雨指小辣椒布置的那个H5播放器，我做不了了，上传空间没有 冬天的雨 发表于 2025-2-11 21:22
马老师晚上好，冬雨指小辣椒布置的那个H5播放器，我做不了了，上传空间没有
额，是专指的 马黑黑 发表于 2025-2-11 21:16
哇塞，杀气腾腾
哈哈，八把大刀，这个效果小辣椒看见会吓晕{:4_170:} 红影 发表于 2025-2-11 21:13
制作太美了，@小辣椒 亲爱的快来收礼了
美女，冬雨这个就是抄的作业{:4_172:} 冬天的雨 发表于 2025-2-11 21:23
哈哈，八把大刀，这个效果小辣椒看见会吓晕
那不会。小辣椒英勇无敌的 马黑黑 发表于 2025-2-11 21:23
额，是专指的
是的，文件夹上传，我没有上传空间，以前的空间上不去了 冬天的雨 发表于 2025-2-11 21:26
是的，文件夹上传，我没有上传空间，以前的空间上不去了
空间要缴费 马黑黑 发表于 2025-2-11 21:27
空间要缴费
本来就是小辣椒给我的，我一直免费的{:4_170:} 冬天的雨 发表于 2025-2-11 21:24
美女，冬雨这个就是抄的作业
小辣椒让做就做了，冬小雨很服从指挥呢{:4_187:} 冬天的雨 发表于 2025-2-11 21:38
本来就是小辣椒给我的，我一直免费的
酱紫 八把大刀看起来很厉害，和图片画面很般配。欣赏点赞！