├── requirements.txt
├── vercel.json
├── api.py
└── templates
    └── status.html


/requirements.txt:
--------------------------------------------------------------------------------
1 | flask
2 | requests


--------------------------------------------------------------------------------
/vercel.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "version": 2,
 3 |   "builds": [
 4 |     {
 5 |       "src": "api.py",
 6 |       "use": "@vercel/python"
 7 |     }
 8 |   ],
 9 |   "routes": [
10 |     {
11 |       "src": "/(.*)",
12 |       "dest": "api.py"
13 |     }
14 |   ]
15 | }
16 | 


--------------------------------------------------------------------------------
/api.py:
--------------------------------------------------------------------------------
  1 | # Copyright @ISmartCoder
  2 | # Updates Channel: https://t.me/TheSmartDevs
  3 | 
  4 | from flask import Flask, request, jsonify, render_template, Response
  5 | import requests
  6 | import re
  7 | import json
  8 | from collections import OrderedDict
  9 | 
 10 | app = Flask(__name__)
 11 | 
 12 | # YouTube Data API Key
 13 | YOUTUBE_API_KEY = "Get From Google AI Cloud"
 14 | YOUTUBE_SEARCH_API_URL = "https://www.googleapis.com/youtube/v3/search"
 15 | YOUTUBE_VIDEOS_API_URL = "https://www.googleapis.com/youtube/v3/videos"
 16 | 
 17 | def extract_video_id(url):
 18 |     patterns = [
 19 |         r'(?:https?:\/\/)?(?:www\.)?youtube\.com\/watch\?v=([^&?\s]+)',
 20 |         r'(?:https?:\/\/)?youtu\.be\/([^&?\s]+)',
 21 |         r'(?:https?:\/\/)?(?:www\.)?youtube\.com\/embed\/([^&?\s]+)',
 22 |         r'(?:https?:\/\/)?(?:www\.)?youtube\.com\/v\/([^&?\s]+)',
 23 |         r'(?:https?:\/\/)?(?:www\.)?youtube\.com\/shorts\/([^&?\s]+)'
 24 |     ]
 25 |     for pattern in patterns:
 26 |         match = re.match(pattern, url)
 27 |         if match:
 28 |             return match.group(1)
 29 |     
 30 |     # Fallback attempt with regex search (if query params included)
 31 |     query_match = re.search(r'v=([^&?\s]+)', url)
 32 |     if query_match:
 33 |         return query_match.group(1)
 34 | 
 35 |     return None
 36 | 
 37 | def parse_duration(duration):
 38 |     """Parse ISO 8601 duration into human-readable format without isodate."""
 39 |     try:
 40 |         # Match ISO 8601 duration (e.g., PT1H30M45S)
 41 |         match = re.match(r'PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?', duration)
 42 |         if not match:
 43 |             return "N/A"
 44 | 
 45 |         hours = int(match.group(1) or 0)
 46 |         minutes = int(match.group(2) or 0)
 47 |         seconds = int(match.group(3) or 0)
 48 | 
 49 |         formatted = ""
 50 |         if hours > 0:
 51 |             formatted += f"{hours}h "
 52 |         if minutes > 0:
 53 |             formatted += f"{minutes}m "
 54 |         if seconds > 0:
 55 |             formatted += f"{seconds}s"
 56 |         return formatted.strip() or "0s"
 57 |     except Exception:
 58 |         return "N/A"
 59 | 
 60 | def fetch_youtube_details(video_id):
 61 |     """Fetch video details from YouTube Data API."""
 62 |     try:
 63 |         api_url = f"{YOUTUBE_VIDEOS_API_URL}?part=snippet,statistics,contentDetails&id={video_id}&key={YOUTUBE_API_KEY}"
 64 |         response = requests.get(api_url)
 65 |         if response.status_code != 200:
 66 |             return {"error": "Failed to fetch YouTube video details."}
 67 | 
 68 |         data = response.json()
 69 |         if not data.get('items'):
 70 |             return {"error": "No video found for the provided ID."}
 71 | 
 72 |         video = data['items'][0]
 73 |         snippet = video['snippet']
 74 |         stats = video['statistics']
 75 |         content_details = video['contentDetails']
 76 | 
 77 |         return {
 78 |             "title": snippet.get('title', 'N/A'),
 79 |             "channel": snippet.get('channelTitle', 'N/A'),
 80 |             "description": snippet.get('description', 'N/A'),
 81 |             "imageUrl": snippet.get('thumbnails', {}).get('high', {}).get('url', ''),
 82 |             "duration": parse_duration(content_details.get('duration', '')),
 83 |             "views": stats.get('viewCount', 'N/A'),
 84 |             "likes": stats.get('likeCount', 'N/A'),
 85 |             "comments": stats.get('commentCount', 'N/A')
 86 |         }
 87 |     except requests.exceptions.RequestException:
 88 |         return {"error": "Failed to fetch YouTube video details."}
 89 | 
 90 | def fetch_youtube_search(query):
 91 |     """Fetch search results from YouTube Data API."""
 92 |     try:
 93 |         search_api_url = f"{YOUTUBE_SEARCH_API_URL}?part=snippet&q={requests.utils.quote(query)}&type=video&maxResults=10&key={YOUTUBE_API_KEY}"
 94 |         search_response = requests.get(search_api_url)
 95 |         if search_response.status_code != 200:
 96 |             return {"error": "Failed to fetch search data."}
 97 | 
 98 |         search_data = search_response.json()
 99 |         video_ids = [item['id']['videoId'] for item in search_data.get('items', [])]
100 | 
101 |         if not video_ids:
102 |             return {"error": "No videos found for the provided query."}
103 | 
104 |         # Fetch additional video statistics and duration
105 |         videos_api_url = f"{YOUTUBE_VIDEOS_API_URL}?part=snippet,statistics,contentDetails&id={','.join(video_ids)}&key={YOUTUBE_API_KEY}"
106 |         videos_response = requests.get(videos_api_url)
107 |         if videos_response.status_code != 200:
108 |             return {"error": "Failed to fetch video details."}
109 | 
110 |         videos_data = videos_response.json()
111 |         videos_map = {video['id']: video for video in videos_data.get('items', [])}
112 | 
113 |         result = []
114 |         for item in search_data.get('items', []):
115 |             video_id = item['id']['videoId']
116 |             snippet = item['snippet']
117 |             video = videos_map.get(video_id, {})
118 |             content_details = video.get('contentDetails', {})
119 |             stats = video.get('statistics', {})
120 | 
121 |             result.append({
122 |                 "title": snippet.get('title', 'N/A'),
123 |                 "channel": snippet.get('channelTitle', 'N/A'),
124 |                 "imageUrl": snippet.get('thumbnails', {}).get('high', {}).get('url', ''),
125 |                 "link": f"https://youtube.com/watch?v={video_id}",
126 |                 "duration": parse_duration(content_details.get('duration', '')),
127 |                 "views": stats.get('viewCount', 'N/A'),
128 |                 "likes": stats.get('likeCount', 'N/A'),
129 |                 "comments": stats.get('commentCount', 'N/A')
130 |             })
131 | 
132 |         return result
133 |     except requests.exceptions.RequestException:
134 |         return {"error": "Failed to fetch search data."}
135 | 
136 | @app.route("/")
137 | def home():
138 |     return render_template("status.html")
139 | 
140 | @app.route("/dl", methods=["GET"])
141 | def download():
142 |     youtube_url = request.args.get("url", "").strip()
143 |     if not youtube_url:
144 |         return jsonify({
145 |             "error": "Missing 'url' parameter.",
146 |             "contact": "@ISmartCoder"
147 |         }), 400
148 | 
149 |     video_id = extract_video_id(youtube_url)
150 |     if not video_id:
151 |         return jsonify({
152 |             "error": "Invalid YouTube URL.",
153 |             "contact": "@ISmartCoder"
154 |         }), 400
155 | 
156 |     standard_url = f"https://www.youtube.com/watch?v={video_id}"
157 |     payload = {"url": standard_url}
158 | 
159 |     # Fetch YouTube video details
160 |     youtube_data = fetch_youtube_details(video_id)
161 |     if "error" in youtube_data:
162 |         youtube_data = {
163 |             "title": "Unavailable",
164 |             "channel": "N/A",
165 |             "description": "N/A",
166 |             "imageUrl": f"https://img.youtube.com/vi/{video_id}/hqdefault.jpg",
167 |             "duration": "N/A",
168 |             "views": "N/A",
169 |             "likes": "N/A",
170 |             "comments": "N/A"
171 |         }
172 | 
173 |     # Fetch download URL from Clipto API
174 |     try:
175 |         response = requests.post("https://www.clipto.com/api/youtube", json=payload)
176 |         if response.status_code == 200:
177 |             data = response.json()
178 |             title = data.get("title", youtube_data["title"])
179 |             thumbnail = data.get("thumbnail", youtube_data["imageUrl"])
180 |             fallback_thumb = f"https://img.youtube.com/vi/{video_id}/hqdefault.jpg"
181 |             video_url = data.get("url", standard_url)
182 | 
183 |             ordered = OrderedDict()
184 |             ordered["api_owner"] = "@ISmartCoder"
185 |             ordered["updates_channel"] = "@TheSmartDevs"
186 |             ordered["title"] = title
187 |             ordered["channel"] = youtube_data["channel"]
188 |             ordered["description"] = youtube_data["description"]
189 |             ordered["thumbnail"] = thumbnail
190 |             ordered["thumbnail_url"] = fallback_thumb
191 |             ordered["url"] = video_url
192 |             ordered["duration"] = youtube_data["duration"]
193 |             ordered["views"] = youtube_data["views"]
194 |             ordered["likes"] = youtube_data["likes"]
195 |             ordered["comments"] = youtube_data["comments"]
196 | 
197 |             for key, value in data.items():
198 |                 if key not in ordered:
199 |                     ordered[key] = value
200 | 
201 |             return Response(json.dumps(ordered, ensure_ascii=False, indent=4), mimetype="application/json")
202 |         else:
203 |             ordered = OrderedDict()
204 |             ordered["api_owner"] = "@ISmartCoder"
205 |             ordered["updates_channel"] = "@TheSmartDevs"
206 |             ordered["เสียtitle"] = youtube_data["title"]
207 |             ordered["channel"] = youtube_data["channel"]
208 |             ordered["description"] = youtube_data["description"]
209 |             ordered["thumbnail"] = youtube_data["imageUrl"]
210 |             ordered["thumbnail_url"] = f"https://img.youtube.com/vi/{video_id}/hqdefault.jpg"
211 |             ordered["url"] = standard_url
212 |             ordered["duration"] = youtube_data["duration"]
213 |             ordered["views"] = youtube_data["views"]
214 |             ordered["likes"] = youtube_data["likes"]
215 |             ordered["comments"] = youtube_data["comments"]
216 |             ordered["error"] = "Failed to fetch download URL from Clipto API."
217 | 
218 |             return Response(json.dumps(ordered, ensure_ascii=False, indent=4), mimetype="application/json"), 500
219 |     except requests.exceptions.RequestException:
220 |         ordered = OrderedDict()
221 |         ordered["api_owner"] = "@ISmartCoder"
222 |         ordered["updates_channel"] = "@TheSmartDevs"
223 |         ordered["title"] = youtube_data["title"]
224 |         ordered["channel"] = youtube_data["channel"]
225 |         ordered["description"] = youtube_data["description"]
226 |         ordered["thumbnail"] = youtube_data["imageUrl"]
227 |         ordered["thumbnail_url"] = f"https://img.youtube.com/vi/{video_id}/hqdefault.jpg"
228 |         ordered["url"] = standard_url
229 |         ordered["duration"] = youtube_data["duration"]
230 |         ordered["views"] = youtube_data["views"]
231 |         ordered["likes"] = youtube_data["likes"]
232 |         ordered["comments"] = youtube_data["comments"]
233 |         ordered["error"] = "Something went wrong. Please contact @ISmartCoder and report the bug."
234 | 
235 |         return Response(json.dumps(ordered, ensure_ascii=False, indent=4), mimetype="application/json"), 500
236 | 
237 | @app.route("/search", methods=["GET"])
238 | def search():
239 |     query = request.args.get("q", "").strip()
240 |     if not query:
241 |         return jsonify({
242 |             "error": "Missing 'q' parameter.",
243 |             "contact": "@ISmartCoder"
244 |         }), 400
245 | 
246 |     search_data = fetch_youtube_search(query)
247 |     if "error" in search_data:
248 |         return jsonify({
249 |             "api_owner": "@ISmartCoder",
250 |             "updates_channel": "@TheSmartDevs",
251 |             "error": search_data["error"]
252 |         }), 500
253 | 
254 |     ordered = OrderedDict()
255 |     ordered["api_owner"] = "@ISmartCoder"
256 |     ordered["updates_channel"] = "@TheSmartDevs"
257 |     ordered["result"] = search_data
258 | 
259 |     return Response(json.dumps(ordered, ensure_ascii=False, indent=4), mimetype="application/json")
260 | 
261 | if __name__ == "__main__":
262 |     app.run(host="0.0.0.0", port=5000)


--------------------------------------------------------------------------------
/templates/status.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 | <head>
  4 |     <meta charset="UTF-8">
  5 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6 |     <title>YouTube Downloader API - @ISmartCoder</title>
  7 |     <!-- Bootstrap 5 CSS -->
  8 |     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  9 |     <!-- Font Awesome for Icons -->
 10 |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWixLrxjO8g8e4BHs3fI3pDVH6zT9iA2r2r3zL0B8X+0q0v0g8zL0B8X+0q0v0g8zL0B8X==" crossorigin="anonymous">
 11 |     <!-- Google Fonts: Poppins -->
 12 |     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
 13 |     <!-- Favicon: YouTube Icon -->
 14 |     <link rel="icon" href="https://www.youtube.com/favicon.ico" type="image/x-icon">
 15 |     <style>
 16 |         :root {
 17 |             --youtube-red: #FF0000;
 18 |             --youtube-dark: #282828;
 19 |             --youtube-light: #F9F9F9;
 20 |             --youtube-accent: #FF4D4D;
 21 |         }
 22 | 
 23 |         body {
 24 |             font-family: 'Poppins', sans-serif;
 25 |             background: linear-gradient(135deg, var(--youtube-light), #FFF);
 26 |             color: var(--youtube-dark);
 27 |             line-height: 1.6;
 28 |         }
 29 | 
 30 |         .navbar {
 31 |             background: var(--youtube-red);
 32 |             box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 33 |         }
 34 |         .navbar-brand img {
 35 |             height: 40px;
 36 |             border-radius: 5px;
 37 |         }
 38 |         .nav-link {
 39 |             color: #FFF !important;
 40 |             font-weight: 500;
 41 |             transition: color 0.3s;
 42 |         }
 43 |         .nav-link:hover {
 44 |             color: var(--youtube-accent) !important;
 45 |         }
 46 | 
 47 |         .hero {
 48 |             background: url('https://images.unsplash.com/photo-1611162616307-7d0f846e9dc4') no-repeat center/cover;
 49 |             color: #FFF;
 50 |             padding: 100px 0;
 51 |             text-align: center;
 52 |             position: relative;
 53 |             overflow: hidden;
 54 |         }
 55 |         .hero::before {
 56 |             content: '';
 57 |             position: absolute;
 58 |             top: 0;
 59 |             left: 0;
 60 |             width: 100%;
 61 |             height: 100%;
 62 |             background: rgba(0, 0, 0, 0.6);
 63 |         }
 64 |         .hero h1 {
 65 |             font-size: 3rem;
 66 |             font-weight: 700;
 67 |             position: relative;
 68 |             z-index: 1;
 69 |             animation: fadeInDown 1s ease-out;
 70 |         }
 71 |         .hero p {
 72 |             font-size: 1.2rem;
 73 |             position: relative;
 74 |             z-index: 1;
 75 |             animation: fadeInUp 1s ease-out 0.3s;
 76 |         }
 77 | 
 78 |         .status-card {
 79 |             background: #FFF;
 80 |             border-radius: 15px;
 81 |             box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
 82 |             padding: 30px;
 83 |             text-align: center;
 84 |             transition: transform 0.3s;
 85 |         }
 86 |         .status-card:hover {
 87 |             transform: translateY(-10px);
 88 |         }
 89 |         .status-icon {
 90 |             font-size: 3rem;
 91 |             color: var(--youtube-red);
 92 |             animation: pulse 2s infinite;
 93 |         }
 94 |         .status-text {
 95 |             font-size: 1.5rem;
 96 |             font-weight: 600;
 97 |             margin: 15px 0;
 98 |         }
 99 | 
100 |         .form-section {
101 |             background: var(--youtube-light);
102 |             padding: 50px 0;
103 |         }
104 |         .form-container {
105 |             max-width: 600px;
106 |             margin: 0 auto;
107 |             background: #FFF;
108 |             border-radius: 10px;
109 |             padding: 30px;
110 |             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
111 |         }
112 |         .form-control:focus {
113 |             border-color: var(--youtube-red);
114 |             box-shadow: 0 0 5px rgba(255, 0, 0, 0.3);
115 |         }
116 |         .btn-youtube {
117 |             background: var(--youtube-red);
118 |             border: none;
119 |             transition: all 0.3s;
120 |         }
121 |         .btn-youtube:hover {
122 |             background: var(--youtube-accent);
123 |             transform: translateY(-2px);
124 |         }
125 |         .download-btn, .copy-btn {
126 |             background: var(--youtube-red);
127 |             color: #FFF;
128 |             border-radius: 8px;
129 |             padding: 10px 20px;
130 |             transition: all 0.3s;
131 |             font-size: 0.9rem;
132 |         }
133 |         .download-btn:hover, .copy-btn:hover {
134 |             background: var(--youtube-accent);
135 |             transform: scale(1.05);
136 |         }
137 |         #download-result, #search-result {
138 |             margin-top: 20px;
139 |             display: none;
140 |             background: #F8F9FA;
141 |             padding: 15px;
142 |             border-radius: 5px;
143 |             border-left: 5px solid var(--youtube-red);
144 |         }
145 |         .media-card {
146 |             transition: transform 0.3s;
147 |         }
148 |         .media-card:hover {
149 |             transform: translateY(-5px);
150 |         }
151 |         .section-title {
152 |             font-size: 1.25rem;
153 |             font-weight: 600;
154 |             margin-bottom: 15px;
155 |             color: var(--youtube-dark);
156 |         }
157 | 
158 |         .docs-section {
159 |             padding: 50px 0;
160 |         }
161 |         .docs-card {
162 |             background: #FFF;
163 |             border-radius: 10px;
164 |             padding: 30px;
165 |             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
166 |         }
167 |         .docs-card pre {
168 |             background: #F8F9FA;
169 |             padding: 20px;
170 |             border-radius: 5px;
171 |             border-left: 5px solid var(--youtube-red);
172 |             font-size: 14px;
173 |             overflow-x: auto;
174 |         }
175 | 
176 |         footer {
177 |             background: var(--youtube-dark);
178 |             color: #FFF;
179 |             padding: 30px 0;
180 |             text-align: center;
181 |         }
182 |         footer a {
183 |             color: var(--youtube-accent);
184 |             transition: color 0.3s;
185 |         }
186 |         footer a:hover {
187 |             color: #FFF;
188 |         }
189 |         .social-icons a {
190 |             font-size: 1.8rem;
191 |             margin: 0 15px;
192 |             color: #FFF;
193 |             transition: color 0.3s, transform 0.3s;
194 |         }
195 |         .social-icons a:hover {
196 |             color: var(--youtube-red);
197 |             transform: scale(1.2);
198 |         }
199 | 
200 |         @keyframes fadeInDown {
201 |             from { opacity: 0; transform: translateY(-20px); }
202 |             to { opacity: 1; transform: translateY(0); }
203 |         }
204 |         @keyframes fadeInUp {
205 |             from { opacity: 0; transform: translateY(20px); }
206 |             to { opacity: 1; transform: translateY(0); }
207 |         }
208 |         @keyframes pulse {
209 |             0% { transform: scale(1); }
210 |             50% { transform: scale(1.1); }
211 |             100% { transform: scale(1); }
212 |         }
213 | 
214 |         @media (max-width: 768px) {
215 |             .hero h1 { font-size: 2rem; }
216 |             .hero p { font-size: 1rem; }
217 |             .status-card { padding: 20px; }
218 |             .form-container { padding: 20px; }
219 |             .docs-card { padding: 20px; }
220 |             .download-btn, .copy-btn { font-size: 0.8rem; padding: 8px 16px; }
221 |         }
222 |     </style>
223 | </head>
224 | <body>
225 |     <!-- Navbar -->
226 |     <nav class="navbar navbar-expand-lg">
227 |         <div class="container">
228 |             <a class="navbar-brand" href="/">
229 |                 <img src="https://www.youtube.com/s/desktop/4b99a8ad/img/favicon_144.png" alt="YouTube Logo" onerror="this.src='https://www.youtube.com/favicon.ico';">
230 |                 YouTube Downloader API
231 |             </a>
232 |             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
233 |                 <span class="navbar-toggler-icon"></span>
234 |             </button>
235 |             <div class="collapse navbar-collapse" id="navbarNav">
236 |                 <ul class="navbar-nav ms-auto">
237 |                     <li class="nav-item"><a class="nav-link" href="#status">Status</a></li>
238 |                     <li class="nav-item"><a class="nav-link" href="#test">Test API</a></li>
239 |                     <li class="nav-item"><a class="nav-link" href="#docs">Docs</a></li>
240 |                     <li class="nav-item"><a class="nav-link" href="https://t.me/TheSmartDevs" target="_blank">Updates</a></li>
241 |                 </ul>
242 |             </div>
243 |         </div>
244 |     </nav>
245 | 
246 |     <!-- Hero Section -->
247 |     <section class="hero">
248 |         <div class="container">
249 |             <h1><i class="fab fa-youtube me-2"></i> YouTube Downloader API</h1>
250 |             <p>Download YouTube videos and audio or search for videos with our fast API by <a href="https://t.me/ISmartCoder" target="_blank" class="text-white"><i class="fab fa-telegram-plane me-1"></i>@ISmartCoder</a>.</p>
251 |             <a href="#test" class="btn btn-youtube btn-lg mt-3">Try It Now</a>
252 |         </div>
253 |     </section>
254 | 
255 |     <!-- API Status -->
256 |     <section id="status" class="py-5">
257 |         <div class="container">
258 |             <h2 class="text-center mb-4">API Status</h2>
259 |             <div class="status-card">
260 |                 <i id="status-icon" class="fas fa-circle-notch fa-spin status-icon"></i>
261 |                 <h3 id="status-text" class="status-text">Checking...</h3>
262 |                 <p id="status-message">We're verifying the API's availability.</p>
263 |             </div>
264 |         </div>
265 |     </section>
266 | 
267 |     <!-- API Test Box -->
268 |     <section id="test" class="form-section">
269 |         <div class="container">
270 |             <h2 class="text-center mb-4"><i class="fas fa-download me-2"></i> Test the API</h2>
271 |             <div class="form-container">
272 |                 <h5 class="mb-3">Download Video</h5>
273 |                 <form id="download-form">
274 |                     <div class="input-group mb-3">
275 |                         <span class="input-group-text bg-danger text-white"><i class="fab fa-youtube"></i></span>
276 |                         <input type="url" class="form-control" id="youtube-url" placeholder="e.g., https://www.youtube.com/watch?v=pCr2XfPpWjU" required>
277 |                         <button type="submit" class="btn btn-youtube"><i class="fas fa-cloud-download-alt me-2"></i>Fetch Downloads</button>
278 |                     </div>
279 |                 </form>
280 |                 <div id="download-result"></div>
281 | 
282 |                 <h5 class="mt-4 mb-3">Search Videos</h5>
283 |                 <form id="search-form">
284 |                     <div class="input-group mb-3">
285 |                         <span class="input-group-text bg-danger text-white"><i class="fas fa-search"></i></span>
286 |                         <input type="text" class="form-control" id="search-query" placeholder="e.g., python tutorial" required>
287 |                         <button type="submit" class="btn btn-youtube"><i class="fas fa-search me-2"></i>Search</button>
288 |                     </div>
289 |                 </form>
290 |                 <div id="search-result"></div>
291 |             </div>
292 |         </div>
293 |     </section>
294 | 
295 |     <!-- API Documentation -->
296 |     <section id="docs" class="docs-section">
297 |         <div class="container">
298 |             <h2 class="text-center mb-4"><i class="fas fa-book me-2"></i> API Documentation</h2>
299 |             <div class="docs-card">
300 |                 <h4>Download Endpoint</h4>
301 |                 <p><code>GET /dl?url={youtube_url}</code></p>
302 |                 <h5>Parameters</h5>
303 |                 <ul>
304 |                     <li><strong>url</strong>: (Required) The YouTube video URL (e.g., <code>https://www.youtube.com/watch?v=pCr2XfPpWjU</code>)</li>
305 |                 </ul>
306 |                 <h5>Response</h5>
307 |                 <p>Success (200):</p>
308 |                 <pre>
309 | {
310 |     "api_owner": "@ISmartCoder",
311 |     "updates_channel": "@TheSmartDevs",
312 |     "title": "Video Title",
313 |     "thumbnail": "Thumbnail URL",
314 |     "thumbnail_url": "Fallback Thumbnail URL",
315 |     "url": "Download URL or YouTube URL",
316 |     "success": true,
317 |     "source": "youtube",
318 |     "author": "",
319 |     "medias": [
320 |         {
321 |             "formatId": 18,
322 |             "label": "mp4 (360p)",
323 |             "type": "video",
324 |             "ext": "mp4",
325 |             "quality": "mp4 (360p)",
326 |             "url": "Download URL",
327 |             "bitrate": 496367,
328 |             "clen": 123456789,
329 |             "mimeType": "video/mp4; codecs=\"avc1.42001E, mp4a.40.2\"",
330 |             "duration": 116
331 |         },
332 |         {
333 |             "formatId": 140,
334 |             "label": "m4a (137kb/s)",
335 |             "type": "audio",
336 |             "ext": "m4a",
337 |             "quality": "m4a (137kb/s)",
338 |             "url": "Download URL",
339 |             "bitrate": 136906,
340 |             "clen": 113199366,
341 |             "mimeType": "audio/mp4; codecs=\"mp4a.40.2\"",
342 |             "duration": 116
343 |         }
344 |     ],
345 |     "type": "multiple",
346 |     "error": false,
347 |     "time_end": 716
348 | }
349 |                 </pre>
350 |                 <p>Error (400 or 500):</p>
351 |                 <pre>
352 | {
353 |     "api_owner": "@ISmartCoder",
354 |     "updates_channel": "@TheSmartDevs",
355 |     "error": "Error message",
356 |     "contact": "@ISmartCoder"
357 | }
358 |                 </pre>
359 |                 <h5>Example Request</h5>
360 |                 <pre>GET /dl?url=https://www.youtube.com/watch?v=pCr2XfPpWjU</pre>
361 | 
362 |                 <h4>Search Endpoint</h4>
363 |                 <p><code>GET /search?q={search_query}</code></p>
364 |                 <h5>Parameters</h5>
365 |                 <ul>
366 |                     <li><strong>q</strong>: (Required) The search query (e.g., <code>python tutorial</code>)</li>
367 |                 </ul>
368 |                 <h5>Response</h5>
369 |                 <p>Success (200):</p>
370 |                 <pre>
371 | {
372 |     "api_owner": "@ISmartCoder",
373 |     "updates_channel": "@TheSmartDevs",
374 |     "result": [
375 |         {
376 |             "title": "Video Title",
377 |             "imageUrl": "Thumbnail URL",
378 |             "link": "https://youtube.com/watch?v=video_id"
379 |         }
380 |     ]
381 | }
382 |                 </pre>
383 |                 <p>Error (400 or 500):</p>
384 |                 <pre>
385 | {
386 |     "api_owner": "@ISmartCoder",
387 |     "updates_channel": "@TheSmartDevs",
388 |     "error": "Error message"
389 | }
390 |                 </pre>
391 |                 <h5>Example Request</h5>
392 |                 <pre>GET /search?q=python+tutorial</pre>
393 | 
394 |                 <h4>Notes</h4>
395 |                 <ul>
396 |                     <li>Ensure the YouTube URL is valid and properly formatted for the download endpoint.</li>
397 |                     <li>Search queries should be URL-encoded for special characters.</li>
398 |                     <li>For support, contact <a href="https://t.me/ISmartCoder" target="_blank"><i class="fab fa-telegram-plane me-1"></i>@ISmartCoder</a>.</li>
399 |                     <li>Stay updated via our <a href="https://t.me/TheSmartDevs" target="_blank"><i class="fab fa-telegram-plane me-1"></i>Telegram channel</a>.</li>
400 |                 </ul>
401 |             </div>
402 |         </div>
403 |     </section>
404 | 
405 |     <!-- Footer -->
406 |     <footer>
407 |         <div class="container">
408 |             <p>© 2025 YouTube Downloader API. All rights reserved.</p>
409 |             <p>Developed by <a href="https://t.me/ISmartCoder" target="_blank">@ISmartCoder</a> | Updates on <a href="https://t.me/TheSmartDevs" target="_blank">Telegram</a></p>
410 |             <div class="social-icons">
411 |                 <a href="https://www.youtube.com/" target="_blank" title="YouTube"><i class="fab fa-youtube"></i></a>
412 |                 <a href="https://t.me/ISmartCoder" target="_blank" title="Contact @ISmartCoder"><i class="fab fa-telegram-plane"></i></a>
413 |                 <a href="https://t.me/TheSmartDevs" target="_blank" title="Join Updates Channel"><i class="fab fa-telegram"></i></a>
414 |             </div>
415 |         </div>
416 |     </footer>
417 | 
418 |     <!-- Bootstrap JS and Popper -->
419 |     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
420 |     <script>
421 |         // Convert bytes to human-readable file size
422 |         function formatFileSize(bytes) {
423 |             if (!bytes) return 'Unknown';
424 |             const units = ['B', 'KB', 'MB', 'GB'];
425 |             let size = bytes;
426 |             let unitIndex = 0;
427 |             while (size >= 1024 && unitIndex < units.length - 1) {
428 |                 size /= 1024;
429 |                 unitIndex++;
430 |             }
431 |             return `${size.toFixed(2)} ${units[unitIndex]}`;
432 |         }
433 | 
434 |         // Remove duplicate formats by formatId, keeping the one with highest bitrate or most recent lmt
435 |         function deduplicateFormats(medias) {
436 |             const seen = new Map();
437 |             medias.forEach(item => {
438 |                 if (!seen.has(item.formatId) || (item.bitrate > seen.get(item.formatId).bitrate || item.lmt > seen.get(item.formatId).lmt)) {
439 |                     seen.set(item.formatId, item);
440 |                 }
441 |             });
442 |             return Array.from(seen.values());
443 |         }
444 | 
445 |         // API Status Checker
446 |         async function checkApiStatus() {
447 |             const statusIcon = document.getElementById('status-icon');
448 |             const statusText = document.getElementById('status-text');
449 |             const statusMessage = document.getElementById('status-message');
450 |             const testUrl = 'https://www.youtube.com/watch?v=pCr2XfPpWjU';
451 | 
452 |             try {
453 |                 const response = await fetch(`/dl?url=${encodeURIComponent(testUrl)}`, { timeout: 15000 });
454 |                 if (!response.ok) {
455 |                     throw new Error(`HTTP ${response.status}`);
456 |                 }
457 |                 const data = await response.json();
458 | 
459 |                 if (data.success && data.medias && data.medias.length > 0) {
460 |                     statusIcon.classList.remove('fa-circle-notch', 'fa-spin');
461 |                     statusIcon.classList.add('fa-check-circle');
462 |                     statusIcon.style.color = '#28a745';
463 |                     statusText.textContent = 'API Online';
464 |                     statusMessage.textContent = 'The API is fully operational and ready to use!';
465 |                 } else {
466 |                     throw new Error(data.error || 'No download URLs found');
467 |                 }
468 |             } catch (error) {
469 |                 statusIcon.classList.remove('fa-circle-notch', 'fa-spin');
470 |                 statusIcon.classList.add('fa-times-circle');
471 |                 statusIcon.style.color = '#dc3545';
472 |                 statusText.textContent = 'API Offline';
473 |                 statusMessage.textContent = `Error: ${error.message}. Please try again later or contact @ISmartCoder.`;
474 |             }
475 |         }
476 | 
477 |         // Download Form Submission
478 |         document.getElementById('download-form').addEventListener('submit', async (e) => {
479 |             e.preventDefault();
480 |             const urlInput = document.getElementById('youtube-url').value;
481 |             const resultDiv = document.getElementById('download-result');
482 |             resultDiv.style.display = 'none';
483 |             resultDiv.innerHTML = '<p><i class="fas fa-spinner fa-spin me-2"></i>Loading...</p>';
484 | 
485 |             try {
486 |                 const response = await fetch(`/dl?url=${encodeURIComponent(urlInput)}`, { timeout: 15000 });
487 |                 if (!response.ok) {
488 |                     throw new Error(`HTTP ${response.status}`);
489 |                 }
490 |                 const data = await response.json();
491 | 
492 |                 if (data.success && data.medias && data.medias.length > 0) {
493 |                     let html = `<h5 class="mb-3">Results for "${data.title || 'Video'}"</h5>`;
494 |                     if (data.thumbnail || data.thumbnail_url) {
495 |                         html += `<img src="${data.thumbnail || data.thumbnail_url}" alt="Video Thumbnail" class="img-fluid rounded mb-3" style="max-width: 300px;">`;
496 |                     }
497 | 
498 |                     // Deduplicate formats
499 |                     const uniqueMedias = deduplicateFormats(data.medias);
500 | 
501 |                     // Group formats by type (video/audio)
502 |                     const videos = uniqueMedias.filter(m => m.type === 'video');
503 |                     const audios = uniqueMedias.filter(m => m.type === 'audio');
504 | 
505 |                     // Video Downloads Section
506 |                     if (videos.length > 0) {
507 |                         html += `<div class="section-title"><i class="fas fa-video me-2"></i>Video Downloads</div>`;
508 |                         html += `<div class="row mb-4">`;
509 |                         videos.forEach(item => {
510 |                             const icon = item.ext === 'webm' ? 'fa-file-video' : 'fa-video';
511 |                             const fileSize = formatFileSize(item.clen);
512 |                             html += `
513 |                                 <div class="col-md-4 col-sm-6 mb-3">
514 |                                     <div class="card media-card">
515 |                                         <div class="card-body">
516 |                                             <h6 class="card-title"><i class="fas ${icon} me-2"></i>${item.ext.toUpperCase()} - ${item.quality}</h6>
517 |                                             <p class="card-text text-muted">Size: ${fileSize}</p>
518 |                                             <a href="${item.url}" class="btn download-btn w-100" target="_blank"><i class="fas fa-download me-2"></i>Download ${item.quality}</a>
519 |                                         </div>
520 |                                     </div>
521 |                                 </div>
522 |                             `;
523 |                         });
524 |                         html += `</div>`;
525 |                     }
526 | 
527 |                     // Audio Downloads Section
528 |                     if (audios.length > 0) {
529 |                         html += `<div class="section-title"><i class="fas fa-music me-2"></i>Audio Downloads</div>`;
530 |                         html += `<div class="row">`;
531 |                         audios.forEach(item => {
532 |                             const icon = item.ext === 'opus' ? 'fa-file-audio' : 'fa-music';
533 |                             const fileSize = formatFileSize(item.clen);
534 |                             html += `
535 |                                 <div class="col-md-4 col-sm-6 mb-3">
536 |                                     <div class="card media-card">
537 |                                         <div class="card-body">
538 |                                             <h6 class="card-title"><i class="fas ${icon} me-2"></i>${item.ext.toUpperCase()} - ${item.quality}</h6>
539 |                                             <p class="card-text text-muted">Size: ${fileSize}</p>
540 |                                             <a href="${item.url}" class="btn download-btn w-100" target="_blank"><i class="fas fa-download me-2"></i>Download ${item.quality}</a>
541 |                                         </div>
542 |                                     </div>
543 |                                 </div>
544 |                             `;
545 |                         });
546 |                         html += `</div>`;
547 |                     }
548 | 
549 |                     resultDiv.innerHTML = html;
550 |                 } else {
551 |                     resultDiv.innerHTML = `<div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i>Error: ${data.error || 'No download URLs found'}</div>`;
552 |                 }
553 |             } catch (error) {
554 |                 resultDiv.innerHTML = `<div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i>Error: ${error.message}</div>`;
555 |             }
556 |             resultDiv.style.display = 'block';
557 |         });
558 | 
559 |         // Search Form Submission
560 |         document.getElementById('search-form').addEventListener('submit', async (e) => {
561 |             e.preventDefault();
562 |             const queryInput = document.getElementById('search-query').value;
563 |             const resultDiv = document.getElementById('search-result');
564 |             resultDiv.style.display = 'none';
565 |             resultDiv.innerHTML = '<p><i class="fas fa-spinner fa-spin me-2"></i>Loading...</p>';
566 | 
567 |             try {
568 |                 const response = await fetch(`/search?q=${encodeURIComponent(queryInput)}`, { timeout: 15000 });
569 |                 if (!response.ok) {
570 |                     throw new Error(`HTTP ${response.status}`);
571 |                 }
572 |                 const data = await response.json();
573 | 
574 |                 if (data.result && !data.error) {
575 |                     let html = `<h5 class="mb-3">Search Results for "${queryInput}"</h5>`;
576 |                     if (data.result.length === 0) {
577 |                         html += `<p>No videos found.</p>`;
578 |                     } else {
579 |                         html += `<div class="row">`;
580 |                         data.result.forEach(video => {
581 |                             html += `
582 |                                 <div class="col-md-4 col-sm-6 mb-3">
583 |                                     <div class="card media-card">
584 |                                         <img src="${video.imageUrl || 'https://img.youtube.com/vi/default/hqdefault.jpg'}" alt="Video Thumbnail" class="card-img-top">
585 |                                         <div class="card-body">
586 |                                             <h6 class="card-title">${video.title || 'N/A'}</h6>
587 |                                             <button class="btn copy-btn w-100" onclick="navigator.clipboard.writeText('${video.link}').then(() => alert('Link copied!'))"><i class="fas fa-copy me-2"></i>Copy Link</button>
588 |                                         </div>
589 |                                     </div>
590 |                                 </div>
591 |                             `;
592 |                         });
593 |                         html += `</div>`;
594 |                     }
595 |                     resultDiv.innerHTML = html;
596 |                 } else {
597 |                     resultDiv.innerHTML = `<div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i>Error: ${data.error || 'No results found'}</div>`;
598 |                 }
599 |             } catch (error) {
600 |                 resultDiv.innerHTML = `<div class="alert alert-danger"><i class="fas fa-exclamation-circle me-2"></i>Error: ${error.message}</div>`;
601 |             }
602 |             resultDiv.style.display = 'block';
603 |         });
604 | 
605 |         // Run API status check on page load
606 |         window.onload = checkApiStatus;
607 |     </script>
608 | </body>
609 | </html>


--------------------------------------------------------------------------------