douyin downloader

Author: HoangTran0410

popup/tabs.js

@@ -135,7 +135,7 @@ const tabs = [
   },
   {
     ...CATEGORY.tiktok,
-    scripts: [s.tiktok_downloadVideo],
+    scripts: [s.tiktok_downloadVideo, s.douyin_downloadVideo],
   },
   {
     ...CATEGORY.github,

scripts/douyin_downloadVideo.js

@@ -0,0 +1,44 @@
+export default {
+  icon: "https://www.douyin.com/favicon.ico",
+  name: {
+    en: "Douyin - Download videos",
+    vi: "Douyin - Tải videos",
+  },
+  description: {
+    en: "Show all downloadable videos in current douyin webpage",
+    vi: "Hiển thị mọi video có thể tải trong trang douyin hiện tại",
+  },
+  blackList: [],
+  whiteList: ["https://www.douyin.com/*"],
+
+  func: function () {
+    let videos = Array.from(document.querySelectorAll("video"));
+
+    if (!videos.length) {
+      alert("Không tìm thấy video nào.");
+      return;
+    }
+
+    let html = `
+    <div style="display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;background:#000e;z-index:9999999">
+      <div style="margin:auto;background:#eee;position:relative;padding:20px;overflow:auto;max-height:90vh;">
+        ${videos
+          .map((video) => {
+            return (
+              `<video controls style="max-width:50vw">` +
+              video.innerHTML +
+              `</video>`
+            );
+          })
+          .join("<br/>")}
+        <button 
+          onclick="this.parentElement.parentElement.remove()"
+          style="position:absolute;top:0;right:0;background:red;cursor:pointer;padding:5px 10px;color:white">Close</button>
+      </div>
+    </div>`;
+
+    let div = document.createElement("div");
+    div.innerHTML = html;
+    document.body.appendChild(div);
+  },
+};

scripts/index.js

@@ -112,6 +112,7 @@ import visualEvent from "./visualEvent.js";
 import fb_videoDownloader from "./fb_videoDownloader.js";
 import viewBrowserInfo from "./viewBrowserInfo.js";
 import tiktok_downloadVideo from "./tiktok_downloadVideo.js";
+import douyin_downloadVideo from "./douyin_downloadVideo.js";
 
 // inject badges
 const allScripts = {
@@ -233,6 +234,7 @@ const allScripts = {
   fb_videoDownloader: addBadge(fb_videoDownloader, BADGES.new),
   viewBrowserInfo: addBadge(viewBrowserInfo, BADGES.new),
   tiktok_downloadVideo: addBadge(tiktok_downloadVideo, BADGES.new),
+  douyin_downloadVideo: addBadge(douyin_downloadVideo, BADGES.new),
 };
 
 // inject id to all scripts

scripts/tiktok_downloadVideo.js

@@ -8,8 +8,8 @@ import {
 export default {
   icon: "https://www.tiktok.com/favicon.ico",
   name: {
-    en: "Download tiktok video (Snaptik)",
-    vi: "Tải video tiktok (Snaptik)",
+    en: "Tiktok - Download video (Snaptik)",
+    vi: "Tiktok - Tải video (Snaptik)",
   },
   description: {
     en: "Download tiktok video using Snaptik API",