可惜春风不懂我伤悲{播放器）
本帖最后由 霜染枫丹 于 2026-4-26 23:46 编辑作词：范贵宾/张百万
作曲：范贵宾
演唱：范贵宾
你是否从没爱过我
靠近不过是一时寂寞
那承诺像风中泡沫
你一转身就消失无踪
都怪我爱你过了火
如今被回忆反复折磨
明明当初你先抱紧我
为何最后放不下的人 会是我
可惜春风不懂我伤悲
像你不懂我的泪
我把真心都给了你
你把余生给了谁
可惜春风不懂我伤悲
像你不懂我心碎
那付出的爱再收不回
伤透的心还能爱谁
你是否从没爱过我
靠近不过是一时寂寞
那承诺像风中泡沫
你一转身就消失无踪
都怪我爱你过了火
如今被回忆反复折磨
明明当初你先抱紧我
为何最后放不下的人 会是我
可惜春风不懂我伤悲
像你不懂我的泪
我把真心都给了你
你把余生给了谁
可惜春风不懂我伤悲
像你不懂我心碎
那付出的爱再收不回
伤透的心还能爱谁
可惜春风不懂我伤悲
像你不懂我的泪
我把真心都给了你
你把余生给了谁
可惜春风不懂我伤悲
像你不懂我心碎
那付出的爱再收不回
伤透的心还能爱谁 <style>
@import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
.pa {
--offsetX: 20px;
--bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/04/26/69ee28be66bfb.gif') no-repeat center/cover;
--ma-size: 6%;
width: 1400px;
height: 788px;
position: relative;
overflow: hidden;
}
.pa *, .pa *::before, .pa *::after {
content: none !important;
}
/* 【修复全屏问题】改用 bottom 定位，永远贴在底部 */
#custom-lrc-container {
position: absolute;
bottom: 15px; /* 关键：距离底部 50px，全屏不变，可修改 */
left: 0;
width: 100%;
text-align: center;
z-index: 9999;
pointer-events: none;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
/* 每一句歌词的样式 */
.lrc-line {
position: absolute;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
color: #fefefe;
font-size: 28px;
font-family: "隶书", "LiSu", serif;
font-weight: normal;
text-shadow: 0 0 10px rgba(0,0,0,0.8);
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
margin: 0;
top: 0;
}
.lrc-line.active {
opacity: 1;
transform: translateX(-50%) scale(1.1);
z-index: 10;
}
</style>
<div class="pa">
<div id="custom-lrc-container"></div>
</div>
<script type="module">
import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
const tz = TZ.TZ('pa');
tz.add('audio', '', '', { src: 'http://cccimg.com/view.php/51322d0ed8f8ce337e61da61ad45e698.mp3' });
tz.add('video', '', 'pd-vid', {src: 'http://cccimg.com/view.php/30d85f08f6e84acaa27e7201a2f69eba.mp4'}).style('opacity: 0.2;');
// 【修改方案】请替换原代码中的这一行
tz.add('img', '', 'ma', {
src: 'https://ff.xiaoqiaodali.top:5401/i/2026/03/04/69a8082bb8885.png'
})
.style('right: 40px; bottom: 50px;') // 【关键】合并写在这里
.playmp3();
tz.bgprog().style('bottom: 10px; color: #fefefe; width: 400px;');
tz.fs().style('left: 20px; top: 20px;');
const lrcString = `
可惜春风不懂我伤悲
作词：范贵宾/张百万
作曲：范贵宾
演唱：范贵宾
你是否从没爱过我
靠近不过是一时寂寞
那承诺像风中泡沫
你一转身就消失无踪
都怪我爱你过了火
如今被回忆反复折磨
明明当初你先抱紧我
为何最后放不下的人 会是我
可惜春风不懂我伤悲
像你不懂我的泪
我把真心都给了你
你把余生给了谁
可惜春风不懂我伤悲
像你不懂我心碎
那付出的爱再收不回
伤透的心还能爱谁
你是否从没爱过我
靠近不过是一时寂寞
那承诺像风中泡沫
你一转身就消失无踪
都怪我爱你过了火
如今被回忆反复折磨
明明当初你先抱紧我
为何最后放不下的人 会是我
可惜春风不懂我伤悲
像你不懂我的泪
我把真心都给了你
你把余生给了谁
可惜春风不懂我伤悲
像你不懂我心碎
那付出的爱再收不回
伤透的心还能爱谁
可惜春风不懂我伤悲
像你不懂我的泪
我把真心都给了你
你把余生给了谁
可惜春风不懂我伤悲
`;
function initCustomLrc(lrcText) {
const container = document.getElementById('custom-lrc-container');
const lines = [];
const lineRegex = /\[(\d{2}):(\d{2})\.(\d{2,3})\](.*)/;
const rawLines = lrcText.split('\n');
rawLines.forEach(text => {
const match = text.match(lineRegex);
if (match) {
const minutes = parseInt(match);
const seconds = parseInt(match);
const milliseconds = parseInt(match);
const time = minutes * 60 + seconds + milliseconds / 1000;
let content = match.trim();
// 【关键修复】过滤乱码 等所有 HTML 实体
content = content.replace(/&#\d+;/g, '').trim();
if (content) {
lines.push({ time, content, element: null });
}
}
});
lines.forEach((line) => {
const div = document.createElement('div');
div.className = 'lrc-line';
div.textContent = line.content;
container.appendChild(div);
line.element = div;
});
const audio = document.querySelector('.pa audio');
if (audio) {
audio.addEventListener('timeupdate', () => {
const currentTime = audio.currentTime;
let activeIndex = -1;
for (let i = 0; i < lines.length; i++) {
if (currentTime >= lines.time) {
activeIndex = i;
} else {
break;
}
}
lines.forEach((line, idx) => {
if (idx === activeIndex) {
line.element.classList.add('active');
} else {
line.element.classList.remove('active');
}
});
});
audio.addEventListener('ended', () => {
lines.forEach(line => line.element.classList.remove('active'));
});
}
}
setTimeout(() => {
const audioEl = document.querySelector('.pa audio');
if(audioEl) {
initCustomLrc(lrcString);
} else {
const observer = new MutationObserver(() => {
const aud = document.querySelector('.pa audio');
if(aud) {
initCustomLrc(lrcString);
observer.disconnect();
}
});
observer.observe(document.querySelector('.pa'), { childList: true, subtree: true });
}
}, 500);
</script>
霜染枫丹 发表于 2026-4-26 23:47
@import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
.pa {
https://img1.oldkids.cn/upload/2021/12/01/blog_260844733_20211201053404192.gif 欣赏枫丹老师精彩作品！ 欣赏精彩制作，问好霜染枫丹。 也曾年轻 发表于 2026-4-27 08:00
也曾年轻上午好！感谢您的支持鼓励，祝吉祥安好~~
https://ff.xiaoqiaodali.top:5401/i/2025/07/28/68873ce52181e.gif
雨季工作室 发表于 2026-4-27 10:27
欣赏枫丹老师精彩作品！
感谢雨季工作室的支持鼓励，上午好！欢迎您，恭祝吉祥！！
https://ff.xiaoqiaodali.top:5401/i/2025/07/28/68873ce52181e.gif
梦油 发表于 2026-4-27 11:19
欣赏精彩制作，问好霜染枫丹。
梦老上午好~~
感谢您的支持鼓励。当我在清华校庆时看到头发花白的老校友在大操场的奔跑，广播里正好播放这首歌，我被震撼了。祝梦老吉祥快乐！
https://ff.xiaoqiaodali.top:5401/i/2025/07/28/68873ce52181e.gif
霜染枫丹 发表于 2026-4-27 11:26
梦老上午好~~
感谢您的支持鼓励。当我在清华校庆时看到头发花白的老校友在大操场的奔跑，广播里正好播 ...
清华出人才啊，枫丹朋友就是一位难得的人才，从你的字里行间看出你的人品。{:5_116:} 聆听好听歌曲，欣赏精彩制作，点赞！ 好听好看，制作漂亮，谢谢枫丹老师精彩分享{:4_204:} 视频里的紫色系列很漂亮，淡雅而高贵。这首歌曲有点伤感，却很好听。
欣赏枫丹好帖{:4_187:} 霜染枫丹 发表于 2026-4-27 11:26
梦老上午好~~
感谢您的支持鼓励。当我在清华校庆时看到头发花白的老校友在大操场的奔跑，广播里正好播 ...
这样的校友非常有情怀，应该是在奔跑中回味读书时光呢。 魏淑芬 发表于 2026-4-27 15:14
聆听好听歌曲，欣赏精彩制作，点赞！
感谢魏淑芬的支持，晚上好！
https://ff.xiaoqiaodali.top:5401/i/2025/07/28/68873ce52181e.gif
杨帆 发表于 2026-4-27 18:42
好听好看，制作漂亮，谢谢枫丹老师精彩分享
感谢扬帆的支持，晚上好！！
https://ff.xiaoqiaodali.top:5401/i/2025/07/28/68873ce52181e.gif
红影 发表于 2026-4-27 19:45
这样的校友非常有情怀，应该是在奔跑中回味读书时光呢。
校友回校是每年4月份最后一周的周日+前后各一天，一共三天，校园里就像过节。2023年校庆我和老伴进去了，还没有跑步这一项活动。
https://ff.xiaoqiaodali.top:5401/i/2025/07/28/68873ce52181e.gif
霜染枫丹 发表于 2026-4-27 20:56
校友回校是每年4月份最后一周的周日+前后各一天，一共三天，校园里就像过节。2023年校庆我和老伴进去了， ...
每年4月份最后一周的周日前后，这日子选得真好，正是不冷不热的美好春日呢{:4_187:}
页:
[1]