Spaces:

eubottura
/

anycoder-841add5e

Running

App Files Files Community

eubottura commited on Dec 20, 2025

Commit

0adc9c4

verified ·

1 Parent(s): 9f2e600

Upload folder using huggingface_hub

Browse files

Files changed (1) hide show

index.html +208 -73

index.html CHANGED Viewed

@@ -1,10 +1,9 @@
 <!DOCTYPE html>
 <html lang="pt-BR">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Douyin Video Downloader - Automático</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <style>
     :root {
@@ -502,6 +501,30 @@
       color: var(--error);
     }
     @media (max-width: 968px) {
       .main-content {
         grid-template-columns: 1fr;
@@ -519,9 +542,17 @@
       margin-bottom: 15px;
       opacity: 0.5;
     }
   </style>
 </head>
 <body>
   <header>
     <div class="header-content">
@@ -547,11 +578,21 @@
           <div class="card-title">Adicionar Links do Douyin</div>
         </div>
         <div class="input-section">
           <label class="input-label">Cole os links dos vídeos (um por linha):</label>
-          <textarea
-            id="linksInput"
-            class="links-textarea"
             placeholder="https://www.douyin.com/video/7123456789012345678&#10;https://v.douyin.com/ABC123&#10;https://www.douyin.com/video/7123456789012345679"
           ></textarea>
           <div id="urlChips" class="url-chips"></div>
@@ -611,13 +652,17 @@
             <div class="toggle-switch active" onclick="toggleSetting(this, 'maxQuality')"></div>
           </div>
           <div class="setting-item">
-            <span class="setting-label">Notificações de conclusão</span>
             <div class="toggle-switch active" onclick="toggleSetting(this, 'notifications')"></div>
           </div>
           <div class="setting-item">
             <span class="setting-label">Processamento simultâneo</span>
             <div class="toggle-switch" onclick="toggleSetting(this, 'parallel')"></div>
           </div>
         </div>
         <div style="margin-top: 30px; padding: 20px; background: rgba(254, 44, 85, 0.1); border-radius: 12px;">
@@ -625,11 +670,12 @@
             <i class="fas fa-info-circle"></i> Como Funciona
           </h3>
           <ol style="color: var(--text-secondary); margin-left: 20px; line-height: 1.8;">
             <li>Cole os links dos vídeos do Douyin na área de texto</li>
             <li>Clique em "Iniciar Downloads" para começar o processamento</li>
-            <li>O sistema extrairá automaticamente os links de download na máxima qualidade</li>
-            <li>Os vídeos serão baixados automaticamente para sua pasta de downloads</li>
-            <li>Acompanhe o progresso em tempo real na lista abaixo</li>
           </ol>
         </div>
@@ -648,6 +694,14 @@
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
@@ -666,19 +720,26 @@
       autoDownload: true,
       maxQuality: true,
       notifications: true,
-      parallel: false
     };
     let downloadQueue = [];
     let processedCount = 0;
     let successCount = 0;
     let errorCount = 0;
     function toggleSetting(element, setting) {
       element.classList.toggle('active');
       settings[setting] = element.classList.contains('active');
     }
     function parseLinks() {
       const input = document.getElementById('linksInput').value;
       const urls = input.split('\n')
@@ -729,63 +790,144 @@
       updateProgressDisplay();
     }
-    async function extractVideoUrl(url) {
       try {
-        // Extrair URL alvo
-        const targetUrl = url.split('?')[0];
-        // Identificar ID do vídeo
-        const urlParams = new URLSearchParams(url.split('?')[1] || '');
-        let videoId = urlParams.get('modal_id');
-        if (!videoId) {
-          const pathMatch = targetUrl.match(/\/video\/(\d+)/);
-          if (pathMatch) {
-            videoId = pathMatch[1];
-          }
         }
-        const finalUrl = videoId ? `https://www.douyin.com/video/${videoId}` : targetUrl;
-        // Gerar hash
-        const hash = btoa(finalUrl) + (finalUrl.length + 1000) + btoa('aio-dl');
-        // Fazer chamada API
-        const response = await fetch('https://api.douyin.wtf/api', {
-          method: 'POST',
           headers: {
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({
-            url: finalUrl,
-            hash: hash
-          })
         });
-        const data = await response.json();
-        if (data.success && data.data.medias && data.data.medias.length > 0) {
-          // Ordenar e selecionar melhor mídia
-          const sortedMedias = data.data.medias.sort((a, b) => (b.size || 0) - (a.size || 0));
-          const bestMedia = sortedMedias[0];
           return {
             success: true,
-            downloadUrl: bestMedia.url,
-            quality: bestMedia.quality || 'HD',
-            size: bestMedia.formattedSize || 'Unknown',
-            title: data.data.title || 'Video'
           };
-        } else {
-          throw new Error('No media found');
         }
       } catch (error) {
-        return {
-          success: false,
-          error: error.message,
-          fallbackUrl: `https://snapdouyin.app/#url=${encodeURIComponent(url)}`
-        };
       }
     }
     function createDownloadItem(url, index) {
@@ -802,6 +944,7 @@
             <span id="quality-${index}">Aguardando...</span>
             <span id="size-${index}">--</span>
           </div>
         </div>
         <div class="download-actions">
           <button class="action-btn" onclick="copyLink('${index}')" title="Copiar Link">
@@ -817,9 +960,12 @@
     function updateDownloadStatus(index, status, data = {}) {
       const item = document.getElementById(`download-${index}`);
       const statusDiv = item.querySelector('.download-status');
       const qualitySpan = document.getElementById(`quality-${index}`);
       const sizeSpan = document.getElementById(`size-${index}`);
       statusDiv.className = `download-status status-${status}`;
@@ -838,7 +984,11 @@
         case 'error':
           statusDiv.innerHTML = '<i class="fas fa-times"></i>';
           qualitySpan.textContent = 'Erro';
-          sizeSpan.textContent = data.error || 'Falha';
           break;
       }
     }
@@ -861,7 +1011,7 @@
         errorCount++;
         if (settings.notifications) {
-          showNotification('Falha ao extrair vídeo', 'error');
         }
       }
@@ -898,10 +1048,8 @@
       // Processar downloads
       if (settings.parallel) {
-        // Processar todos simultaneamente
         await Promise.all(urls.map((url, index) => processDownload(url, index)));
       } else {
-        // Processar sequencialmente
         for (let i = 0; i < urls.length; i++) {
           await processDownload(urls[i], i);
         }
@@ -912,7 +1060,8 @@
       // Notificação final
       if (settings.notifications) {
-        showNotification(`Processamento concluído! ${successCount} de ${urls.length} vídeos extraídos.`, 'success');
       }
     }
@@ -934,7 +1083,7 @@
       const data = downloadQueue[index];
       if (data && data.downloadUrl) {
         navigator.clipboard.writeText(data.downloadUrl);
-        showNotification('Link copiado para área de transferência!', 'success');
       }
     }
@@ -946,6 +1095,7 @@
         const a = document.createElement('a');
         a.href = url;
         a.download = `douyin_video_${index}.mp4`;
         document.body.appendChild(a);
         a.click();
         document.body.removeChild(a);
@@ -962,19 +1112,4 @@
       const text = document.getElementById('notificationText');
       notification.className = `notification ${type}`;
-      icon.className = type === 'success' ? 'fas fa-check' : 'fas fa-exclamation';
-      text.textContent = message;
-      notification.classList.add('show');
-      setTimeout(() => {
-        notification.classList.remove('show');
-      }, 3000);
-    }
-    // Auto-parse links on input
-    document.getElementById('linksInput').addEventListener('input', parseLinks);
-  </script>
-</body>
-</html>

 <!DOCTYPE html>
 <html lang="pt-BR">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Douyin Video Downloader - Melhorado</title>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
   <style>
     :root {
       color: var(--error);
     }
+    .api-selector {
+      margin-bottom: 20px;
+      padding: 15px;
+      background: var(--bg-dark);
+      border-radius: 10px;
+    }
+    .api-selector label {
+      display: block;
+      margin-bottom: 10px;
+      color: var(--text-secondary);
+      font-size: 0.9rem;
+    }
+    .api-selector select {
+      width: 100%;
+      padding: 10px;
+      background: var(--bg-hover);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      color: var(--text-primary);
+      cursor: pointer;
+    }
     @media (max-width: 968px) {
       .main-content {
         grid-template-columns: 1fr;
       margin-bottom: 15px;
       opacity: 0.5;
     }
+    .debug-info {
+      margin-top: 10px;
+      padding: 10px;
+      background: rgba(255, 0, 0, 0.1);
+      border-radius: 8px;
+      font-size: 0.8rem;
+      color: var(--error);
+    }
   </style>
 </head>
 <body>
   <header>
     <div class="header-content">
           <div class="card-title">Adicionar Links do Douyin</div>
         </div>
+        <div class="api-selector">
+          <label for="apiSelect">Selecionar API:</label>
+          <select id="apiSelect" onchange="changeApi()">
+            <option value="tikmate">TikMate Online</option>
+            <option value="snaptik">SnapTik</option>
+            <option value="musicallydown">MusicallyDown</option>
+            <option value="direct">Método Direto (Experimental)</option>
+          </select>
+        </div>
         <div class="input-section">
           <label class="input-label">Cole os links dos vídeos (um por linha):</label>
+          <textarea
+            id="linksInput"
+            class="links-textarea"
             placeholder="https://www.douyin.com/video/7123456789012345678&#10;https://v.douyin.com/ABC123&#10;https://www.douyin.com/video/7123456789012345679"
           ></textarea>
           <div id="urlChips" class="url-chips"></div>
             <div class="toggle-switch active" onclick="toggleSetting(this, 'maxQuality')"></div>
           </div>
           <div class="setting-item">
+            <span class="setting-label">Mostrar notificações</span>
             <div class="toggle-switch active" onclick="toggleSetting(this, 'notifications')"></div>
           </div>
           <div class="setting-item">
             <span class="setting-label">Processamento simultâneo</span>
             <div class="toggle-switch" onclick="toggleSetting(this, 'parallel')"></div>
           </div>
+          <div class="setting-item">
+            <span class="setting-label">Modo Debug (mostrar erros)</span>
+            <div class="toggle-switch" onclick="toggleSetting(this, 'debug')"></div>
+          </div>
         </div>
         <div style="margin-top: 30px; padding: 20px; background: rgba(254, 44, 85, 0.1); border-radius: 12px;">
             <i class="fas fa-info-circle"></i> Como Funciona
           </h3>
           <ol style="color: var(--text-secondary); margin-left: 20px; line-height: 1.8;">
+            <li>Selecione uma API funcional no menu suspenso</li>
             <li>Cole os links dos vídeos do Douyin na área de texto</li>
             <li>Clique em "Iniciar Downloads" para começar o processamento</li>
+            <li>O sistema tentará extrair os links usando múltiplos métodos</li>
+            <li>Se falhar, tente outra API da lista</li>
+            <li>Use o modo Debug para ver detalhes dos erros</li>
           </ol>
         </div>
             </div>
           </div>
         </div>
+        <div style="margin-top: 20px; padding: 15px; background: rgba(255, 170, 0, 0.1); border-radius: 12px;">
+          <p style="color: var(--warning); font-size: 0.9rem;">
+            <i class="fas fa-exclamation-triangle"></i>
+            <strong>Atenção:</strong> APIs de terceiros podem ficar indisponíveis.
+            Se uma falhar, experimente outra opção.
+          </p>
+        </div>
       </div>
     </div>
   </div>
       autoDownload: true,
       maxQuality: true,
       notifications: true,
+      parallel: false,
+      debug: false
     };
     let downloadQueue = [];
     let processedCount = 0;
     let successCount = 0;
     let errorCount = 0;
+    let currentApi = 'tikmate';
     function toggleSetting(element, setting) {
       element.classList.toggle('active');
       settings[setting] = element.classList.contains('active');
     }
+    function changeApi() {
+      currentApi = document.getElementById('apiSelect').value;
+      showNotification(`API alterada para: ${currentApi}`, 'success');
+    }
     function parseLinks() {
       const input = document.getElementById('linksInput').value;
       const urls = input.split('\n')
       updateProgressDisplay();
     }
+    // Métodos de extração alternativos
+    async function extractWithTikmate(url) {
       try {
+        const response = await fetch(`https://tikmate.online/download?url=${encodeURIComponent(url)}`);
+        const html = await response.text();
+        // Parser simples para extrair o link
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+        const downloadLink = doc.querySelector('a[href*=".mp4"]');
+        if (downloadLink) {
+          return {
+            success: true,
+            downloadUrl: downloadLink.href,
+            quality: 'HD',
+            size: 'Unknown',
+            title: 'Douyin Video'
+          };
         }
+        throw new Error('No download link found');
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    }
+    async function extractWithSnaptik(url) {
+      try {
+        const response = await fetch(`https://snaptik.app/abc?url=${encodeURIComponent(url)}`);
+        const data = await response.json();
+        if (data.status === 'success' && data.data) {
+          return {
+            success: true,
+            downloadUrl: data.data,
+            quality: 'HD',
+            size: 'Unknown',
+            title: 'Douyin Video'
+          };
+        }
+        throw new Error(data.message || 'Failed to extract');
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    }
+    async function extractWithMusicallydown(url) {
+      try {
+        const response = await fetch(`https://musicallydown.com/download?url=${encodeURIComponent(url)}`);
+        const html = await response.text();
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+        const downloadLink = doc.querySelector('a.download-link');
+        if (downloadLink) {
+          return {
+            success: true,
+            downloadUrl: downloadLink.href,
+            quality: 'HD',
+            size: 'Unknown',
+            title: 'Douyin Video'
+          };
+        }
+        throw new Error('No download link found');
+      } catch (error) {
+        return { success: false, error: error.message };
+      }
+    }
+    async function extractDirect(url) {
+      try {
+        // Tentativa direta com headers customizados
+        const response = await fetch(url, {
           headers: {
+            'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36'
+          }
         });
+        const html = await response.text();
+        // Procurar por padrões de vídeo no HTML
+        const videoMatch = html.match(/"play_addr":\s*{\s*"url_list":\s*\["([^"]+)"\]/);
+        if (videoMatch && videoMatch[1]) {
           return {
             success: true,
+            downloadUrl: videoMatch[1].replace(/\\\\u002F/g, '/'),
+            quality: 'HD',
+            size: 'Unknown',
+            title: 'Douyin Video'
           };
         }
+        throw new Error('Direct extraction failed');
       } catch (error) {
+        return { success: false, error: error.message };
+      }
+    }
+    async function extractVideoUrl(url) {
+      let result = { success: false, error: 'All methods failed' };
+      // Tentar diferentes métodos baseado na API selecionada
+      switch(currentApi) {
+        case 'tikmate':
+          result = await extractWithTikmate(url);
+          break;
+        case 'snaptik':
+          result = await extractWithSnaptik(url);
+          break;
+        case 'musicallydown':
+          result = await extractWithMusicallydown(url);
+          break;
+        case 'direct':
+          result = await extractDirect(url);
+          break;
       }
+      // Se falhar, tentar fallback com outras APIs
+      if (!result.success) {
+        if (settings.debug) {
+          console.log(`${currentApi} failed, trying fallback...`);
+        }
+        const fallbackMethods = [extractWithTikmate, extractWithSnaptik, extractWithMusicallydown, extractDirect];
+        for (const method of fallbackMethods) {
+          if (!result.success) {
+            result = await method(url);
+            if (result.success && settings.debug) {
+              console.log('Success with fallback method');
+            }
+          }
+        }
+      }
+      return result;
     }
     function createDownloadItem(url, index) {
             <span id="quality-${index}">Aguardando...</span>
             <span id="size-${index}">--</span>
           </div>
+          <div id="debug-${index}" class="debug-info" style="display: none;"></div>
         </div>
         <div class="download-actions">
           <button class="action-btn" onclick="copyLink('${index}')" title="Copiar Link">
     function updateDownloadStatus(index, status, data = {}) {
       const item = document.getElementById(`download-${index}`);
+      if (!item) return;
       const statusDiv = item.querySelector('.download-status');
       const qualitySpan = document.getElementById(`quality-${index}`);
       const sizeSpan = document.getElementById(`size-${index}`);
+      const debugDiv = document.getElementById(`debug-${index}`);
       statusDiv.className = `download-status status-${status}`;
         case 'error':
           statusDiv.innerHTML = '<i class="fas fa-times"></i>';
           qualitySpan.textContent = 'Erro';
+          sizeSpan.textContent = 'Falha na extração';
+          if (settings.debug && debugDiv) {
+            debugDiv.style.display = 'block';
+            debugDiv.textContent = `Erro: ${data.error || 'Unknown error'}`;
+          }
           break;
       }
     }
         errorCount++;
         if (settings.notifications) {
+          showNotification(`Falha: ${result.error}`, 'error');
         }
       }
       // Processar downloads
       if (settings.parallel) {
         await Promise.all(urls.map((url, index) => processDownload(url, index)));
       } else {
         for (let i = 0; i < urls.length; i++) {
           await processDownload(urls[i], i);
         }
       // Notificação final
       if (settings.notifications) {
+        const message = `Concluído! ${successCount} de ${urls.length} vídeos extraídos.`;
+        showNotification(message, successCount > 0 ? 'success' : 'error');
       }
     }
       const data = downloadQueue[index];
       if (data && data.downloadUrl) {
         navigator.clipboard.writeText(data.downloadUrl);
+        showNotification('Link copiado!', 'success');
       }
     }
         const a = document.createElement('a');
         a.href = url;
         a.download = `douyin_video_${index}.mp4`;
+        a.target = '_blank';
         document.body.appendChild(a);
         a.click();
         document.body.removeChild(a);
       const text = document.getElementById('notificationText');
       notification.className = `notification ${type}`;
+      icon.className = type === 'success' ?