花潮lrc歌词加餐转换程序
本帖最后由 马黑黑 于 2022-9-17 17:49 编辑程序代码如下，也可以在文后下载源程序：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>花潮lrc加餐转换</title>
<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 class="mama">
<h5>花潮lrc加餐转换</h5>
<textarea rows="18" cols="60" id="lrcText"></textarea>
<p><input type="button" value=" 开始加餐 " id="btnok" /></p>
</div>
<script>
//待转换数组 - 请自己替换
let lrcAr = [
['0.01','关淑怡 - 忘记他'],
['1.03','作词：黄沾'],
['2.03','作曲：黄沾'],
['18.05','忘记他'],
['22.07','等于忘掉了一切'],
['27.09','等于将方和向抛掉'],
['32.07','遗失了自己'],
['37.06','忘记他'],
['41.10','等于忘尽了欢喜'],
['46.05','等于将心灵也锁住'],
['51.08','同苦痛一起'],
['56.09','从来只有他'],
['61.08','可以令我欣赏自己'],
['66.04','更能让我去用爱'],
['69.06','将一切平凡事'],
['72.03','变得美丽'],
['77.01','忘记他'],
['81.04','怎么忘记得起'],
['86.06','铭心刻骨来永久记住'],
['91.03','从此永无尽期'],
['107.05','Ba'],
['125.05','忘记他'],
['129.06','等于忘尽了欢喜'],
['134.06','等于将心灵也锁住'],
['139.04','同苦痛一起'],
['144.06','从来只有他'],
['149.05','可以令我欣赏自己'],
['154.00','更能让我去用爱'],
['157.04','将一切平凡事'],
['160.01','变得美丽'],
['165.00','忘记他'],
['169.02','怎么忘记得起'],
['174.03','铭心刻骨来永久记住'],
['179.01','从此永无尽期']
];
let endTime = 204.77; //歌曲总时长 - 自行修改，可以改小一些
btnok.onclick = () => {
let outStr = "let lrcAr = [\n";
for(k = 0; k <= lrcAr.length - 1; k ++) {
let time = Math.floor(((k == lrcAr.length - 1) ? endTime : lrcAr) - lrcAr);
outStr += "\t[" + lrcAr + ", " + "'" + lrcAr + "', " + time + "],\n";
}
outStr += "];";
lrcText.value = outStr;
}
</script>
</body>
</html>下载源码文件 →
本帖最后由 马黑黑 于 2022-9-17 14:06 编辑
使用方法：
首先，制作好花潮格式的lrc歌词后，得到下面这样的歌词数组——
let lrcAr = [
,
,
,
,
//更多歌词省略
];
将上述 lrcAr 数组整体复制到程序，覆盖同名数组。
第二步：根据歌曲的长度，修改程序里面下面这句的数值：
let endTime = 204.77; //歌曲总时长 - 自行修改，可以改小一些
第三部：保存，双击运行程序文件，点 ”开始加餐“ 按钮，加餐后的lrc歌词会出现在按钮上方的大文本框内，它就是我们所需要的逐字涂抹着色的歌词，大概样纸如下：
let lrcAr = [
,
,
,
,
//更多歌词省略
];
还没完工，因为这样制作的数组，每句歌词最后一个数组元素所记录的演唱用时是个大约数，它是拿下一句歌词的时间减去上一句歌词的时间得到的，虽然去了零头，但不会准确的，需要根据实际情况修正。例如，下面这一句，假设它实际需要 3 秒唱完的，那就将后面的数字 4 改为 3：
4],
↓
3], 看你帖子里的后面的加餐不是用小引号的么，这个不需要了？ 黑黑辛苦，一个晚上就出来这个新的程序，佩服S了{:4_178:} 黑黑，你这个是为自己加餐的{:4_170:}
我的歌词进去出来是你的 小辣椒 发表于 2022-9-17 15:38
黑黑，你这个是为自己加餐的
我的歌词进去出来是你的
你要替换程序里的原来的 lrcAr 数组 红影 发表于 2022-9-17 14:50
看你帖子里的后面的加餐不是用小引号的么，这个不需要了？
我再哪一个帖子里说到过，时间信息属于数值型的，可以不要引号；JS对数据类型是宽松型，要也可以，当初设计时为了好看，要了引号，现在是为了省事，不要也可以。 小辣椒 发表于 2022-9-17 15:38
黑黑，你这个是为自己加餐的
我的歌词进去出来是你的
我再沙发楼里有说明的：
将你要使用的歌词 lrcAr 数组完整替换程序中的同名数组。而不是粘贴到文本框。 马黑黑 发表于 2022-9-17 17:44
我再沙发楼里有说明的：
将你要使用的歌词 lrcAr 数组完整替换程序中的同名数组。而不是粘贴到文本框 ...
哦，这个我没有改，那得晚上了，我吃饭去了
晚上见了 小辣椒 发表于 2022-9-17 18:06
哦，这个我没有改，那得晚上了，我吃饭去了
晚上见了
嗯嗯。这个是辅助程序，不是制作程序，为了简化，没有接受来自文本框的信息。 马黑黑 发表于 2022-9-17 17:42
我再哪一个帖子里说到过，时间信息属于数值型的，可以不要引号；JS对数据类型是宽松型，要也可以，当初设 ...
嗯嗯，知道了{:4_187:} 马黑黑 发表于 2022-9-17 14:00
使用方法：
首先，制作好花潮格式的lrc歌词后，得到下面这样的歌词数组——
将上述 lrcAr 数组整体复制到程序，覆盖同名数组
黑黑，你这个覆盖（同名数组）我不理解，这个就是我前面常规编辑好的歌词复制进加餐编辑器？
第三部：保存，双击运行程序文件，点 ”开始加餐“ 按钮，加餐后的lrc歌词会出现在按钮上方的大文本框内，它就是我们所需要的逐字涂抹着色的歌词，大概样纸如下：
let lrcAr = [
,
,
,
,
//更多歌词省略
];
这个我出来还是你的歌词，我替换我的歌词不够的
小辣椒 发表于 2022-9-17 20:21
将上述 lrcAr 数组整体复制到程序，覆盖同名数组
黑黑，你这个覆盖（同名数组）我不理解，这个就是我 ...
你要修改程序的源码，两个地方：
一个是，把你的歌曲的 lrcAr 数组放到源程序里，替代里面原理的内容：
花潮lrc歌词加餐代码里——
let lrcAr = [
,
,
//其他歌词
,
];
换成你的；
二个是，源程序里的这一句——
let endTime = 204.77; //歌曲总时长 - 自行修改，可以改小一些
红色数字换成你歌曲的长度。
然后保存，运行，点加餐按钮，就得到你要的
红影 发表于 2022-9-17 19:47
嗯嗯，知道了
小辣椒为什么不明白这个辅助程序的使用方法呢{:4_173:} 本帖最后由 马黑黑 于 2022-9-17 20:35 编辑
小辣椒 发表于 2022-9-17 20:22
第三部：保存，双击运行程序文件，点 ”开始加餐“ 按钮，加餐后的lrc歌词会出现在按钮上方的大文本框内， ...
不要在页面里粘贴歌词，是打开源码，在源码里换 马黑黑 发表于 2022-9-17 20:27
小辣椒为什么不明白这个辅助程序的使用方法呢
这个我真不知道{:4_201:} 马黑黑 发表于 2022-9-17 20:27
不要再页面里粘贴歌词，是大开源码，在源码里换
{:4_181:} 小辣椒 发表于 2022-9-17 20:31
这个我真不知道
估计我没说人话{:4_170:} 马黑黑 发表于 2022-9-17 20:35
估计我没说人话
好了{:4_170:}
页:
[1]
2