ブラウザ互換性
FlowPick の異なるブラウザでの機能可用性は、ブラウザのモダン Web API サポート程度に依存します。本ドキュメントでは詳細な機能互換性マトリクスとフォールバック戦略の説明を提供します。
ブラウザの高速チェック
FlowPick を使い始める前に、以下の方法であなたのブラウザが要件を満たしているか素早く判断できます：
| チェック項目 | 確認方法 | 要件を満たしていない場合の代替案 |
|---|---|---|
| ブラウザバージョン ≥ 86 | アドレスバーに chrome://version と入力して確認 | ブラウザを最新版にアップグレード |
| Chromium カーネルかどうか | ブラウザの「について」ページを確認 | Chrome または Edge に変更 |
| File System Access API | オンラインツール を開き、「保存ディレクトリを選択」ボタンがあるか確認 | Blob ダウンロードモードを使用（自動フォールバック） |
| SharedArrayBuffer | オンラインツール を開き、TS ファイルを1つダウンロードしてマージ速度を確認 | 自動的にシングルスレッド FFmpeg にフォールバック |
ブラウザサポート概要
| ブラウザ | 最低バージョン | 拡張機能サポート | オンラインツール | 推奨度 |
|---|---|---|---|---|
| Google Chrome | 86+ | 完全サポート | 完全サポート | 推奨 |
| Microsoft Edge | 86+ | 完全サポート | 完全サポート | 推奨 |
| Brave | 86+ | 完全サポート | 完全サポート | 推奨 |
| Opera | 72+ | 完全サポート | 完全サポート | 使用可能 |
| 360 スピードブラウザ | 最新版 | 完全サポート | 完全サポート | 使用可能 |
| QQ ブラウザ | 最新版 | 完全サポート | 完全サポート | 使用可能 |
| Firefox | 未定 | 開発中 | 部分サポート | 開発中 |
| Safari | 非サポート | 非サポート | 部分サポート | 非推奨 |
機能可用性クイックリファレンス
以下の表は機能別に各ブラウザのサポート状況を示し、素早く参照できるようにしています：
| 機能 | Chrome | Edge | Firefox | Safari | 関連ドキュメント |
|---|---|---|---|---|---|
| 拡張機能自動検知 | ✅ | ✅ | 🚧 | ❌ | 動画検知 |
| オンラインツールダウンロード | ✅ | ✅ | ⚠️ | ⚠️ | オンラインツール |
| ディレクトリ選択と永続化 | ✅ | ✅ | ❌ | ❌ | オンラインツール — 保存ディレクトリ |
| ストリーミング書き込み（FSA） | ✅ | ✅ | ❌ | ❌ | ダウンロードエンジン — 書き込み戦略 |
| StreamSaver.js | ✅ | ✅ | ⚠️ | ⚠️ | ダウンロードエンジン |
| FFmpeg WASM マルチスレッド | ✅ | ✅ | ⚠️ | ❌ | フォーマット変換 |
| AES-128 復号 | ✅ | ✅ | ✅ | ✅ | 動画検知 — 暗号化ストリーム |
| 一括ダウンロードキュー | ✅ | ✅ | ⚠️ | ⚠️ | 一括ダウンロード |
| デスクトップ通知 | ✅ | ✅ | ✅ | ✅ | 設定リファレンス |
| 大容量ファイルダウンロード (>2GB) | ✅ | ✅ | ❌ | ❌ | ダウンロードエンジン |
✅ 完全サポート · ⚠️ 部分サポート（フォールバックあり） · 🚧 開発中 · ❌ 非サポート
API 互換性マトリクス
FlowPick は以下のブラウザ API に依存しています。異なるブラウザのサポート状況は直接的に機能可用性に影響します。
コア API
| API | 用途 | Chrome | Edge | Firefox | Safari |
|---|---|---|---|---|---|
fetch | セグメントダウンロード | 42+ | 14+ | 39+ | 10.1+ |
WritableStream | ストリーミング書き込み | 59+ | 79+ | 100+ | 14.1+ |
Web Crypto API | AES 復号 | 37+ | 79+ | 34+ | 10.1+ |
WebAssembly | FFmpeg 実行 | 57+ | 16+ | 52+ | 11+ |
Service Worker | StreamSaver | 45+ | 79+ | 44+ | 11.1+ |
Notifications API | ダウンロード通知 | 22+ | 14+ | 22+ | 7+ |
高度な API
| API | 用途 | Chrome | Edge | Firefox | Safari |
|---|---|---|---|---|---|
| File System Access API | ディレクトリ選択と永続化 | 86+ | 86+ | ❌ | ❌ |
SharedArrayBuffer | FFmpeg マルチスレッド | COEP/COOP が必要 | COEP/COOP が必要 | COEP/COOP が必要 | ❌ |
showSaveFilePicker | 名前を付けて保存ダイアログ | 86+ | 86+ | ❌ | ❌ |
showDirectoryPicker | ディレクトリセレクター | 86+ | 86+ | ❌ | ❌ |
requestIdleCallback | レイジーロード最適化 | 47+ | 79+ | 55+ | ❌ |
機能フォールバック戦略
ブラウザが特定の API をサポートしていない場合、FlowPick は自動的に代替案にフォールバックし、コア機能が常に利用できることを保証します。
ファイル書き込みフォールバックチェーン
File System Access API (最適)
↓ 使用不可時にフォールバック
StreamSaver.js (ストリーミング書き込み)
↓ 使用不可時にフォールバック
Blob + <a> download (メモリ書き込み、サイズ制限あり)
File System Access API が使用できない場合の影響：
- 「保存ディレクトリを選択」機能を使用不可
- ダウンロードごとに手動で保存場所を選択する必要がある（ポップアップモード）
- 大容量ファイル（>1.5GB）はメモリ制限により失敗する可能性がある
StreamSaver.js が使用できない場合の影響：
- ファイルが完全にメモリに読み込まれてからダウンロードがトリガーされる
- Blob サイズ制限を受ける（1.5GB 硬上限）
- 大容量ファイルダウンロード前に警告が表示される
FFmpeg マルチスレッドフォールバック
SharedArrayBuffer 利用可能 → マルチスレッド FFmpeg (高速)
↓ 使用不可時にフォールバック
SharedArrayBuffer 利用不可 → シングルスレッド FFmpeg (やや遅い)
↓ FFmpeg 読み込み失敗時にフォールバック
TS フォーマット → 直接バイナリ連結 (最速、FFmpeg 不要)
SharedArrayBuffer が使用できない場合の影響：
- FFmpeg マージ速度が約 40-60% 低下
- 機能には全く影響なし、速度のみ低下
- TS 出力フォーマットを選択すると FFmpeg を完全にスキップ可能
通知フォールバック
Notifications API 利用可能 → システムデスクトップ通知
↓ 使用不可時にフォールバック
画面内ステータス表示
セキュリティヘッダー要件
FlowPick ウェブサイトですべての機能を有効にするために以下の HTTP レスポンスヘッダーの設定が必要です：
必須のセキュリティヘッダー
Cross-Origin-Opener-Policy: same-origin
Cross-Origin-Embedder-Policy: require-corp
これら2つのヘッダーは SharedArrayBuffer の前提条件であり、FFmpeg マルチスレッドモードに影響します。
推奨されるセキュリティヘッダー
X-Frame-Options: SAMEORIGIN
Cross-Origin-Resource-Policy: same-origin
これらのヘッダーは StreamSaver.js の mitm.html と Service Worker が正常に動作することを保証します。
デプロイチェックリスト
FlowPick ウェブサイトを独自にデプロイする場合、以下を確認してください：
-
/パスがCross-Origin-Opener-Policy: same-originを返す -
/パスがCross-Origin-Embedder-Policy: require-corpを返す -
/mitm.htmlに正常にアクセスできる -
/streamsaver-sw.jsに正常にアクセスでき、Service-Worker-Allowed ヘッダーが正しい -
/_nuxt/*静的リソースパスに正しい COEP/COOP ヘッダーが設定されている
各ブラウザの詳細説明
Google Chrome（推奨）
バージョン要件：86+
サポートされるすべての機能：
- File System Access API（ディレクトリ選択、永続化権限）
- SharedArrayBuffer（COEP/COOP ヘッダーが必要）
- StreamSaver.js
- FFmpeg WASM マルチスレッド
- すべての拡張機能
既知の問題：なし
Microsoft Edge（推奨）
バージョン要件：86+
サポートされるすべての機能：Chrome と同じ（Chromium ベース）
既知の問題：
- 一部の企業ポリシーで File System Access API が無効化されている可能性がある
- 拡張機能は Edge アドオンストアからインストールする必要がある
Firefox（開発中）
現在の状態：拡張機能バージョンは開発中、オンラインツールは部分利用可能
制限事項：
- File System Access API をサポートしない
showSaveFilePickerをサポートしない- SharedArrayBuffer には COEP/COOP ヘッダーが必要（Firefox 79+）
- StreamSaver.js のサポートが限定的
フォールバック動作：すべてのダウンロードで Blob モードを使用
Safari（非推奨）
現在の状態：拡張機能バージョンは非サポート
制限事項：
- File System Access API をサポートしない
- SharedArrayBuffer をサポートしない
showSaveFilePickerをサポートしないshowDirectoryPickerをサポートしない- WebAssembly のサポートが限定的
- Service Worker 機能が制限されている
フォールバック動作：基本的な Blob ダウンロードモードのみサポート、FFmpeg は読み込めない可能性がある
モバイルブラウザ
FlowPick は主にデスクトップブラウザ向けに設計されています。モバイルブラウザの拡張機能サポートは限定的です：
| プラットフォーム | 拡張機能サポート | オンラインツール |
|---|---|---|
| Android Chrome | 拡張機能非サポート | 部分利用可能 |
| Android Firefox | 限定サポート | 部分利用可能 |
| iOS Safari | 拡張機能非サポート | 部分利用可能 |
| iOS Chrome | 拡張機能非サポート | 部分利用可能 |
モバイルの制限：
- File System Access API をサポートしない
- メモリ制限がより厳しい
- ダウンロード管理体験はデスクトップ版より劣る
ブラウザの選び方
| 使用シーン | 推奨ブラウザ | 理由 |
|---|---|---|
| 日常使用、最適な体験を追求 | Google Chrome | 機能が最も完全、テストが最も十分 |
| 会社のPC、Chrome をインストールできない | Microsoft Edge | Chrome と同じカーネル、Windows にプリインストール |
| プライバシー保護重視 | Brave | Chromium ベース、プライバシー保護機能内蔵 |
| 国内ユーザー、国産ブラウザ習慣 | 360 スピードブラウザ / QQ ブラウザ | Chromium ベース、互換性良好 |
| オンラインツールのみ使用 | Chrome / Edge / Firefox | オンラインツールのブラウザ要件は低い |
| 超大容量ファイルのダウンロードが必要 (>2GB) | Chrome / Edge | File System Access API のストリーミング書き込みが必要 |
よくある質問
ブラウザで「保存ディレクトリを選択」ボタンが見えないのはなぜですか？
「保存ディレクトリを選択」は File System Access API に依存しており、Chrome/Edge 86+ バージョンが必要です。ブラウザバージョンが要件を満たしていても見えない場合、企業ポリシーでこの API が無効化されている可能性があります。この際、自動的に Blob ダウンロードモードにフォールバックされます。
FFmpeg マージ速度が非常に遅いのはどうすればよいですか？
FFmpeg マルチスレッドモードには SharedArrayBuffer が必要であり、これはウェブサイトが COEP/COOP セキュリティヘッダーを設定していることを要求します。FlowPick を独自にデプロイしてこれらのヘッダーを設定していない場合、FFmpeg は自動的にシングルスレッドモードにフォールバックし、速度が約 40-60% 低下します。
解決策：
- FlowPick 公式サイトを使用する（セキュリティヘッダーが設定済み）
- TS 出力フォーマットを選択し、FFmpeg マージをスキップ
- 独自デプロイ時に COEP/COOP ヘッダーを設定
モバイルで FlowPick は使えますか？
モバイルブラウザは拡張機能をサポートしていませんが、オンラインツール は使用できます。ただし、モバイルにはメモリ制限と API の欠落があり、大容量ファイルのダウンロード体験は良くありません。デスクトップ版でのダウンロード完了をお勧めします。
Firefox いつ頃完全にサポートされますか？
Firefox 拡張機能バージョンは現在開発中です。Firefox の Manifest V3 サポートはまだ整備されており、File System Access API は Firefox では実装予定がありません。拡張機能リリースまで、Firefox ユーザーはオンラインツールを使用できます。
関連ドキュメント
- インストールガイド — Chrome/Edge 拡張機能インストール手順
- オンラインツール — インストール不要のウェブ版ダウンローダー
- ダウンロードエンジンアーキテクチャ — 書き込み戦略とフォールバックロジックの詳細
- フォーマット変換 — FFmpeg WASM エンジンとデュアルエンジンアーキテクチャ
- 動画検知 — 拡張機能自動検知原理
- 一括ダウンロード — キューマネジメントと並列制御
- 設定リファレンス — ダウンロード動作設定項目
- よくある問題のトラブルシューティング — ブラウザ関連問題の診断
- 既知の問題 — 各ブラウザの既知の制限