如果你的 Lyric 文件是 .top 格式, 请在本网页的地址后面加上 /../archive_101.html 以尝试在支持 .top 的版本中加载.
你可以选择一个字体文件,它将被应用于动态歌词。
现在使用的字体示例 | Example of font now using | 現在使用されているフォントの例
点击此处单独设置翻译文本的字体
你可以选择一个字体文件,它将被应用于歌词翻译。
现在使用的字体示例 | Example of font now using | 現在使用されているフォントの例
你可以选择一个音乐文件,它将在动态歌词播放时同步播放。
已从 Lyric 文件中读取设置:
显示网页标题 休息段显示省略号 圆弧歌词 歌词跳动 | 背景颜色 歌词颜色 激活颜色 | 显示歌词边框 歌词边框颜色
调试功能
从第句歌词开始播放 (从 0 开始数)
从音乐的第秒开始播放
在播放页面显示调试界面
允许使用方向键微调 (← -0.25 拍; → +0.25 拍) (微调时不会显示提示信息)
目前该网页歌词的淡入动画有一定概率出错影响观赏效果。
如影响到使用,建议多次录制动画,并将正常片段进行拼接。
点我查看制作 ChiwaInori.top Lyric 文件的方式
1. 新建一个 JSON 文件
2. 在根对象中创建以下键: "signature", "version", "musicInfo", "settings" (可选), "lyrics", "translations" (歌词翻译, 可选)
其中 "signature" 的值一定为 "chiwainori-lyric", "version" 的值为目前版本
3. "musicInfo" 的值为对象, 其中包括 "title" (字符串), "author" (字符串), "bpm" (数字), 分别填写歌曲的 标题,作者,每分钟节拍数
4. "settings" 的值为对象, 其中包括可选键 (不存在即使用默认设置) "showTitle", "showDot", "showCircle", "lyricJump", "showBorder" (布尔值) 和 颜色 (格式为 "#abcdef"): "backgroundColor", "lyricColor", "activeColor", "borderColor" (字符串)
5. "lyrics" 的值为数组,该数组中的每一个数组就是一句歌词,一句歌词数组由若干个以下数组构成: ["汉字(或单词音节)", 时长(以节拍为单位), { 设置(可选, 在播放到这个字时更改设置) }] (一共有三层数组)
如果是休息段 (伴奏), 在汉字的位置输入 [SPACE] ([SPACE] 必须独立成句)
你可以使用 节拍量化器 来更方便地获取每个音符的长度
你还可以把一句歌词的数组改为一个对象,在这个对象中填入和 "settings" 一样的键,填写相应的值,将会在歌词播放到这里时更改指定的设置
(注意: 不能把一个音符改为对象)
6. "translations" 的值为数组,该数组中的每一个字符串就是一句歌词的翻译,顺序与 "lyrics" 对应
2024.9.22 更新 - 更新了计时器,现在歌词不会随着时间而增大误差 (在以前, 所有歌词都会越放越慢); 中途 CPU 暂时卡顿也可以继续播放
这意味着以前制作的歌词文件可能需要重新更改部分音符时长
如果你出于某种原因需要使用旧版, 请在本网页的地址后面加上 /../archive_106_beforeTimerUpdate.html .
该网页在 1920 * 1080 的显示屏上效果最佳。
如引用此页面的动画,请标注此网页链接。
下一个音符: 拍