メディアプレーヤー — ローカルで音声・動画を再生

このツールの機能

メディアプレイヤーは、デバイスからオーディオとビデオファイルを再生します。ファイルピッカーまたはドラッグ&ドロップでプレイリストを構築し、クリックでトラックにジャンプ、再生/一時停止、シーク、音量、リピート（なし、全部、1曲）を制御。シャッフルモードで再生順をランダム化。すべての再生はブラウザで—アップロードなし、サーバーなし。blob URLでメモリからファイルを読み込みます。

使い方

1. ファイルを追加 — オーディオ/ビデオファイル（MP3、MP4など）をクリックで選択またはドラッグ&ドロップ。
2. プレイリストを構築 — ファイルがプレイリストに表示。トラックをクリックして再生。
3. 制御 — 再生、一時停止、シーク、音量。リピートでなし、全部、現在のトラックをループ。
4. シャッフル — シャッフルを有効にしてランダム順序（Fisher-Yates）。
5. 削除 — プレイリストからトラックを削除。メモリ解放のためblob URLをrevoke。
6. フルスクリーン — ビデオのフルスクリーンを利用可能なとき使用。

動作の仕組み

各ファイルはMediaItem（File参照、表示名、タイプ、blob URL）としてラップ。URL.createObjectURL(file) でHTML5動画要素が使用する一時blob URLを作成。メディアコンテンツはサーバーに送信されません。プレイリスト項目が削除されたりコンポーネントがアンマウントされると、メモリリーク防止のため URL.revokeObjectURL() が呼ばれます。シャッフルはFisher-Yatesで一様ランダム順序。リピートモード：なし（最後で停止）、全部（最初に戻る）、1曲（現在をループ）。

すべての計算はブラウザ内で実行されます。データはサーバーに送信されません。

使用例とサンプル

• ローカル音楽 — デバイスからMP3を再生。
• ビデオプレビュー — ローカルビデオファイルをクイック表示。
• ポッドキャスト — エピソードをキューに入れて再生。
• プレゼンテーション — バックグラウンド音声やビデオクリップを再生。
• テスト — メディアファイルが正しく再生するか検証。

例

• song1.mp3、song2.mp3 を追加 → 2曲のプレイリスト。
• シャッフルオン → 再生順序がランダム化。
• リピート：1曲 → 変更するまで現在のトラックがループ。

制限と既知の制約

• 形式サポート — ブラウザとOSに依存（例：MP4、WebM、MP3）。
• blob URL — 削除/アンマウント時にrevokeしてリーク回避が必要。
• ストリーミングなし — ファイルはメモリに読み込み；非常に大きなファイルは遅い場合あり。
• 同一オリジン — blob URLは同一オリジン；クロスオリジンメディアなし。