路漫漫（新歌） 冷锋创作演唱
<style>@import 'https://638183.freep.cn/638183/web/tz/tz.v4.css';
.pa {
--offsetX: 0px;
--bg: url('https://ff.xiaoqiaodali.top:5401/i/2026/04/13/69dbcac71e582.gif') no-repeat center/cover;
--ma-size: 10%;
width: 1400px;
height: 788px;
position: relative;
overflow: hidden;
}
.pa *, .pa *::before, .pa *::after {
content: none !important;
}
#custom-lrc-container {
position: absolute;
top: 30px;
left: -110px;
display: flex;
justify-content: center;
align-items: center;
width: 400px;
height: 400px;
z-index: 9999;
pointer-events: none;
overflow: visible;
}
.lrc-line {
writing-mode: vertical-rl;
text-orientation: upright;
white-space: pre;
font-size: 34px;
font-weight: bold;
text-shadow: 0 0 15px rgba(0,0,0,0.9);
opacity: 0;
transform: scale(0.9) translateY(20px);
animation: lrcFadeIn 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
position: relative;
flex-shrink: 0;
}
@keyframes lrcFadeIn {
to {
opacity: 1;
transform: scale(1) translateY(0);
text-shadow: 0 0 25px rgba(255, 215, 0, 0.5), 0 0 10px rgba(255,255,255,0.3);
}
}
.char-color {
display: inline-block;
animation: charGlow 0.8s forwards;
}
@keyframes charGlow {
to {
text-shadow: 0 0 10px currentColor;
}
}
</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/9d381b8092cf2ddc366a9f750f012e1c.mp3' });
tz.add('video', '', 'pd-vid', {src: 'http://cccimg.com/view.php/30d85f08f6e84acaa27e7201a2f69eba.mp4'}).style('opacity: 0.5;');
tz.add('img', '', 'ma', { src: 'https://ff.xiaoqiaodali.top:5401/i/2026/04/02/69ce16e493ac6.png' }).style('bottom: 60px;').playmp3();
tz.bgprog().style('bottom: 40px; color: #fefefe; width: 24=280px;');
tz.fs().style('left: 20px; top: 20px;');
const lrcString = `
路漫漫
词曲演唱：冷锋
路漫漫
有近也有远
只能好好看眼前
望不穿遥远
未来的天
路漫漫都是风景线
一路走来皆安然
回到家里风轻云淡
路漫漫长路历风寒
人生难免有艰难
行走江湖沟沟坎坎
路漫漫忽近又忽远
奔赴山海一瞬间
一晃老了青春容颜
路漫漫独行少陪伴
寂寞心间亦坦然
脚下风尘往事如烟
寂寞心间亦坦然
脚下风尘往事如烟
`;
let lines = [];
let currentActiveIndex = -1;
// 高级柔和彩虹配色（已优化）
function getRandomColor() {
const colors = [
'#ff6b6b', '#feca57', '#48dbfb', '#ff9ff3', '#1dd1a1',
'#ff9f43', '#5f27cd', '#00d2d3', '#ff3838', '#7efff5'
];
return colors;
}
function initCustomLrc(lrcText) {
const container = document.getElementById('custom-lrc-container');
container.innerHTML = '';
lines = [];
currentActiveIndex = -1;
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;
const content = match.trim();
if (content) lines.push({ time, content });
}
});
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;
}
if (activeIndex !== -1 && activeIndex !== currentActiveIndex) {
currentActiveIndex = activeIndex;
renderSingleLine(container, lines.content);
}
});
audio.addEventListener('ended', () => {
container.innerHTML = '';
currentActiveIndex = -1;
});
audio.addEventListener('seeked', () => {
const currentTime = audio.currentTime;
let activeIndex = -1;
for (let i = 0; i < lines.length; i++) {
if (currentTime >= lines.time) activeIndex = i;
else break;
}
if (activeIndex !== -1 && activeIndex !== currentActiveIndex) {
currentActiveIndex = activeIndex;
renderSingleLine(container, lines.content);
}
});
}
}
// 逐字彩色渲染
function renderSingleLine(container, text) {
container.innerHTML = '';
const div = document.createElement('div');
div.className = 'lrc-line';
let html = '';
for (let char of text) {
const color = getRandomColor();
html += `<span class="char-color" style="color: ${color};">${char}</span>`;
}
div.innerHTML = html;
container.appendChild(div);
}
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>
https://pic.rmb.bdstatic.com/bjh/news/675b38679223e341fbe7be666d8d0ea5.gif 制作漂亮欣赏老师精彩分享！ 也曾年轻 发表于 2026-4-13 07:19
感谢也曾年轻的一贯鼓励，很荣幸，上午好~~{:4_190:}{:4_204:}
雨季工作室 发表于 2026-4-13 08:46
制作漂亮欣赏老师精彩分享！
欢迎雨季工作室，感谢您的支持，祝您吉祥安好！{:4_204:}{:4_190:}
这样的独自路上行，非常洒脱。
制作漂亮，歌曲好听，欣赏枫丹好帖{:4_199:} 红影 发表于 2026-4-13 19:11
这样的独自路上行，非常洒脱。
制作漂亮，歌曲好听，欣赏枫丹好帖
红影晚上好~~
哈哈~~我基本就是独行客，除了以前行摄在论坛相邀加入，其余都是自己行动。自己出行可以随心所欲，相对简单很多。
感谢红影的支持，春祺 ！{:4_204:}{:4_190:}
霜染枫丹 发表于 2026-4-13 20:18
红影晚上好~~
哈哈~~我基本就是独行客，除了以前行摄在论坛相邀加入，其余都是自己行动。自己出行可以 ...
自己出行很自由，但也缺少相互帮衬，也有不方便之处呢。 红影 发表于 2026-4-14 23:26
自己出行很自由，但也缺少相互帮衬，也有不方便之处呢。
我这样出行都是拍摄，基本是到了目的地，通过酒店租车，有时候不远行就乘公交车，出行前做好攻略，公交路线，长途汽车站等都要弄清楚。酒店在网上预定，好几年都是携程的VIP{:4_173:}跟团可以结伴，自由行结伴反而不方便，住宿，吃饭，打车都有可能意见不同一。通过酒店或者户外俱乐部租车都有备案，安全上有保障，随便上车风险大，摄影器材就是6位数，景区很多人都知道行情。那些年都跑得可以做导游了{:4_204:}{:4_190:}
霜染枫丹 发表于 2026-4-14 23:43
我这样出行都是拍摄，基本是到了目的地，通过酒店租车，有时候不远行就乘公交车，出行前做好攻略，公交路 ...
枫丹在摄影上投入很大啊，无论是金钱上还是体能上时间上，都付出很多。太痴迷了{:4_187:} 红影 发表于 2026-4-15 22:19
枫丹在摄影上投入很大啊，无论是金钱上还是体能上时间上，都付出很多。太痴迷了
我是从工地直接内退回家给儿子做书童了98年油田实行内退，给增加5年的工龄。我当时正在沈阳出差，老伴打电话告诉我这个信息，我马上说你现在就去给我办手续，担心政策再变了。我是带车到沈阳变压器厂出差，当时我在承包工程，有机加工能力。儿子已经考上了省理科实验班，全省只特招50名，考的很残酷。他一到石家庄上学，我就不想干了，提交了一个停薪停职的报告没有批，那也是政策，可是没人申请，我知道的外单位就我一个申请了，厂长说再等等，这个政策可能执行不下去，果然就用内退代替了。我内退后就没了自我，一切以儿子需求来行动。就这样儿子通过竞赛进入清华，我继续当书童，2008年儿子毕业了，我就一下子没事情了，老伴就让我学摄影，他说我好动，傻乎乎的外出也不计较也不害怕，适合做背包客。就这样2009年我开始学摄影了。{:4_173:}
霜染枫丹 发表于 2026-4-15 22:45
我是从工地直接内退回家给儿子做书童了98年油田实行内退，给增加5年的工龄。我当时正在沈阳出差，老伴打 ...
98年就为了孩子内退了，那么早啊，98年到2026，天啊，已经28年了啊，而08年开始玩摄影，也已经玩了18年了。很多事是不知不觉的，但一算时间，还是挺可怕的{:4_173:} 红影 发表于 2026-4-18 14:10
98年就为了孩子内退了，那么早啊，98年到2026，天啊，已经28年了啊，而08年开始玩摄影，也已经玩了18年了 ...
我的理解孩子的学习是需要时间的，我一直不太相信那些所谓的锻炼生活能力，我觉得生活能力是一种本能，需要解决的时候都能解决，只不过需要一个熟练地过程。学习不同，是个时不我待的优先级必须保证时间。离开家到了石家庄住校，他们是首届理科实验班，学校没有食堂，没有空调，没有洗衣机。之前没有住校生。我让儿子记一下洗一次衣服的时间，他说从收拾要洗的衣服开始，到最后收起来，用了2个小时。我算一下那么一个月就丢失了8个小时在洗衣服上，还有其他小事总的办，这些时间用来学习哪管是躺下休息一会儿，在学习上都有帮助。基于这种换算，我决定做全职书童。每周六我都会做五个半小时的火车到石家庄，下了火车乘公交到学校，打理儿子生活需要，晚上带儿子住酒店，相对好一点，没到顶级。让儿子在酒店洗个澡住一晚上，好好吃点，早上儿子在酒店吃过早餐回学校上课，我退房后再回到学校把洗好的衣服收起来放好，然后在座火车回家，风雨无阻每周一次，直到毕业。儿子工作了我闲下来被老伴逼着学了摄影{:4_173:}{:4_204:}{:4_190:}
霜染枫丹 发表于 2026-4-18 21:31
我的理解孩子的学习是需要时间的，我一直不太相信那些所谓的锻炼生活能力，我觉得生活能力是一种本能，需 ...
你这全职书童做得太不容易了，花费那么多精力啊。好在儿子很争气，让你的付出没白费{:4_199:} 红影 发表于 2026-4-19 21:39
你这全职书童做得太不容易了，花费那么多精力啊。好在儿子很争气，让你的付出没白费
我帮儿子写了10年的作业{:4_173:}还包括写检讨，直到大学的政治作业等一切文字方面的都是我在写，儿子说他们班只有我这么干，没办法，河北省当年只有三名参加奥数竞赛名额，江南有的省能有5个。考试太残酷了。儿子只是读得油田学校，当时我觉得还行，到了石家庄二中，才知道很多学生小学读得就是理科实验小学，教材学的根本不一样，基础差的太多。{:4_204:}{:4_190:}
霜染枫丹 发表于 2026-4-21 12:22
我帮儿子写了10年的作业还包括写检讨，直到大学的政治作业等一切文字方面的都是我在写，儿子说 ...
你儿子有这么厉害的老妈很幸运呢{:4_187:}
页:
[1]