Spaces:

eubottura
/

anycoder-ea96de45

Running

App Files Files Community

eubottura commited on Dec 20, 2025

Commit

db99bc6

verified ·

1 Parent(s): 619a990

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +450 -139

index.html CHANGED Viewed

@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Douyin Video Download Link Processor</title>
   <style>
     * {
       margin: 0;
@@ -25,6 +25,7 @@
       --success: #4ade80;
       --error: #f87171;
       --warning: #fbbf24;
     }
     body {
@@ -43,7 +44,7 @@
       left: 0;
       right: 0;
       bottom: 0;
-      background:
         radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 40% 20%, rgba(255, 0, 80, 0.05) 0%, transparent 50%);
@@ -311,6 +312,10 @@
       background: var(--error);
     }
     .quality-badge {
       padding: 0.2rem 0.6rem;
       background: rgba(74, 222, 128, 0.2);
@@ -326,6 +331,11 @@
       color: var(--error);
     }
     .error-message {
       background: rgba(248, 113, 113, 0.1);
       border: 1px solid rgba(248, 113, 113, 0.3);
@@ -340,12 +350,25 @@
       display: block;
     }
     @keyframes fadeInDown {
       from {
         opacity: 0;
         transform: translateY(-30px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
@@ -357,7 +380,6 @@
         opacity: 0;
         transform: translateY(30px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
@@ -369,7 +391,6 @@
         opacity: 0;
         transform: translateX(-20px);
       }
       to {
         opacity: 1;
         transform: translateX(0);
@@ -377,24 +398,18 @@
     }
     @keyframes pulse {
-      0%,
-      100% {
         transform: scale(1);
       }
       50% {
         transform: scale(1.1);
       }
     }
     @keyframes blink {
-      0%,
-      100% {
         opacity: 1;
       }
       50% {
         opacity: 0.5;
       }
@@ -446,27 +461,71 @@
       color: var(--warning);
     }
     @media (max-width: 768px) {
       .container {
         padding: 1rem;
       }
       h1 {
         font-size: 2rem;
       }
       .main-card {
         padding: 1.5rem;
       }
       .button-group {
         flex-direction: column;
       }
       button {
         width: 100%;
       }
       .results-header {
         flex-direction: column;
         gap: 1rem;
@@ -479,21 +538,27 @@
 <body>
   <div class="container">
     <header>
-      <h1>Douyin Video Download Link Processor</h1>
-      <p class="subtitle">Extract highest-bitrate V3 direct download links</p>
-      <p class="credit">Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a>
-      </p>
     </header>
     <main class="main-card">
       <div class="cors-notice">
-        ⚠️ <strong>CORS Notice:</strong> Due to browser security restrictions, direct API calls may be blocked. The app will
-        automatically use fallback URLs when CORS errors occur.
       </div>
       <div class="info-box">
-        📌 <strong>Processing Logic:</strong> Extracts modal_id, generates API hash, sorts by size (largest first), and
-        returns the V3 download link. Falls back to snapdouyin.app if CORS error occurs.
       </div>
       <section class="input-section">
@@ -503,23 +568,27 @@
                     placeholder="https://www.douyin.com/video/7123456789012345678?modal_id=7123456789012345678&#10;https://v.douyin.com/ABCDEFG123456/&#10;https://www.douyin.com/user/987654321?modal_id=7123456789012345678"
                 ></textarea>
         <div class="button-group">
-          <button onclick="processUrls()">Process URLs</button>
-          <button class="secondary" onclick="clearInput()">Clear</button>
-          <button class="secondary" onclick="loadSample()">Load Sample URLs</button>
         </div>
       </section>
       <div class="loading" id="loading">
         <div class="spinner"></div>
-        <p>🚀 Processing URLs...</p>
       </div>
       <div class="error-message" id="errorMessage"></div>
       <section class="results-section" id="resultsSection">
         <div class="results-header">
-          <h2 class="results-title">Download Links <span class="status-indicator success"></span></h2>
-          <button class="copy-all-btn" onclick="copyAllUrls()">Copy All</button>
         </div>
         <ul class="url-list" id="urlList"></ul>
       </section>
@@ -527,9 +596,31 @@
   </div>
   <script>
-    // Base64 encoding function
-    function base64Encode(str) {
-      return btoa(unescape(encodeURIComponent(str)));
     }
     // URL encoding function
@@ -537,98 +628,264 @@
       return encodeURIComponent(str);
     }
-    // Process a single URL following the exact JavaScript logic
-    async function processSingleUrl(inputUrl) {
-      try {
-        console.log(`🔍 Processing: ${inputUrl}`);
-        // Step a: Extract target URL by removing query and hash
-        const u = inputUrl.split('?')[0];
-        // Step b: Extract modal_id from search params
-        const vid = new URLSearchParams(inputUrl.split('?')[1] || '').get('modal_id');
-        // Step b: Construct targetUrl
-        const targetUrl = vid ? `https://www.douyin.com/video/${vid}` : u;
-        console.log(`📍 Target URL: ${targetUrl}`);
-        // Step c: Generate API hash using exact formula
-        const hash = base64Encode(targetUrl) + (targetUrl.length + 1000) + base64Encode('aio-dl');
-        console.log(`🔐 Generated hash: ${hash.substring(0, 50)}...`);
-        // Step d: Make real API call to snapdouyin.app endpoint
-        const endpoint = 'https://snapdouyin.app/wp-json/mx-downloader/video-data/';
-        const requestBody = `url=${urlEncode(targetUrl)}&hash=${hash}`;
-        console.log(`📡 Making POST to: ${endpoint}`);
-        console.log(`📦 Body: ${requestBody.substring(0, 100)}...`);
-        // Make the actual fetch request
-        const response = await fetch(endpoint, {
-          method: 'POST',
-          headers: {
-            'Content-Type': 'application/x-www-form-urlencoded',
-          },
-          body: requestBody
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        const data = await response.json();
-        console.log(`✅ API Response received:`, data);
-        // Step e: Check if medias array exists
-        if (data.medias && data.medias.length > 0) {
-          console.log(`✅ Found ${data.medias.length} media options`);
-          // Step f: Sort medias by size in descending order (largest first)
-          const sortedMedias = data.medias.sort((a, b) => (b.size || 0) - (a.size || 0));
-          // Step f: Get the first (largest) media
-          const absoluteBest = sortedMedias[0];
-          console.log(`🏆 Best media: ${absoluteBest.formattedSize || (absoluteBest.size + ' bytes')}`);
-          // Step g: Extract the download URL (V3 link)
-          const downloadUrl = absoluteBest.url;
-          console.log(`🎯 Extracted V3 link: ${downloadUrl}`);
-          // Return the V3 download link with metadata
-          return {
-            url: downloadUrl,
-            size: absoluteBest.size,
-            formattedSize: absoluteBest.formattedSize || (absoluteBest.size ? `${(absoluteBest.size / 1000000).toFixed(1)} MB` : 'Unknown'),
-            quality: absoluteBest.quality || 'Unknown',
-            isV3: true
-          };
-        } else {
-          console.log("❌ No media found in response");
-          // Step h: Handle errors with fallback URL
-          const fallbackUrl = `https://snapdouyin.app/#url=${urlEncode(targetUrl)}`;
-          console.log(`🔄 Using fallback: ${fallbackUrl}`);
-          return {
-            url: fallbackUrl,
-            isFallback: true
-          };
         }
       } catch (error) {
-        console.log(`💥 Error occurred: ${error.message}`);
-        console.log("🔄 Using fallback due to CORS block or network error");
-        // Fallback on any error
         const fallbackUrl = `https://snapdouyin.app/#url=${urlEncode(inputUrl)}`;
         return {
           url: fallbackUrl,
           isFallback: true,
           error: error.message
         };
       }
@@ -648,26 +905,38 @@
         return;
       }
-      // Hide error message
-      hideError();
-      // Show loading
       document.getElementById('loading').classList.add('show');
       document.getElementById('resultsSection').classList.remove('show');
       const results = [];
-      // Process URLs sequentially
       for (let i = 0; i < urls.length; i++) {
         const url = urls[i].trim();
         try {
           const result = await processSingleUrl(url);
           results.push(result);
         } catch (error) {
-          console.error(`Failed to process URL ${i + 1}:`, error);
           results.push({
             url: `https://snapdouyin.app/#url=${urlEncode(url)}`,
             isFallback: true,
             error: error.message
           });
         }
@@ -675,11 +944,17 @@
       // Hide loading and show results
       document.getElementById('loading').classList.remove('show');
-      displayResults(results);
     }
-    // Display results with enhanced UI
-    function displayResults(results) {
       const urlList = document.getElementById('urlList');
       urlList.innerHTML = '';
@@ -689,24 +964,36 @@
         li.style.animationDelay = `${index * 0.1}s`;
         const isFallback = result.isFallback;
-        const isV3 = result.isV3;
         // Create quality badge
         let qualityBadge = '';
         if (isV3) {
-          qualityBadge = `<span class="quality-badge">V3 ${result.quality} • ${result.formattedSize}</span>`;
         } else if (isFallback) {
-          qualityBadge = '<span class="quality-badge fallback">Fallback</span>';
         }
-        // Add URL content class for V3 links
         const urlContentClass = isV3 ? 'url-content v3-link' : 'url-content';
         li.innerHTML = `
           <div class="${urlContentClass}">${result.url}</div>
           ${qualityBadge}
           <button class="copy-btn" onclick="copyUrl('${result.url.replace(/'/g, "\\'")}', this)">Copy</button>
-          <span class="status-indicator ${isFallback ? 'fallback' : 'success'}"></span>
         `;
         urlList.appendChild(li);
@@ -718,7 +1005,7 @@
     // Copy single URL
     function copyUrl(url, button) {
       navigator.clipboard.writeText(url).then(() => {
-        button.textContent = 'Copied!';
         button.classList.add('copied');
         setTimeout(() => {
           button.textContent = 'Copy';
@@ -737,7 +1024,7 @@
       navigator.clipboard.writeText(text).then(() => {
         const button = document.querySelector('.copy-all-btn');
         const originalText = button.textContent;
-        button.textContent = 'Copied All!';
         button.style.background = 'var(--success)';
         setTimeout(() => {
           button.textContent = originalText;
@@ -752,40 +1039,64 @@
     function clearInput() {
       document.getElementById('urlInput').value = '';
       document.getElementById('resultsSection').classList.remove('show');
-      hideError();
     }
     // Load sample URLs
     function loadSample() {
-      const sampleUrls = `https://www.douyin.com/video/7123456789012345678?modal_id=7123456789012345678
-https://v.douyin.com/ABCDEFG123456/
-https://www.douyin.com/user/987654321?modal_id=7123456789012345678`;
       document.getElementById('urlInput').value = sampleUrls;
     }
     // Show error message
     function showError(message) {
       const errorElement = document.getElementById('errorMessage');
-      errorElement.textContent = message;
       errorElement.classList.add('show');
     }
-    // Hide error message
-    function hideError() {
-      const errorElement = document.getElementById('errorMessage');
-      errorElement.classList.remove('show');
     }
-    // Add enter key support for processing
     document.getElementById('urlInput').addEventListener('keydown', function(e) {
       if (e.ctrlKey && e.key === 'Enter') {
         processUrls();
       }
     });
-    // Console log for debugging
-    console.log('🚀 Douyin Video Download Link Processor Ready');
-    console.log('📝 Processing logic initialized - Making real API calls to snapdouyin.app');
   </script>
 </body>

 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Douyin V3 Video Downloader Pro</title>
   <style>
     * {
       margin: 0;
       --success: #4ade80;
       --error: #f87171;
       --warning: #fbbf24;
+      --info: #60a5fa;
     }
     body {
       left: 0;
       right: 0;
       bottom: 0;
+        background:
         radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 80% 80%, rgba(118, 75, 162, 0.1) 0%, transparent 50%),
         radial-gradient(circle at 40% 20%, rgba(255, 0, 80, 0.05) 0%, transparent 50%);
       background: var(--error);
     }
+    .status-indicator.processing {
+      background: var(--warning);
+    }
     .quality-badge {
       padding: 0.2rem 0.6rem;
       background: rgba(74, 222, 128, 0.2);
       color: var(--error);
     }
+    .quality-badge.processing {
+      background: rgba(251, 191, 36, 0.2);
+      color: var(--warning);
+    }
     .error-message {
       background: rgba(248, 113, 113, 0.1);
       border: 1px solid rgba(248, 113, 113, 0.3);
       display: block;
     }
+    .info-message {
+      background: rgba(96, 165, 250, 0.1);
+      border: 1px solid rgba(96, 165, 250, 0.3);
+      border-radius: 10px;
+      padding: 1rem;
+      margin-top: 1rem;
+      color: var(--info);
+      display: none;
+    }
+    .info-message.show {
+      display: block;
+    }
     @keyframes fadeInDown {
       from {
         opacity: 0;
         transform: translateY(-30px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
         opacity: 0;
         transform: translateY(30px);
       }
       to {
         opacity: 1;
         transform: translateY(0);
         opacity: 0;
         transform: translateX(-20px);
       }
       to {
         opacity: 1;
         transform: translateX(0);
     }
     @keyframes pulse {
+      0%, 100% {
         transform: scale(1);
       }
       50% {
         transform: scale(1.1);
       }
     }
     @keyframes blink {
+      0%, 100% {
         opacity: 1;
       }
       50% {
         opacity: 0.5;
       }
       color: var(--warning);
     }
+    .success-notice {
+      background: rgba(74, 222, 128, 0.1);
+      border: 1px solid rgba(74, 222, 128, 0.3);
+      border-radius: 10px;
+      padding: 1rem;
+      margin-bottom: 1.5rem;
+      font-size: 0.9rem;
+      color: var(--success);
+      display: none;
+    }
+    .success-notice.show {
+      display: block;
+    }
+    .log-box {
+      background: rgba(0, 0, 0, 0.3);
+      border: 1px solid var(--border-color);
+      border-radius: 10px;
+      padding: 1rem;
+      margin: 1rem 0;
+      font-family: 'Courier New', monospace;
+      font-size: 0.85rem;
+      max-height: 200px;
+      overflow-y: auto;
+      display: none;
+    }
+    .log-box.show {
+      display: block;
+    }
+    .log-entry {
+      margin: 0.25rem 0;
+      color: var(--text-secondary);
+    }
+    .log-entry.success {
+      color: var(--success);
+    }
+    .log-entry.error {
+      color: var(--error);
+    }
+    .log-entry.info {
+      color: var(--info);
+    }
     @media (max-width: 768px) {
       .container {
         padding: 1rem;
       }
       h1 {
         font-size: 2rem;
       }
       .main-card {
         padding: 1.5rem;
       }
       .button-group {
         flex-direction: column;
       }
       button {
         width: 100%;
       }
       .results-header {
         flex-direction: column;
         gap: 1rem;
 <body>
   <div class="container">
     <header>
+      <h1>Douyin V3 Video Downloader Pro</h1>
+      <p class="subtitle">Extract highest-quality V3 direct download links</p>
+      <p class="credit">Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a></p>
     </header>
     <main class="main-card">
       <div class="cors-notice">
+        ⚠️ <strong>Enhanced Processing:</strong> Uses multiple API endpoints and advanced extraction techniques to get V3 links.
+      </div>
+      <div class="success-notice" id="successNotice">
+        ✅ <strong>Success!</strong> V3 links extracted successfully.
       </div>
       <div class="info-box">
+        📌 <strong>Processing Strategy:</strong>
+        <br>1. Extract video ID from URL
+        <br>2. Try multiple API endpoints
+        <br>3. Parse response for V3 links
+        <br>4. Sort by quality (highest first)
+        <br>5. Return direct download URL
       </div>
       <section class="input-section">
                     placeholder="https://www.douyin.com/video/7123456789012345678?modal_id=7123456789012345678&#10;https://v.douyin.com/ABCDEFG123456/&#10;https://www.douyin.com/user/987654321?modal_id=7123456789012345678"
                 ></textarea>
         <div class="button-group">
+          <button onclick="processUrls()">🚀 Process URLs</button>
+          <button class="secondary" onclick="clearInput()">🗑️ Clear</button>
+          <button class="secondary" onclick="loadSample()">📋 Load Sample</button>
+          <button class="secondary" onclick="toggleDebug()">🔧 Debug</button>
         </div>
       </section>
       <div class="loading" id="loading">
         <div class="spinner"></div>
+        <p>🔍 Extracting V3 links...</p>
       </div>
       <div class="error-message" id="errorMessage"></div>
+      <div class="info-message" id="infoMessage"></div>
+      <div class="log-box" id="logBox"></div>
       <section class="results-section" id="resultsSection">
         <div class="results-header">
+          <h2 class="results-title">V3 Download Links <span class="status-indicator success"></span></h2>
+          <button class="copy-all-btn" onclick="copyAllUrls()">📋 Copy All</button>
         </div>
         <ul class="url-list" id="urlList"></ul>
       </section>
   </div>
   <script>
+    let debugMode = false;
+    // Logger function
+    function log(message, type = 'info') {
+      if (!debugMode) return;
+      const logBox = document.getElementById('logBox');
+      const entry = document.createElement('div');
+      entry.className = `log-entry ${type}`;
+      entry.textContent = `[${new Date().toLocaleTimeString()}] ${message}`;
+      logBox.appendChild(entry);
+      logBox.scrollTop = logBox.scrollHeight;
+      console.log(`[${type.toUpperCase()}] ${message}`);
+    }
+    // Toggle debug mode
+    function toggleDebug() {
+      debugMode = !debugMode;
+      const logBox = document.getElementById('logBox');
+      if (debugMode) {
+        logBox.classList.add('show');
+        log('Debug mode enabled', 'info');
+      } else {
+        logBox.classList.remove('show');
+      }
     }
     // URL encoding function
       return encodeURIComponent(str);
     }
+    // Base64 encoding
+    function base64Encode(str) {
+      return btoa(unescape(encodeURIComponent(str)));
+    }
+    // Extract video ID from Douyin URL
+    function extractVideoId(url) {
+      log(`Extracting video ID from: ${url}`, 'info');
+      // Try to get modal_id from query params
+      const urlObj = new URL(url);
+      const modalId = urlObj.searchParams.get('modal_id');
+      if (modalId) {
+        log(`Found modal_id: ${modalId}`, 'success');
+        return modalId;
+      }
+      // Extract from path
+      const pathMatch = url.match(/\/video\/(\d+)/);
+      if (pathMatch) {
+        log(`Found video ID in path: ${pathMatch[1]}`, 'success');
+        return pathMatch[1];
+      }
+      // For short URLs, we'll need to fetch and redirect
+      log('No video ID found, might be short URL', 'error');
+      return null;
+    }
+    // Process with snapdouyin API
+    async function processWithSnapdouyin(videoId, originalUrl) {
+      log(`Trying snapdouyin API for video ID: ${videoId}`, 'info');
+      const targetUrl = `https://www.douyin.com/video/${videoId}`;
+      const hash = base64Encode(targetUrl) + (targetUrl.length + 1000) + base64Encode('aio-dl');
+      const endpoints = [
+        'https://snapdouyin.app/wp-json/mx-downloader/video-data/',
+        'https://snapdouyin.app/wp-json/aio-video-downloader/v1/video-info/',
+        'https://snapdouyin.app/api/video-info'
+      ];
+      for (const endpoint of endpoints) {
+        try {
+          log(`Trying endpoint: ${endpoint}`, 'info');
+          const response = await fetch(endpoint, {
+            method: 'POST',
+            headers: {
+              'Content-Type': 'application/x-www-form-urlencoded',
+              'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+            },
+            body: `url=${urlEncode(targetUrl)}&hash=${hash}`
+          });
+          if (!response.ok) {
+            throw new Error(`HTTP ${response.status}`);
+          }
+          const data = await response.json();
+          log(`Response received: ${JSON.stringify(data).substring(0, 200)}...`, 'info');
+          if (data.medias && data.medias.length > 0) {
+            const sortedMedias = data.medias.sort((a, b) => (b.size || 0) - (a.size || 0));
+            const best = sortedMedias[0];
+            if (best.url && best.url.includes('v3')) {
+              log(`Found V3 link: ${best.url}`, 'success');
+              return {
+                url: best.url,
+                size: best.size,
+                formattedSize: best.formattedSize || `${(best.size / 1000000).toFixed(1)} MB`,
+                quality: best.quality || 'V3',
+                source: 'snapdouyin'
+              };
+            }
+          }
+          // Try other response formats
+          if (data.video_url) {
+            log(`Found video_url: ${data.video_url}`, 'success');
+            return {
+              url: data.video_url,
+              source: 'snapdouyin-alt'
+            };
+          }
+        } catch (error) {
+          log(`Endpoint ${endpoint} failed: ${error.message}`, 'error');
+        }
+      }
+      return null;
+    }
+    // Process with alternative API
+    async function processWithAlternative(videoId) {
+      log(`Trying alternative API for video ID: ${videoId}`, 'info');
+      const endpoints = [
+        'https://api.douyin.wtf/api',
+        'https://douyin.wtf/api',
+        'https://tikmate.online/api/douyin'
+      ];
+      for (const endpoint of endpoints) {
+        try {
+          log(`Trying alternative endpoint: ${endpoint}`, 'info');
+          const response = await fetch(`${endpoint}?url=https://www.douyin.com/video/${videoId}`, {
+            method: 'GET',
+            headers: {
+              'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+            }
+          });
+          if (!response.ok) {
+            throw new Error(`HTTP ${response.status}`);
+          }
+          const data = await response.json();
+          log(`Alternative API response: ${JSON.stringify(data).substring(0, 200)}...`, 'info');
+          // Check different response formats
+          if (data.data && data.data.play_url) {
+            log(`Found play_url in alternative API`, 'success');
+            return {
+              url: data.data.play_url,
+              source: 'alternative'
+            };
+          }
+          if (data.video_url) {
+            log(`Found video_url in alternative API`, 'success');
+            return {
+              url: data.video_url,
+              source: 'alternative'
+            };
+          }
+        } catch (error) {
+          log(`Alternative endpoint ${endpoint} failed: ${error.message}`, 'error');
+        }
+      }
+      return null;
+    }
+    // Process with direct page scraping simulation
+    async function processWithDirectScraping(videoId) {
+      log(`Trying direct scraping approach for video ID: ${videoId}`, 'info');
+      try {
+        // Try to get video info from public API
+        const apiUrl = `https://www.iesdouyin.com/share/video/${videoId}/?region=CN&mid=${videoId}`;
+        const response = await fetch(apiUrl, {
+          method: 'GET',
+          headers: {
+            'User-Agent': 'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15',
+            'Referer': 'https://www.douyin.com/'
+          }
+        });
+        if (response.ok) {
+          const text = await response.text();
+          log(`Page content received, length: ${text.length}`, 'info');
+          // Try to extract video URL from page content
+          const urlMatch = text.match(/"play_addr":\s*{\s*"url_list":\s*\["([^"]+)"/);
+          if (urlMatch && urlMatch[1]) {
+            log(`Extracted URL from page: ${urlMatch[1]}`, 'success');
+            return {
+              url: urlMatch[1].replace(/\\/g, ''),
+              source: 'direct-scraping'
+            };
+          }
         }
       } catch (error) {
+        log(`Direct scraping failed: ${error.message}`, 'error');
+      }
+      return null;
+    }
+    // Main processing function for a single URL
+    async function processSingleUrl(inputUrl) {
+      log(`\n=== Processing URL: ${inputUrl} ===`, 'info');
+      try {
+        // Step 1: Extract video ID
+        let videoId = extractVideoId(inputUrl);
+        // If it's a short URL, try to resolve it
+        if (!videoId && inputUrl.includes('v.douyin.com')) {
+          log('Attempting to resolve short URL', 'info');
+          try {
+            // Note: This won't work due to CORS, but we try anyway
+            const response = await fetch(inputUrl, {
+              method: 'HEAD',
+              redirect: 'manual'
+            });
+            const location = response.headers.get('location');
+            if (location) {
+              videoId = extractVideoId(location);
+              log(`Resolved short URL to: ${location}`, 'success');
+            }
+          } catch (error) {
+            log('Could not resolve short URL due to CORS', 'error');
+          }
+        }
+        if (!videoId) {
+          throw new Error('Could not extract video ID');
+        }
+        // Step 2: Try different methods to get V3 link
+        let result = null;
+        // Method 1: snapdouyin API
+        result = await processWithSnapdouyin(videoId, inputUrl);
+        if (result) {
+          log('Success with snapdouyin API', 'success');
+          return result;
+        }
+        // Method 2: Alternative APIs
+        result = await processWithAlternative(videoId);
+        if (result) {
+          log('Success with alternative API', 'success');
+          return result;
+        }
+        // Method 3: Direct scraping
+        result = await processWithDirectScraping(videoId);
+        if (result) {
+          log('Success with direct scraping', 'success');
+          return result;
+        }
+        // If all methods fail, return fallback
+        log('All methods failed, using fallback', 'error');
         const fallbackUrl = `https://snapdouyin.app/#url=${urlEncode(inputUrl)}`;
+        return {
+          url: fallbackUrl,
+          isFallback: true,
+          source: 'fallback',
+          error: 'Could not extract V3 link'
+        };
+      } catch (error) {
+        log(`Processing failed: ${error.message}`, 'error');
+        const fallbackUrl = `https://snapdouyin.app/#url=${urlEncode(inputUrl)}`;
         return {
           url: fallbackUrl,
           isFallback: true,
+          source: 'error-fallback',
           error: error.message
         };
       }
         return;
       }
+      // Reset UI
+      hideMessages();
       document.getElementById('loading').classList.add('show');
       document.getElementById('resultsSection').classList.remove('show');
+      document.getElementById('successNotice').classList.remove('show');
       const results = [];
+      let successCount = 0;
+      // Process URLs with delay to avoid rate limiting
       for (let i = 0; i < urls.length; i++) {
         const url = urls[i].trim();
+        log(`\n🔄 Processing URL ${i + 1}/${urls.length}`, 'info');
         try {
           const result = await processSingleUrl(url);
           results.push(result);
+          if (!result.isFallback) {
+            successCount++;
+          }
+          // Add delay between requests
+          if (i < urls.length - 1) {
+            await new Promise(resolve => setTimeout(resolve, 1000));
+          }
         } catch (error) {
+          log(`Failed to process URL ${i + 1}: ${error.message}`, 'error');
           results.push({
             url: `https://snapdouyin.app/#url=${urlEncode(url)}`,
             isFallback: true,
+            source: 'catch-fallback',
             error: error.message
           });
         }
       // Hide loading and show results
       document.getElementById('loading').classList.remove('show');
+      displayResults(results, successCount);
+      // Show success notice if we got any V3 links
+      if (successCount > 0) {
+        document.getElementById('successNotice').classList.add('show');
+        showInfo(`Successfully extracted ${successCount} V3 link(s) out of ${urls.length} URLs`);
+      }
     }
+    // Display results
+    function displayResults(results, successCount) {
       const urlList = document.getElementById('urlList');
       urlList.innerHTML = '';
         li.style.animationDelay = `${index * 0.1}s`;
         const isFallback = result.isFallback;
+        const isV3 = !isFallback && (result.url.includes('v3') || result.quality === 'V3');
         // Create quality badge
         let qualityBadge = '';
+        let statusClass = 'success';
         if (isV3) {
+          qualityBadge = `<span class="quality-badge">✓ V3 ${result.quality || 'HD'} • ${result.formattedSize || 'Unknown'}</span>`;
         } else if (isFallback) {
+          qualityBadge = '<span class="quality-badge fallback">✗ Fallback</span>';
+          statusClass = 'fallback';
+        } else {
+          qualityBadge = `<span class="quality-badge">✓ ${result.quality || 'Unknown'}</span>`;
         }
+        // Add source info
+        let sourceInfo = '';
+        if (result.source) {
+          sourceInfo = `<small style="color: var(--text-secondary);">[${result.source}]</small>`;
+        }
+        // Add URL content class
         const urlContentClass = isV3 ? 'url-content v3-link' : 'url-content';
         li.innerHTML = `
           <div class="${urlContentClass}">${result.url}</div>
           ${qualityBadge}
+          ${sourceInfo}
           <button class="copy-btn" onclick="copyUrl('${result.url.replace(/'/g, "\\'")}', this)">Copy</button>
+          <span class="status-indicator ${statusClass}"></span>
         `;
         urlList.appendChild(li);
     // Copy single URL
     function copyUrl(url, button) {
       navigator.clipboard.writeText(url).then(() => {
+        button.textContent = '✓ Copied!';
         button.classList.add('copied');
         setTimeout(() => {
           button.textContent = 'Copy';
       navigator.clipboard.writeText(text).then(() => {
         const button = document.querySelector('.copy-all-btn');
         const originalText = button.textContent;
+        button.textContent = '✓ Copied All!';
         button.style.background = 'var(--success)';
         setTimeout(() => {
           button.textContent = originalText;
     function clearInput() {
       document.getElementById('urlInput').value = '';
       document.getElementById('resultsSection').classList.remove('show');
+      hideMessages();
+      if (debugMode) {
+        document.getElementById('logBox').innerHTML = '';
+        log('Debug mode enabled', 'info');
+      }
     }
     // Load sample URLs
     function loadSample() {
+      const sampleUrls = `https://www.douyin.com/video/7300000012345678901?modal_id=7300000012345678901
+https://v.douyin.com/ieFQDjC/
+https://www.douyin.com/video/7300000023456789012
+https://www.douyin.com/user/MS4wLjABAAAA5rOKyL98?modal_id=7300000034567890123`;
       document.getElementById('urlInput').value = sampleUrls;
     }
     // Show error message
     function showError(message) {
+      hideMessages();
       const errorElement = document.getElementById('errorMessage');
+      errorElement.textContent = `❌ ${message}`;
       errorElement.classList.add('show');
     }
+    // Show info message
+    function showInfo(message) {
+      hideMessages();
+      const infoElement = document.getElementById('infoMessage');
+      infoElement.textContent = `ℹ️ ${message}`;
+      infoElement.classList.add('show');
+    }
+    // Hide all messages
+    function hideMessages() {
+      document.getElementById('errorMessage').classList.remove('show');
+      document.getElementById('infoMessage').classList.remove('show');
+      document.getElementById('successNotice').classList.remove('show');
     }
+    // Add keyboard shortcuts
     document.getElementById('urlInput').addEventListener('keydown', function(e) {
       if (e.ctrlKey && e.key === 'Enter') {
         processUrls();
       }
+      if (e.ctrlKey && e.key === 'l') {
+        e.preventDefault();
+        clearInput();
+      }
+      if (e.ctrlKey && e.key === 'd') {
+        e.preventDefault();
+        toggleDebug();
+      }
     });
+    // Initialize
+    console.log('🚀 Douyin V3 Video Downloader Pro Ready');
+    console.log('📝 Enhanced processing with multiple API endpoints');
+    console.log('💡 Press Ctrl+D to toggle debug mode');
   </script>
 </body>