https://bianle.me/tags/%E9%99%88%E6%A5%9A%E7%94%9F/ Recent content in 陈楚生 on 张有志的博客 Hugo en-us Sun, 12 Apr 2026 16:17:05 +0800 https://bianle.me/posts/466/ Sun, 12 Apr 2026 16:17:05 +0800 https://bianle.me/posts/466/ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"> <script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script> <div id="aplayer"></div> <div class="aplayer-lrc-full" id="aplayer-flat-0" data-aplayer-flat data-aplayer-flat-url="https://nexus-alioss.oss-cn-beijing.aliyuncs.com/_51bf122a9f.lrc" ></div> <script> const ap = new APlayer({ container: document.getElementById('aplayer'), lrcType: 3 , audio: [{ name: "庙堂之外", url: "https:\/\/nexus-alioss.oss-cn-beijing.aliyuncs.com\/_2552ff6423.mp3", artist: "陈楚生", cover: "https:\/\/nexus-alioss.oss-cn-beijing.aliyuncs.com\/_ef7d2351ea.jpg", lrc: "https:\/\/nexus-alioss.oss-cn-beijing.aliyuncs.com\/_51bf122a9f.lrc"}] }); (function () { const container = document.getElementById('aplayer-flat-0'); if (!container) return; const url = container.getAttribute('data-aplayer-flat-url'); const scrollIntoView = container.getAttribute('data-aplayer-flat-scroll') === '1'; function parseLrc(text) { if (!text) return []; text = text.replace(/\r\n/g, '\n'); const lines = text.split('\n'); const out = []; for (let i = 0; i < lines.length; i++) { const line = lines[i]; const times = line.match(/\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/g); if (!times) continue; let lyricText = line; for (let j = 0; j < times.length; j++) { lyricText = lyricText.replace(times[j], ''); } lyricText = lyricText.replace(/<\d{2}:\d{2}(?:\.\d{1,4})?>/g, ''); lyricText = lyricText.replace(/^\s+|\s+$/g, ''); for (let j = 0; j < times.length; j++) { const m = /\[(\d{2}):(\d{2})(\.(\d{2,3}))?]/.exec(times[j]); if (!m) continue; const min = parseInt(m[1], 10); const sec = parseInt(m[2], 10); const frac = m[4] ? parseInt(m[4], 10) / (String(m[4]).length === 2 ? 100 : 1000) : 0; const t = min * 60 + sec + frac; out.push([t, lyricText]); } } out.sort(function (a, b) { return a[0] - b[0]; }); return out.filter(function (x) { return x[1]; }); } function render(parsed) { container.innerHTML = ''; const frag = document.createDocumentFragment(); parsed.forEach(function (row, idx) { const p = document.createElement('p'); p.className = 'aplayer-lrc-line'; p.dataset.index = String(idx); p.dataset.time = String(row[0]); p.textContent = row[1]; frag.appendChild(p); }); container.appendChild(frag); } function currentIndex(parsed, t) { if (!parsed.length) return -1; let i = 0; for (; i < parsed.length; i++) { if (parsed[i][0] > t) break; } return Math.max(0, i - 1); } function attach(parsed) { const lines = container.querySelectorAll('.aplayer-lrc-line'); let last = -1; function tick() { const t = ap.audio ? ap.audio.currentTime : 0; const idx = currentIndex(parsed, t); if (idx === last) return; last = idx; lines.forEach(function (el, j) { el.classList.toggle('is-active', j === idx); }); if (scrollIntoView && lines[idx]) { lines[idx].scrollIntoView({ block: 'nearest', behavior: 'smooth' }); } } if (ap.audio) { ap.audio.addEventListener('timeupdate', tick); tick(); } } fetch(url, { credentials: 'omit' }) .then(function (r) { if (!r.ok) throw new Error('lrc http ' + r.status); return r.text(); }) .then(function (text) { const parsed = parseLrc(text); render(parsed); attach(parsed); }) .catch(function (e) { container.innerHTML = '<p class="aplayer-lrc-error">平铺歌词加载失败</p>

]]>