Skip to content

LRC から VTT

LRC歌詞ファイルをWebVTT字幕形式に変換します。

LRC ファイルをここにドラッグ&ドロップ

またはクリックして選択

50MB以下の.lrcファイルに対応

コアエンジンアーキテクチャ

LRCからVTTへの変換について

音楽の歌詞をウェブ動画の字幕として利用可能にします。このツールは LRC 歌詞ファイルを WebVTT 字幕に変換し、HTML5 <video> 要素、YouTube、Vimeo などのウェブベースの動画プラットフォームで歌詞を字幕として表示できるようにします。

ペイロード&構文インスペクター

LRC → VTT コード構文と構造の検証

ヘッダー定義、タイムスタンプ構文、キューペイロードのフォーマットを並べて比較し、コードレベルの対応関係を確認できます

ミリ秒同期
input.lrc
LRC 入力
[00:01.00]Hello, world!
[00:04.50]This is a subtitle file.
[00:08.50]Converted locally!
output.vtt
VTT 出力
WEBVTT
 
00:00:01.000 --> 00:00:04.000
Hello, world!
 
00:00:04.500 --> 00:00:08.000
This is a subtitle file.
 
00:00:08.500 --> 00:00:12.000
Converted locally!
仕様シート

LRC vs VTT 技術仕様

規格準拠
入力形式

LRC

LRC

LRC(.lrc)は音楽プレーヤーで同期歌詞を表示するための形式です。各行は [MM:SS.xx] タイムタグで始まり、終了時間は保存しません — プレーヤーが自動的に次の行に進みます。

出力形式

VTT

VTT

WebVTT(.vtt)は W3C 標準字幕形式で、'WEBVTT' ヘッダーで始まり HH:MM:SS.mmm 形式の開始/終了タイムスタンプ、テキスト、オプションのキュー設定を含みます。HTML5 <video> 要素のネイティブ字幕形式です。

フォーマットの違い

LRC は [MM:SS.xx]; VTT は HH:MM:SS.mmm
LRC は開始時間のみ保存; VTT は開始と終了時間の両方を保存
LRC はヘッダーなし; VTT は 'WEBVTT' ヘッダーが必須
LRC はネイティブスタイルなし; VTT は CSS スタイルとキュー設定をサポート
LRC はオーディオ/音楽プレーヤー用; VTT は映像用
LRC はインデックスなし; VTT はキュー識別子(オプション)をサポート

変換のトラブルシューティングと注意点

プレイヤー互換性、文字エンコーディング、タイミング同期に関する実践的な解決策

4 個の注意点
GOTCHA #1

HTML5 の `<audio>` プレーヤーで同期歌詞を表示するにはどうすればよいですか?

HTML5 の `<audio>` タグは、`<video>` と同様に子要素として `<track kind='subtitles' srclang='ja' src='lyrics.vtt'>` をサポートしています。JavaScript(`audio.textTracks[0].oncuechange`)や Plyr、Video.js などの最新 Web プレーヤーを利用して、音楽再生に合わせた同期歌詞やカラオケ表示を簡単に実装できます。

GOTCHA #2

変換後の .vtt を読み込むとブラウザのコンソールに CORS エラーが出るのはなぜですか?

Web ブラウザは字幕トラックに対して同一オリジンポリシー(Same-Origin Policy)を厳格に適用します。VTT ファイルが CDN、S3、または外部ストレージに保存されている場合、サーバー側で `Access-Control-Allow-Origin: *` HTTP ヘッダーを返す必要があります。設定されていない場合、ブラウザにより歌詞の読み込みが遮断されます。

GOTCHA #3

60分を超える長い音声トラックで WebVTT のタイムスタンプが狂う問題について

LRC ファイルでは1時間を超える時間を累計分数(例:`[75:20.00]`)として記述しますが、WebVTT では厳密な「時:分:秒」(`01:15:20.000`)の表記が求められます。AllSubConverter は累計分数を正しく2桁の時間・分・秒へと分解して出力します。

GOTCHA #4

ブラウザ上で CSS を使って変換後の歌詞をスタイリングする方法

視覚的スタイルのない LRC とは異なり、WebVTT トラックは CSS の擬似要素を用いて装飾できます。例:`video::cue, audio::cue { font-family: sans-serif; font-size: 1.2rem; color: #fff; background: rgba(0,0,0,0.7); }`。

機能

LRC [MM:SS.xx] タグを VTT HH:MM:SS.mmm タイムスタンプに自動変換
次の行のタイムスタンプから終了時間をスマートに推論
必須の 'WEBVTT' ヘッダーを自動生成
クライアント側処理 — ファイルはデバイスから離れません
CJK やその他非ラテン文字のための UTF-8 / UTF-16 入力処理
登録不要、ウォーターマークなし、1ファイル最大50MB
行頭タイムスタンプ付きの標準LRCファイルに対応
ブラウザ内処理、アップロード不要、ファイルは端末内に保持されます

変換する理由

HTML5 <video> 要素は字幕として WebVTT のみをサポートします — LRC は動作しません
YouTube と Vimeo は字幕アップロード時に VTT 形式を好みます
Video.js、JW Player などの JavaScript 動画プレーヤーは VTT を主要字幕形式として使用します
アクセシブルなウェブ動画には同期キャプションが求められ、ブラウザで確実に表示するにはWebVTTが適しています
ウェブサイトに動画を埋め込む際に VTT が必要です
ブラウザは VTT を有効なテキストトラックリソースとして認識しネイティブ字幕コントロールを有効化します
ウェブプレーヤーに字幕を埋め込むストリーミングサービスは、同期テキスト表示に VTT を使用し、LRC は使いません。
Scenarios

主なユースケース

HTML5動画字幕

Webサイトの <video> 要素に <track> タグを使用して歌詞を字幕として追加。ブラウザがネイティブ字幕コントロールを自動表示。

YouTube・Vimeoアップロード

音楽動画をYouTube StudioやVimeoにアップロードする際、字幕パネルはVTTを期待。LRC歌詞をVTTに変換してクローズドキャプションとして有効化。

Video.js、JW Player、Plyr

Video.js、JW Player、Plyrなど代表的なJavaScript動画プレーヤーはデフォルトのキャプション形式としてVTTを使用。LRC歌詞をVTTに変換して同期歌詞を有効化。

Webアクセシビリティ(WCAG)

WCAG 2.1達成基準1.2.2ではWeb動画の同期キャプションが要件。LRC歌詞をVTTに変換して一般的なWebキャプションを提供します。内容とプレーヤー対応も確認してください。

歌詞からWeb動画へ

音楽プレーヤー向けLRC歌詞をWeb動画字幕に変換。VTTによりWebサイト、ブログ、Webアプリに埋め込んだ音楽動画に同期歌詞を重ねられる。

Format Ecosystem

関連フォーマット

使い方

  1. 1

    .lrc ファイルをツールにアップロードまたはドラッグします

  2. 2

    ツールが各 LRC 行を解析し [MM:SS.xx] タイムタグを抽出します

  3. 3

    各タイムタグは VTT HH:MM:SS.mmm 開始タイムスタンプに変換されます

  4. 4

    終了時間は次の行の開始時間からスマートに推論されます

  5. 5

    ファイルの先頭に必須の 'WEBVTT' ヘッダーが追加されます

  6. 6

    結果の .vtt ファイルをワンクリックでダウンロード

よくある質問

LRCは音楽プレーヤーで同期歌詞を表示するための形式です。各行は [MM:SS.xx] タイムタグで始まり、終了時間は保存しません。

HTML5 動画プレーヤー、YouTube、Vimeo などのウェブベースの動画プラットフォームは字幕に VTT 形式が必要です。ウェブサイトに動画を埋め込む場合やウェブプレーヤーを構築する場合、字幕がブラウザで正しく表示されるには LRC を VTT に変換する必要があります。

LRCのメタデータタグ([ti:title]、[ar:artist]、[al:album])は、VTTには楽曲メタデータシステムがないため、変換時に削除されます。タイムスタンプ付きの歌詞行のみがVTTキューになります。ファイルの先頭にWEBVTTヘッダーが追加されます。

WebVTT(Web Video Text Tracks)は W3C 標準字幕形式で、'WEBVTT' ヘッダーで始まりスタイル、位置、コメント、メタデータをサポートします。HTML5 <video> 要素のネイティブ字幕形式です。

LRC は終了時間を保存しないため、ツールは次の行の開始時間を現在の行の終了時間として使用します。最後の行には既定で3秒の表示時間が適用されます。

完全に安全です。すべての変換は JavaScript を使用してブラウザでローカルに実行されます。字幕ファイルはサーバーにアップロードされず、データは安全に保護されます。

字幕を変換する準備はできましたか?

LRC ファイルをここにドロップして VTT に即座に変換。