晚来天欲雪

马黑黑 · 发表于 2026-9-3 08:19

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

马黑黑 · 发表于 2026-9-3 08:20

帖子代码

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/7/th.jpg') no-repeat center/cover; color: lightgreen; }
.player { width: 480px; bottom: 10px; }
.btnFs { top: 25px; right: 20px; }
#lrc { left: 20px; top: 25px; }
#msvg { position: absolute; width: 10vw; height: 10vw; bottom: 60px; cursor: pointer; }
</style>
<div id="pa" class="pa">
<video class="pd-vid" src="https://img2.tukuppt.com/video_show/2475824/00/01/59/5b46b977d9e77.mp4" autoplay loop muted></video>
<svg id="msvg" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400"><title>播放/暂停(Alt+X)</title></svg>
</div>
<script>
var gc = `[00:01.20]晚来天欲雪\n[00:08.30]歌手：恋恋故人难 / 云之泣\n[00:17.65]编曲：林一卡/冯帆\n[00:22.49]定是梨花月太过于眷恋\n[00:27.89]才不慎沾染动心的谎言\n[00:33.46]你迢迢一眼便撞入春天\n[00:38.87]举世跋涉来相见\n[00:45.09]当飞花字句敲打在窗棂\n[00:50.51]霜寒不巧来拜临\n[00:54.57]从你的眼里窥见红尘的倒影\n[00:59.98]云梦苍苍摇曳不成形\n[01:04.86]或许你曾借沧海一粟拥星河一路\n[01:10.34]投奔鼎沸人海的静默处\n[01:15.87]而我藏叶底一度踏岁月一路\n[01:21.11]只为那时有春风轻拂\n[01:49.76]烟雨他贪恋些微的温暖\n[01:55.20]不惜拜别后孤身下人间\n[02:00.68]任跌落流年任扑朔梦蝶\n[02:06.25]举杯饮下这阔绝\n[02:12.29]怕晚岚辞行怅然梦难醒\n[02:17.79]你俯身湖面捞星\n[02:21.87]将隐秘心事都悉数赠给青荇\n[02:27.34]总会有人来读懂倾听\n[02:32.35]原来你曾借沧海一粟拥星河一路\n[02:37.54]投奔鼎沸人海的静默处\n[02:43.15]而我藏叶底一度踏岁月一路\n[02:48.36]只为那时有春风轻拂\n[02:55.05]胜却人间无数\n[03:40.79]借沧海一粟拥星河一路\n[03:45.14]投奔鼎沸人海的静默处\n[03:50.49]而我藏叶底一度踏岁月一路\n[03:55.73]只为那时有春风轻拂\n[04:02.36]谁化名万古竟痴心来赴\n[04:06.40]捧一抔爱火余烬的焦土\n[04:11.76]待到隔山起浓雾看不清前路\n[04:17.12]君心我心还始终如故\n[04:23.44]走向落白深处\n[04:28.91]制作人：冯帆/林一卡\n[04:29.44]弦乐编写：冯帆\n[04:29.77]弦乐监制：刘辉\n[04:30.08]弦乐录制：辉煌之音管弦乐团\n[04:30.29]弦乐录音棚：2496 Top music\n[04:30.48]弦乐录音师：Rey @2496 Top music\n[04:30.75]和声编写：软软的明天\n[04:31.02]和声：软软的明天\n[04:31.28]混音&母带：冯帆\n[04:31.53]制作统筹：冀玉静/景她\n[04:31.72]插画绘图：EFA发_\n[04:31.95]视觉设计：kyrja\n[04:32.20]监制：闫卡夫\n[04:32.42]策划：清舆/景她\n[04:32.65]企划：三糙文化\n[04:32.91]发行：纳吉音 NEGIA /MIRAI Tokyo Inc`;
var options = {
pa: '.pa',
urls: [['https://music.163.com/song/media/outer/url?id=1466822129', '1']],
btns: [msvg],
};
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', function() {
loadJs('https://638183.freep.cn/638183/web/api/yslrc.min.js', function() {
loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
});
});
function tzRun() {
var aud = new AudPlayer(options);
LRC(aud.pa, aud.aud, gc, 0);
var dr = _dr(msvg);
dr.setsvg({width: 300, height: 300, viewBox: '-200 -200 400 400'});
dr.g('g1').set('class', 'rotate');
dr.path('M-140 0 L-165 -25 L-190 0 L-165 25 L-140 0 L140 0 L165 25 L 190 0 L165 -25 L 140 0', 'green', 'lightgreen', 4).addTo('g1').rotates(6, 180);
}
function loadJs(url, callback) {
var script = document.createElement('script');
script.charset = 'utf-8';
script.src = url;
script.onload = function() {
if (callback) callback();
};
document.head.appendChild(script);
}
</script>

复制代码

马黑黑 · 发表于 2026-9-3 08:24

帖子没啥特别之处，主要是前两天 @小辣椒提到 LRC 歌词同步帖子使用 SVG 做辅助小播会出现乱码，这里测试以下。其实，此前已有同类性质的帖子可以明证不会出现乱码的现象。

yslrc.js 歌词通过不插件已经考虑到了编码问题（utf-8），引入插件只要指定正确的 charset，理论上中文不应出现乱码。