戏中身

马黑黑 · 发表于 2026-7-19 12:05

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

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

x

马黑黑 · 发表于 2026-7-19 12:05

帖子代码

<style>
@import 'https://638183.freep.cn/638183/web/api/audioplayer.css';
.pa { --offsetX: 81px; --bg: url('https://638183.freep.cn/638183/t24/6/xvu.jpg') no-repeat center/cover; color: yellow; }
.player { width: 480px; bottom: 10px; }
.btnFs { top: 25px; left: 20px; }
#lrc { top: 60px; right: 60px; }
#msvg { position: absolute; width: 12vw; heighht: 12vw; top: 10%; transition: .75s; opacity: 1; cursor: pointer; }
</style>
<div id="pa" class="pa">
<video class="qk-vid" src="https://bpic-oss.588ku.com/video_listen/588ku_video/22/11/03/23/51/26/video6363e37ec520c.mp4" muted></video>
<svg id="msvg" widt="200" height="200" viewBox="-200 -200 400 400" xmlns="http://www.w3.org/2000/svg">
<title>alt+x</title>
<g id="g" class="rotate"></g>
</svg>
</div>
<script>
var gc = `[00:01.651]戏中身\n[00:08.666]歌手·普阿山等\n[00:16.951]乱成线\n[00:19.563]不过山茶花落地\n[00:23.871]三菩提\n[00:27.072]无意识而无依\n[00:31.680]如是我闻过\n[00:38.803]如是我闻过\n[00:44.345]花一木皆成因\n[01:00.425]梦化成现实困住我\n[01:04.681]无所从又无所去躲\n[01:08.375]梦化成现实困住我\n[01:12.339]万生皆因果\n[01:14.953]惦朝霞\n[01:22.233]乱成麻\n[01:30.690]非以身普渡又何度泞路\n[01:38.238]兀自聊以束亦是空和无\n[01:45.373]不知何求与执念为谋\n[01:50.071]贪和念无谓是色即空非空\n[02:00.136]无知所故与执念为伍\n[02:04.797]淘尽灰色泥泞路\n[02:13.231]固执\n[02:29.685]非以身普渡何度泞路\n[02:33.311]兀自聊以束是无亦是空\n[02:36.999]非以身普渡何度泞路\n[02:40.725]是无亦是空\n[02:55.599]是空亦是无\n[03:11.387]坠落又怎罔顾\n[03:14.521]虔诚如一\n[03:16.184]将往事送菩提\n[03:17.699]无所依无往\n[03:19.828]无妨且听着哭啼走进雾里\n[03:23.489]穿到界外断了人间雨\n[03:28.833]我盼如一\n[03:30.859]往事能送菩提\n[03:32.522]无所依无往\n[03:34.601]无妨且走一遭\n[03:36.264]让那褪去的如泡影般惨⽩的\n[03:40.001]化成儿时听说\n[03:42.099]随花骨朵而掉落`;
var options = {
pa: '.pa',
urls: [['https://music.163.com/song/media/outer/url?id=3407446672', '戏中身']],
btns: [msvg],
};
loadJs('https://638183.freep.cn/638183/web/api/audioplayer.min.js', function() {
loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', function() {
loadJs('https://638183.freep.cn/638183/web/api/yslrc.sp.min.js', tzRun);
});
});
function tzRun() {
var aud = new AudPlayer(options);
LRC(aud.pa, aud.aud, gc, -0.5);
var dr = _dr(msvg);
dr.polygon('0 190,50 140,0 90,-50 140','currentColor').addTo('g').rotates(8);
}
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-7-19 12:06

本帖测试：原生 LRC 歌词同步竖排版

之前的 yslrc.min.js 只支持横排，yslrc.sp.min.js 在其基础上改为竖排，二者地址一致，文件名不同。竖排版未设置英文、阿拉伯数字直立（text-orientation: upside），有需要的可在 #lrc 选择器中加入 #lrc {/*其它代码。。。;*/ text-orientation: upside; }

歌词同步设置参考二楼代码第 35 行