ydl-client
メディアURLを貼り付けて、ブラウザーから直接ダウンロードできるインストール可能なPWA。yt-dlpをフロントエンドから簡単に使える。
BunReactPWAyt-dlp
主な機能
ホーム画面にインストールPWA対応。スマートフォンやデスクトップから一般的なアプリのようにインストール可能
複数フォーマット対応動画(webm, mkv, mp4)・音声(wav, flac, mp3, m4a)など多形式に対応
ダウンロード進捗表示リアルタイムで進捗バーを表示、ユーザーが待機状況を把握可能
アプリ内エラー表示ダウンロード失敗時など、ユーザーに分かりやすいエラーメッセージを表示
フォーマット選択ダウンロード前に出力フォーマットを選択。用途に応じた形式で保存
クロスオリジン対応プロキシ経由でダウンロード、セキュリティと利便性を両立
使い方
- サイトにアクセス
- メディアURL(動画リンク)を入力
- 希望する出力フォーマットを選択
- ダウンロード開始 → ブラウザーに直接保存
技術構成
| 項目 | 内容 |
|---|---|
| フレームワーク | React |
| ランタイム | Bun |
| ルーター | React Router |
| ビルドツール | Bun bundler (Bun.build) |
| バックエンド連携 | yt-dlp-api |
リンク