+
+
+ Video URL
+
+
setVideoUrl(e.target.value)}
+ placeholder="Paste video URL here (YouTube, TikTok, Vimeo, etc.)"
+ className="w-full p-3 border rounded"
+ />
+
+ {videoInfo.is_playlist ? (
+
+
+ 📋 {videoInfo.playlist_title || 'Playlist'}
+
+
+ {videoInfo.playlist_count} videos found
+
+
+ {/* Playlist Video Selection */}
+
+
+
Select Videos to Download:
+
+
+
+
+
+
+
+ {videoInfo.videos.map((video, index) => {
+ const videoNumber = index + 1;
+ return (
+
+
+
+ );
+ })}
+
+
+
+ {selectedVideos.length} of {videoInfo.videos.length} videos selected
+
+
+
+ ) : (
+
+
+ 🎥 {videoInfo.videos[0]?.title || 'Video'}
+
+
+ {videoInfo.videos[0]?.thumbnail && (
+
![{videoInfo.videos[0].title}]({videoInfo.videos[0].thumbnail})
+ )}
+
+ {videoInfo.videos[0]?.duration && (
+
+ Duration: {Math.floor(videoInfo.videos[0].duration / 60)}:{String(videoInfo.videos[0].duration % 60).padStart(2, '0')}
+
+ )}
+
+ )}
+
+ {/* Quality and Format Selection */}
+
+ {/* Video Quality Dropdown */}
+
+
+
+
+
+ {/* Audio Quality Dropdown */}
+
+
+
+
+
+ {/* File Extension Dropdown */}
+
+
+
+
+
+
+
+
+ {isDownloading && downloadStatus && (
+
+
+
+ {downloadStatus}
+
+ {downloadProgress !== null && (
+
+ )}
+
+ )}
+
+ {videoInfo.is_playlist && selectedVideos.length === 0 && (
+
+ Please select at least one video to download
+
+ )}
+
+ {/* Advanced Options Toggle */}
+
+
+
+ {showAdvanced && (
+
+ {/* Subtitles */}
+
+
+
setSubtitles(e.target.value)}
+ placeholder="e.g., 'en', 'en,cs', or 'all'"
+ className="w-full p-2 border rounded"
+ />
+
+ Language codes (e.g., 'en', 'cs') or 'all' for all available
+
+
+
+ {/* Checkboxes Row */}
+
+
+
+
+
+
+ {/* Cookies for Age-Restricted Content */}
+
+
+
+
+ )}
+
+