SRT字幕を単体のHTML文字起こしページに変換

SRT（SubRip Subtitle）ファイルは、読むためではなくタイミングのために作られています。連番のキュー番号、HH:MM:SS,mmm --> HH:MM:SS,mmm形式のタイムコード範囲、1〜2行のテキストが、映像の長さ分だけ2〜3秒ごとに繰り返されます。ブラウザはそれ単体ではその構造をどう扱えばいいのか分かりません。何かをレンダリングするには、実際のHTML文書が必要です。

SubToolDeskのSRT to HTML変換ツールは、あなたのブラウザ内でローカルにキューブロックを解析し、インデックス番号とタイムコードを取り除き、断片を自然な段落に再構成し、その結果を段落ごとに<p>タグを持つ最小限の有効なHTML文書として包み込みます。ブラウザで直接開くことも、サーバーでホスティングすることも、静的サイトに組み込むこともすぐにできます。

SRTをHTMLに変換する方法（手順ごとに解説）

• 上の変換ツールに.srtファイルをドラッグするか、「ファイルをアップロード」をクリックして選択します。
• 自動検出された形式バッジがSRTと表示されているか確認します。
• 流れるような文章にしたい場合は段落にまとめるをオンのままにし、1行ずつのキャプションのまま保持したい場合はオフにします。
• ファイルに話者ラベルや書式タグが含まれている場合は話者ラベルを削除と書式タグを削除を切り替えます。
• ダウンロードを押して、単体の.htmlファイルを保存します。

なぜSRTをHTMLに変換するのか

.srtファイルは、ブラウザタブ単体のためではなく、動画プレーヤーのために作られています。それをHTMLに変換する理由は、ほとんどの場合、その文字起こしが次に何をする必要があるかにかかっています。

• 文字起こしのアーカイブページを公開する：検索エンジンがクロールでき、訪問者が元の動画を開かずに読める状態にします。
• チュートリアルのキャプションをドキュメントサイトに組み込む：余計なビルド工程やMarkdown変換なしに、単体のページとして配置します。
• 文字起こしをファイル添付の代わりにリンクとして共有する：誰でも.srtや.txtを理解するソフトなしにブラウザで開けるようにします。
• 文字起こしをウェブサイトに合わせてスタイル付けする：プレーンでセマンティックな<p>タグはスタイルシートを適用できますが、プレーンテキストにはそれができません。
• キャプション付き動画のテキスト版を提供する：見るより読む方を好む訪問者のためです。
• 文字起こしを自己完結型のページとして保存する：元の録音が失われてしまった何年後でも、どのブラウザでも正しく開ける状態を保ちます。

実際にHTMLファイルに含まれるもの

それは完全で最小限のHTML文書です。<!DOCTYPE html>宣言、UTF-8の文字セットとページタイトルを持つ<head>、そして段落ごとに1つの<p>要素を含む<body>です。スタイルシートやスクリプト、トラッキングの類は一切組み込まれておらず、そのまま開くことも、より大きなページに貼り付けて自分のCSSでスタイル付けすることもできる、セマンティックなマークアップだけです。

変換前と変換後：実際の例

キュー番号、タイムコード、プレーンテキストの話者接頭辞、イタリックタグを含む、動画編集ソフトが書き出しそうな短いやり取りを、段落にまとめる、話者ラベルを削除、書式タグを削除をすべてオンにして変換した例です（このページの既定の状態です）。

1
00:00:01,000 --> 00:00:03,500
ジョーダン：皆さん、本日はお電話にご参加いただきありがとうございます。

2
00:00:03,500 --> 00:00:06,200
<i>プリヤ：もちろんです！早速始めましょう。</i>

3
00:00:06,200 --> 00:00:09,800
ジョーダン：いいですね、では議題の最初はQ3のロードマップです。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>文字起こし</title>
</head>
<body>
<p>皆さん、本日はお電話にご参加いただきありがとうございます。もちろんです！早速始めましょう。いいですね、では議題の最初はQ3のロードマップです。</p>
</body>
</html>

キュー番号、2つのタイムコード行、ジョーダン：とプリヤ：の接頭辞、<i>タグはすべて消えています。残るのは有効で最小限のマークアップで、発言されたダイアログが1つの<p>要素に包まれ、どのブラウザでも開ける状態になっています。

なぜプレーンテキストではなくHTMLなのか

プレーンテキストファイルを意味のある形で開くには別のものが必要ですが、HTMLファイルはどのブラウザでも直接開き、すでに適切な段落間隔が整った状態になります。そして他のウェブページと同様に、ホスティングし、リンクを張り、インデックスさせることができます。文字起こし自体がウェブ上に存在する必要がある場合、例えば単体のキャプションアーカイブページ、ドキュメントの付録、検索エンジンがクロールできるページとして使う場合には、他の文書に貼り付けるためのものとは違い、これが正しい選択です。

ポリシーではなく、構造によるプライバシー

SRTの解析とHTMLファイルの構築は、いずれもあなたのブラウザタブ内で動作するJavaScriptによって行われます。この機能には、そうしたくてもアップロード先のエンドポイントそのものが存在しません。これは公開されているスクリーンキャストであっても、機密のインタビューであっても変わりません。

SRT to HTMLのよくある使用例

• 文字起こしのアーカイブページ：動画の埋め込みと並べて、読みやすくクロール可能な文字起こしを公開します。SEOや、見るより読む方を好む視聴者に役立ちます。
• ドキュメントサイト：チュートリアル動画のキャプションを、余計なビルド工程なしに静的サイトジェネレーターのコンテンツフォルダにそのまま組み込める単体のHTMLページに変換します。
• アクセシビリティページ：コンテンツをテキストとして求める訪問者のために、キャプション付き動画のプレーンで読みやすいHTML版を提供します。
• 手早くローカルで確認する：サーバーや追加のソフトなしに、ダウンロードしたファイルをファイルシステムから直接どのブラウザでも開けます。

パーサーが対応するエッジケース

キューのインデックス番号の欠落や重複は無視され、キューはタイムコード行のみを基準に内部的に振り直されます。Windows（\r\n）やUnix（\n）の改行コード、またはその混在は、解析前に正規化されます。クリーンアップされたダイアログテキストに残っている&、<、>のような、有効なHTMLを壊してしまう文字は自動的にエスケープされるため、出力は常に有効なマークアップになります。

この変換ツールが保持するものと削除するもの

保持されるもの：

• ダイアログテキストのすべての単語を、元の順序と句読点のまま保持します。
• 段落構造を、今度は実際の<p>要素として保持します。元の1キュー1段落のまま、または段落にまとめるがオンの場合は文単位の段落になります。
• 有効で完全なHTML文書、doctype、UTF-8のhead、bodyを保持し、ファイルがどのブラウザでも正しく開けるようにします。

削除されるもの：

• キューのインデックス番号とすべてのタイムコード範囲。
• 書式タグを削除がオンの場合、<i>、<b>、<u>などのSRTの書式タグ。
• 話者ラベルを削除がオンの場合、ジョーダン：のようなプレーンテキストの話者接頭辞。
• CSS、スクリプト、スタイルの類。これらは追加されることも、元のファイルから引き継がれることもありません。

よくある問題とその解決方法

• ダウンロードしたファイルがキュー番号やタイムコードが見える生テキストのまま開かれる場合：変換ツール上部の形式バッジがUnknownではなくSRTと表示されているか確認してください。大幅に途中で切れた貼り付けはキューの検出を妨げることがあります。
• ジョーダン：のような話者名が段落の中にまだ表示される場合：話者ラベルを削除をオンにしてください。これは変更しない限り既定でオフになっています。
• <i>や<b>タグがページ上で何にもスタイル付けされず文字そのまま表示される場合：書式タグを削除をオンにしてください。SRT自体の書式タグは有効な単体HTMLではなく、そのまま引き継ぐのではなく取り除く必要があります。
• 文字起こし全体が1つの段落として表示されてしまう場合：多くの短いキューが結合された結果として想定される動作です。代わりに元のキューごとに1つの<p>にしたい場合は段落にまとめるをオフにしてください。
• アクセント付きの文字や英語以外のテキストがéのような文字化けとして表示される場合：元の.srtがUTF-8で保存されていません。UTF-8として再書き出しまたは再保存してから、再度アップロードしてください。
• 文字起こしを自分のサイトの見た目に合わせたい場合：この変換ツールは意図的にCSSを追加しません。<head>内に自分のスタイルシートへの<link>を追加するか、<p>の段落を既存のページに貼り付けてください。

このツールが意図的に行わないこと

このツールはCSSのスタイル付け、レイアウトテンプレート、ブランディングを追加しません。出力は意図的に最小限にとどめられているため、すでにお持ちのどんなサイトやスタイルシートにもそのまま組み込めます。また、元のSRTに欠けている句読点を修正することもありません。自動生成されたファイルに句点が一つもない場合、段落へのまとめ処理をオフにして1キュー1行の出力を先に確認する方が、HTMLに変換する前のより確実な方法です。