アダプティブストリーム再生ラボ

手動品質・速度・字幕・スクリーンショット対応の無料オンラインHLSプレーヤー

hls.jsでライブまたはVODのM3U8再生をテストし、レンディションを選び、速度を調整し、ローカル字幕を読み込み、許可された動画フレームをキャプチャできます。

アップロード不要登録不要ウォーターマークなし

M3U8ストリームURL

ストリーム品質再生速度字幕トラック VTTまたはSRTを追加

再生テストのために公開HLS URLを貼り付けてください。

自動または手動の画質でHLS M3U8を再生

hls.jsが有効な場合は、アダプティブ再生を使うか、ビットレートと解像度で検出済みレンディションに固定できます。

字幕のテキストはこの端末にとどまり、ブラウザのテキストトラックとして割り当てられます。

0.5倍速から2倍速を選べ、ソースのCORS設定がCanvasアクセスを許可している場合にPNGフレームを書き出せます。

公開のマスターまたはメディアプレイリストを貼り付けて再生を開始します。Media Source Extensions対応ブラウザでは、hls.jsが利用可能なレベルを一覧表示し、「自動」から固定レンディションへの切り替えができます。

再生エラーは、ネットワーク、マニフェスト、メディアの失敗を区別します。ツールを変える前に、URLの期限、ソースのCORSヘッダー、コーデック対応を確認してください。

動画を読み込んだ後、ローカルの .vtt または .srt 字幕ファイルを選んでください。テキストをアップロードせずに、通常の字幕メニューに表示されます。

スクリーンショットは匿名のクロスオリジンCanvas許可に依存します。ストリームは再生に成功してもフレームの書き出しをブロックされることがあり、プレーヤーは空白画像を返すのではなくこの制限を通知します。

ブラウザ対応、プライバシー、ソースへのアクセス、出力の動作について、要点を簡潔に解説します。

HLSの品質を手動で選択できますか？

hls.jsを使うブラウザでは可能です。「自動」または検出されたレンディションを選んでください。ネイティブのSafari HLSでは、品質選択はブラウザに任されます。

このHLSプレーヤーはローカルの字幕を読み込めますか？

はい。この端末からWebVTTまたはSRTファイルを選んでください。SRTのタイミングはローカルでWebVTTに変換されます。

HLSのスクリーンショットが失敗するのはなぜですか？

Canvasでのスクリーンショットには、プレイリストと動画セグメントが対応する匿名CORSヘッダーを送ることが必要です。