花潮LRC加餐程序在线版（测试）

马黑黑 发表于 2022-9-18 12:47

本帖最后由马黑黑于 2022-9-18 12:56 编辑 <br /><br /><style>
#mama { margin: auto; width: fit-content; height: fit-content;}
#mama p { margin: 6px 0; padding: 0; text-align: center; }
#mama h5 { margin: 16px 0; padding: 0; font: bold 1.4em sans-serif; text-align: center; }
#lrcText { padding: 10px; width: 720px; height: 460px; outline: none; border: 1px solid; font: normal 1em / 1.2em sans-serif; }
#bntok {}
</style>
</head>
<body>

<div id="mama">
<h5>花潮lrc加餐转换</h5>
<textarea rows="18" cols="60" id="lrcText" placeholder="请连同变量名完整粘贴 lrcAr 歌词数组"></textarea>
<p><input type="button" value=" 开始加餐 " id="btnok" /></p>
</div>

<script>

btnok.onclick = () => addGapTime();

let addGapTime = () => {
let script = document.createElement('script');
script.innerText = lrcText.value;
mama.appendChild(script);
for(j = 0; j < lrcAr.length; j ++) {
let gap = j === lrcAr.length - 1 ? 6 : Math.floor(lrcAr -lrcAr);
lrcAr = "'" + lrcAr + "'";
lrcAr.push(gap);
}
lrcText.value ='let lrcAr = [' + lrcAr.map((item) => item = '\n\t[' + item + ']') +'\n];';
btnok.disabled = true;
}

</script>

马黑黑 发表于 2022-9-18 12:51

程序使用方法：

例如，有一个花潮LRC歌词数组，长下面这样子——

let lrcAr = [
['0.00','吹灭小山河 - 国风堂 / 司南'],
['5.02','词：季知拙'],
['10.04','曲：WH宇恒'],
['15.06','曾羡慕闲云野鹤作客人间'],
['19.00','寄情于天地有灵草木无邪']
];

上面暗红色的代码，必须完整地粘贴到程序大文本框中，然后点击底部的 “开始加餐” 按钮，就生成加餐后的lrc歌词数组，替换掉了原来粘贴的内容。

注意：每次打开此程序，只能做一次转换操作，需要重来的，请刷新一下本页面。

马黑黑 发表于 2022-9-18 12:52

最后一句永远是 6，请根据实际情况进行调整

马黑黑 发表于 2022-9-18 12:55

源码也分享一下吧<style>
   #mama { margin: auto; width: fit-content; height: fit-content;}
   #mama p { margin: 6px 0; padding: 0; text-align: center; }
   #mama h5 { margin: 16px 0; padding: 0; font: bold 1.4em sans-serif; text-align: center; }
   #lrcText { padding: 10px; width: 600px; height: 460px; outline: none; border: 1px solid; font: normal 1em / 1.2em sans-serif; }
   #bntok {}
</style>
</head>
<body>

<div id="mama">
   <h5>花潮lrc加餐转换</h5>
   <textarea rows="18" cols="60" id="lrcText" placeholder="请连同变量名完整粘贴 lrcAr 歌词数组"></textarea>
   <p><input type="button" value=" 开始加餐 " id="btnok" /></p>
</div>

<script>

btnok.onclick = () => addGapTime();

let addGapTime = () => {
   let script = document.createElement('script');
   script.innerText = lrcText.value;
   mama.appendChild(script);
   for(j = 0; j < lrcAr.length; j ++) {
            let gap = j === lrcAr.length - 1 ? 6 : Math.floor(lrcAr -lrcAr);
            lrcAr = "'" + lrcAr + "'";
            lrcAr.push(gap);
   }
   lrcText.value ='let lrcAr = [' + lrcAr.map((item) => item = '\n\t[' + item + ']') +'\n];';
   btnok.disabled = true;
}

</script>JS处理函数用了偷懒的做法，将文本框里的JS代码变成变量，所以 lrc歌词数组必须完整、合法，否则得不到所期盼的结果。

马黑黑 发表于 2022-9-18 13:54

亚伦影音工作室发表于 2022-9-18 13:39
.container {
margin: 0px auto;
width: 1024px;

做完还需要微调一下

小辣椒 发表于 2022-9-18 13:56

手机看见的，赶快上来看看。

马黑黑 发表于 2022-9-18 13:57

小辣椒发表于 2022-9-18 13:56
手机看见的，赶快上来看看。

这是是在线版了，你可以粘贴歌词数组过来了。变成你的，不是我的{:4_170:}

小辣椒 发表于 2022-9-18 13:58

可惜我下午没有时间

亚伦影音工作室 发表于 2022-9-18 14:00

马黑黑发表于 2022-9-18 13:54
做完还需要微调一下

已经删掉了！

小辣椒 发表于 2022-9-18 14:04

马黑黑发表于 2022-9-18 13:57
这是是在线版了，你可以粘贴歌词数组过来了。变成你的，不是我的

好的，我上来测试后再走

小辣椒 发表于 2022-9-18 14:18

完美，成功的，我出发了，晚上见

小辣椒 发表于 2022-9-18 14:20

马黑黑发表于 2022-9-18 12:55
源码也分享一下吧JS处理函数用了偷懒的做法，将文本框里的JS代码变成变量，所以 lrc歌词数组必须完整、合 ...

黑黑太无私了，赞一个，

奇怪怎么突然头像都变了{:5_115:}

马黑黑 发表于 2022-9-18 16:28

小辣椒发表于 2022-9-18 14:18
完美，成功的，我出发了，晚上见

88

红影发表于 2022-9-18 17:33

现在有花潮LRC在线做歌词，还有加餐版做同步歌词。这个太好了。感谢黑黑的无私奉献{:4_199:}

马黑黑 发表于 2022-9-18 17:50

红影发表于 2022-9-18 17:33
现在有花潮LRC在线做歌词，还有加餐版做同步歌词。这个太好了。感谢黑黑的无私奉献

这个还不用置顶的，还在测试中

红影发表于 2022-9-18 19:50

马黑黑发表于 2022-9-18 17:50
这个还不用置顶的，还在测试中

先置顶呗，等调试好了再替换{:4_173:}

马黑黑 发表于 2022-9-18 20:13

红影发表于 2022-9-18 19:50
先置顶呗，等调试好了再替换

心太急{:4_173:}

梦缘发表于 2022-9-18 20:28

感谢老师的无私奉献，好用！{:4_187:}

梦缘发表于 2022-9-18 20:29

马黑黑发表于 2022-9-18 12:51
程序使用方法：

例如，有一个花潮LRC歌词数组，长下面这样子——

好用的代码，问好老师！{:4_187:}

红影发表于 2022-9-18 20:32

马黑黑发表于 2022-9-18 20:13
心太急

以前好像也是这样的啊，实用的帖子置顶，便于寻找{:4_187:}

页: [1] 2

花潮论坛's Archiver

花潮LRC加餐程序在线版（测试）