update doutube

Author: HoangTran0410

popup/helpers/category.js

@@ -96,7 +96,6 @@ export const CATEGORY = {
       vi: `<i class="fa-brands fa-github"></i> Github`,
     },
   },
-  doutube: { id: "doutube", name: { en: "Doutu.be", vi: "Doutu.be" } },
   automation: {
     id: "automation",
     name: {

popup/tabs.js

@@ -135,21 +135,20 @@ const tabs = [
   },
   {
     ...CATEGORY.tiktok,
-    scripts: [s.tiktok_downloadVideo, s.douyin_downloadVideo],
-  },
-  {
-    ...CATEGORY.github,
-    scripts: [s.github_goToFirstCommit, s.githubdev, s.github1s],
-  },
-  {
-    ...CATEGORY.doutube,
     scripts: [
+      s.tiktok_downloadVideo,
+      s.douyin_downloadVideo,
+      createTitle("--- Doutu.be ---", "--- Doutu.be ---"),
       s.doutube_enableDownloadVideo,
       s.doutube_downloadWatchingVideo,
       s.doutube_downloadWatchingStory,
       s.doutube_getAllVideoInUserProfile,
     ],
   },
+  {
+    ...CATEGORY.github,
+    scripts: [s.github_goToFirstCommit, s.githubdev, s.github1s],
+  },
   {
     ...CATEGORY.automation,
     scripts: [

scripts/doutube_downloadWatchingVideo.js

@@ -20,8 +20,16 @@ export default {
         rect.top < window.innerHeight
       );
     };
-    for (let v of Array.from(document.querySelectorAll("video")))
-      if (isElementInViewport(v) && v.src) return window.open(v.src);
+    for (let v of Array.from(document.querySelectorAll("video"))) {
+      if (isElementInViewport(v)) {
+        if (v.src) return window.open(v.src);
+
+        let sources = Array.from(v.querySelectorAll("source"));
+        for (let s of sources) {
+          if (s.src) return window.open(s.src);
+        }
+      }
+    }
     alert(
       "Không tìm thấy video nào, hãy scroll tới khi nào video tự động phát rồi ấn lại bookmark nhé."
     );

scripts/doutube_getAllVideoInUserProfile.js

@@ -11,6 +11,20 @@ export default {
   whiteList: ["*://doutu.be"],
 
   func: async function () {
+    // https://stackoverflow.com/a/18197341/11898496
+    function download(filename, text) {
+      var element = document.createElement("a");
+      element.setAttribute(
+        "href",
+        "data:text/plain;charset=utf-8," + encodeURIComponent(text)
+      );
+      element.setAttribute("download", filename);
+      element.style.display = "none";
+      document.body.appendChild(element);
+      element.click();
+      document.body.removeChild(element);
+    }
+
     const WAIT_FOR_FULL_VIDEO_LOADED = 5000;
     const FIND_FULL_VIDEO_INTERVAL = 100;
     const sleep = (m) => new Promise((r) => setTimeout(r, m));
@@ -20,7 +34,15 @@ export default {
     const closeFullVideo = () =>
       document.querySelector("div.top-8.left-4")?.click();
 
-    alert("Getting video, open console (F12) to see result.");
+    if (
+      !confirm(
+        "Tool sẽ tự động mở từng ảnh/video để lấy link.\nVui lòng không thoát trang web.\nBấm OK để bắt đầu quá trình lấy link."
+      )
+    ) {
+      return;
+    }
+
+    let allUrls = [];
 
     const queue = getAllVideo();
     while (queue.length > 0) {
@@ -38,6 +60,7 @@ export default {
       }
 
       if (full_video) {
+        allUrls.push(full_video.src);
         console.log(full_video.src);
       } else {
         console.log("Not found full video");
@@ -46,5 +69,9 @@ export default {
       closeFullVideo();
       await sleep(500);
     }
+
+    console.log(allUrls);
+    alert("Tìm được " + allUrls.length + " videos. Bấm ok để tải xuống link.");
+    download(location.pathname + ".txt", allUrls.join("\n"));
   },
 };

scripts/douyin_downloadVideo.js

@@ -24,11 +24,7 @@ export default {
       <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>`
-            );
+            return `<video controls style="max-width:50vw">${video.innerHTML}</video>`;
           })
           .join("<br/>")}
         <button 

scripts/showTheImages.js

@@ -65,7 +65,7 @@ export default {
               <th colspan="2">Found ${L.length} Image(s):</th>
           </tr>
           
-          <div style="padding:20px;border:0;outline:0">
+          <div style="padding:20px;border:0;outline:0;background:#eee">
             ${L.map(
               (img) => '<img src="' + img + '" style="margin:5px"/>'
             ).join("")}