LRC から VTT
LRC歌詞ファイルをWebVTT字幕形式に変換します。
LRC ファイルをここにドラッグ&ドロップ
またはクリックして選択
50MB以下の.lrcファイルに対応
LRCからVTTへの変換について
音楽の歌詞をウェブ動画の字幕として利用可能にします。このツールは LRC 歌詞ファイルを WebVTT 字幕に変換し、HTML5 <video> 要素、YouTube、Vimeo などのウェブベースの動画プラットフォームで歌詞を字幕として表示できるようにします。
LRC → VTT コード構文と構造の検証
ヘッダー定義、タイムスタンプ構文、キューペイロードのフォーマットを並べて比較し、コードレベルの対応関係を確認できます
LRC vs VTT 技術仕様
LRC
LRC(.lrc)は音楽プレーヤーで同期歌詞を表示するための形式です。各行は [MM:SS.xx] タイムタグで始まり、終了時間は保存しません — プレーヤーが自動的に次の行に進みます。
VTT
WebVTT(.vtt)は W3C 標準字幕形式で、'WEBVTT' ヘッダーで始まり HH:MM:SS.mmm 形式の開始/終了タイムスタンプ、テキスト、オプションのキュー設定を含みます。HTML5 <video> 要素のネイティブ字幕形式です。
フォーマットの違い
変換のトラブルシューティングと注意点
プレイヤー互換性、文字エンコーディング、タイミング同期に関する実践的な解決策
HTML5 の `<audio>` プレーヤーで同期歌詞を表示するにはどうすればよいですか?
HTML5 の `<audio>` タグは、`<video>` と同様に子要素として `<track kind='subtitles' srclang='ja' src='lyrics.vtt'>` をサポートしています。JavaScript(`audio.textTracks[0].oncuechange`)や Plyr、Video.js などの最新 Web プレーヤーを利用して、音楽再生に合わせた同期歌詞やカラオケ表示を簡単に実装できます。
変換後の .vtt を読み込むとブラウザのコンソールに CORS エラーが出るのはなぜですか?
Web ブラウザは字幕トラックに対して同一オリジンポリシー(Same-Origin Policy)を厳格に適用します。VTT ファイルが CDN、S3、または外部ストレージに保存されている場合、サーバー側で `Access-Control-Allow-Origin: *` HTTP ヘッダーを返す必要があります。設定されていない場合、ブラウザにより歌詞の読み込みが遮断されます。
60分を超える長い音声トラックで WebVTT のタイムスタンプが狂う問題について
LRC ファイルでは1時間を超える時間を累計分数(例:`[75:20.00]`)として記述しますが、WebVTT では厳密な「時:分:秒」(`01:15:20.000`)の表記が求められます。AllSubConverter は累計分数を正しく2桁の時間・分・秒へと分解して出力します。
ブラウザ上で 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); }`。
機能
変換する理由
主なユースケース
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アプリに埋め込んだ音楽動画に同期歌詞を重ねられる。
関連フォーマット
使い方
- 1
.lrc ファイルをツールにアップロードまたはドラッグします
- 2
ツールが各 LRC 行を解析し [MM:SS.xx] タイムタグを抽出します
- 3
各タイムタグは VTT HH:MM:SS.mmm 開始タイムスタンプに変換されます
- 4
終了時間は次の行の開始時間からスマートに推論されます
- 5
ファイルの先頭に必須の 'WEBVTT' ヘッダーが追加されます
- 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 を使用してブラウザでローカルに実行されます。字幕ファイルはサーバーにアップロードされず、データは安全に保護されます。