Sync Lyrics

YouTubeの楽曲動画と歌詞を同期して表示するプレーヤー

機能

• YouTubeの楽曲動画と歌詞の同期表示
• カラオケスタイルの歌詞表示
• 歌詞の位置やフォントサイズのカスタマイズ
• ダークモード / ライトモード対応
• モバイル対応
• 歌詞のタイミング調整機能
• 複数の歌詞データソースに対応
• TTML形式の歌詞に対応

サンプルファイル

TTML形式ファイルのサンプルとして、単語レベルの同期、複数の歌手、バックグラウンドボーカルと発音・翻訳済みの example.ttml を用意してます。

https://youtu.be/AVNVrXYXAdcと合わせて使用できます。

開発環境のセットアップ

1. リポジトリをクローン

git clone https://github.com/nikkou-0814/SyncLyrics.git

2. 依存関係のインストール

pnpm install

3. 開発サーバーの起動

pnpm dev

ライセンス

MITライセンスの下で公開されています。

謝辞

本アプリケーションの開発にあたり、Apple Music-like Lyricsの制作者の皆様に深く感謝申し上げます。