用 Obsidian 收藏心爱的音乐——Lyrics 插件

概述

.lrc 文件

听音乐比较多的朋友应该都了解 .lrc 文件。这是一种通用的歌词文件格式，以 .lrc 为扩展名的歌词文件可以在各类数码播放器中同步显示。

.lrc 格式是一种文字格式，与电视和电影的 字幕 文件很相似，以下是一个简单的示例：

使用方法

基础

lrc 代码块中包括两个要素，音频路径与歌词：

其中音频路径支持文件路径与 Wiki 链接：

使用 Wiki 链接：

```lrc
source [[audio_file.mp3]]
[00:01.00] your .lrc format contents
[00:02.00] ….
```

使用文件路径：

```lrc
source path/to/your_audio_file.mp3
[00:01.00] your .lrc format contents
[00:02.00] ….
```

右键菜单命令

阅读模式下右键点击歌词区域可以出现右键菜单命令：

• play/pause audio player 播放/暂停音频播放器
• toggle auto-scroll 切换自动滚动
• toggle sentence mode 切换句子模式
• seek 寻找
• edit 编辑

定制

利用下面提供的 CSS 类，可以自定义自己喜欢的样式：

<span class="lyrics-line" data-lyid="36" data-time="84160">
	<span class="lyrics-timestamp" data-lyid="36" data-time="84160">01:24</span>
	<p>Happy birthday.</p>
</span>

• .lyrics-line：整段歌词
• .lyrics-line .lyrics-timestamp：歌词的时间戳
• .lyrics-line p：歌词的文本内容
• .lyrics-highlighted：标记当前突出显示的歌词

使用技巧

以下示例中的示例代码如下：

```lrc
source [[10 - Thoughtcrime.flac]]

[ar:ヨルシカ]
[al:盗作]
[ti:思想犯]
[length:253.6]
[00:00.000] 作词 : n-buna
[00:01.000] 作曲 : n-buna
[00:28.280]他人に優しいあんたにこの心がわかるものか
[00:28.280]对他人温柔以待的你  怎会明白我的心情
[00:33.111]人を呪うのが心地良い、だから詩を書いていた
[00:33.111]诅咒他人让我感到愉悦  所以我才写着诗歌
[00:37.915]朝の報道ニュースにいつか載ることが夢だった
[00:37.915]能够有朝一日登上早上报道的新闻  是我的梦想
[00:42.912]その為に包丁を研いでる
[00:42.912]为此我一直打磨着菜刀
[00:46.861]
[00:47.252]硝子を叩きつける音、何かの紙を破くこと、
[00:47.252]砸碎玻璃的声音  撕碎不知道写着什么的纸
[00:52.627]さよならの後の夕陽が美しいって、君だってわかるだろ
[00:52.627]离别后的夕阳是如此的美丽  你也应该是知道的吧
[00:58.986]
[00:59.231]烏の歌に茜
[00:59.231]渡鸦之歌染上晚霞
[01:03.894]この孤独も今音に変わる
[01:03.894]如今将这份孤独也化作音符
[01:08.934]面影に差した日暮れ
[01:08.934]昔日面影  被黄昏笼罩
[01:12.727]爪先立つ、雲が焼ける、さよならが口を滑る
[01:12.727]轻踮脚尖  晚霞满天  不经意间道出别离
[01:22.266]
[01:40.422]認められたい、愛したい
[01:40.422]想要得到认可  想要去爱上他人
[01:43.129]これが夢ってやつか
[01:43.129]这就是所谓的梦想吗
[01:45.018]何もしなくても叶えよ、早く、僕を満たしてくれ
[01:45.018]即使什么也不做也想要实现啊  快点  填满这内心空无一物的我啊
[01:49.908]他人に優しい世間にこの妬みがわかるものか
[01:49.908]对他人温柔以待的这个社会  怎能体会这种嫉妒
[01:54.597]いつも誰かを殴れる機会を探してる
[01:54.597]一直都在寻找着机会能狠狠揍别人一顿
[01:58.627]
[01:59.298]ビール瓶で殴る街路灯、投げるギターの折れる音、
[01:59.298]拿着啤酒瓶敲打路灯  摔在地上的吉他折断的声音
[02:04.411]戻らない後悔の全部が美しいって、そういうのさぁ、僕だってわかるのに
[02:04.411]所有无法挽回的后悔都如此的美丽  这种事情  明明我也知道啊
[02:10.891]
[02:11.106]言葉の雨に打たれ
[02:11.106]沐浴话语之雨
[02:15.886]秋惜しむまま冬に落ちる
[02:15.886]惜秋不尽  落入深冬
[02:20.763]春の山のうしろからまた一つ煙が立つ
[02:20.763]春山背后  又一缕轻烟升起
[02:29.237]夏風が頬を滑る
[02:29.237]夏风划过脸颊
[02:34.441]
[02:42.858]他人に優しいあんたにこの孤独がわかるものか
[02:42.858]对他人温柔以待的你  怎会明白这份孤独
[02:47.336]死にたくないが生きられない、だから詩を書いている
[02:47.336]并不想了结自己但也已经没法活下去了  所以我才写着诗歌
[02:52.363]罵倒も失望も嫌悪も僕への興味だと思うから
[02:52.363]将谩骂、失望、厌恶都当成是他人对我的感兴趣的表现
[02:57.447]他人を傷付ける詩を書いてる
[02:57.447]所以我才写着伤害他人的诗歌
[03:02.045]こんな中身のない詩を書いてる
[03:02.045]写着如此空洞的诗歌
[03:06.491]
[03:07.547]君の言葉が呑みたい
[03:07.547]想要将你的话语吞下
[03:13.365]入れ物もない両手で受けて
[03:13.365]没有可以用来盛的东西  只好用双手接过
[03:18.266]いつしか喉が潤う
[03:18.266]等待着有一天
[03:22.266]その時を待ちながら
[03:22.266]能滋润我干渴的喉咙
[03:27.274]
[03:27.714]烏の歌に茜
[03:27.714]渡鸦之歌染上晚霞
[03:32.588]この孤独よ今詩に変われ
[03:32.588]这份孤独啊  现在就给我化作诗歌
[03:37.540]さよなら、君に茜
[03:37.540]于此道别  晚霞将你染尽
[03:41.625]僕は今、夜を待つ
[03:41.625]如今  我等待着夜晚
[03:46.549]また明日。口が滑る
[03:46.549]明天再见。不小心说漏了嘴
```

1. 将音频导入到 Obsidian 库中
2. 新建一篇笔记，将音频对应的歌词文件复制粘贴到 Lyric 插件的特定代码块中（如果没有歌词文件，可以自己按照 .lrc 格式的样式编写文本）
3. 在代码块的最开头声明音频文件，将音频与歌词关联起来，效果如下：
4. 正常情况下，播放音频后，正在播放的一行音频会高亮，以及类似打字机模式的屏幕居中效果
5. 点击前面的时间节点即可使音频跳转至该节点

另外，我个人的 DIY 美化播放界面，参见 Lyrics插件样式-音乐播放界面美化 文章。