Update: plugin source code files

static/youtube-dl_download.js

@@ -64,6 +64,52 @@
       return;
     }
 
-    post_ajax('/download', get_formdata('#download'));
+    post_ajax('/basic/download', getFormdata('#download'));
+  });
+
+  // Artplayer 미리보기 로직
+  let art = null;
+  let last_preview_url = '';
+
+  const init_artplayer = (video_url) => {
+    const wrapper = document.getElementById('player-wrapper');
+    wrapper.style.display = 'block';
+
+    if (art) {
+      art.switchUrl(video_url);
+      return;
+    }
+
+    art = new Artplayer({
+      container: '#player-wrapper',
+      url: video_url,
+      autoplay: false,
+      pip: true,
+      setting: true,
+      flip: true,
+      playbackRate: true,
+      aspectRatio: true,
+      fullscreen: true,
+      fullscreenWeb: true,
+      miniProgressBar: true,
+      mutex: true,
+      backdrop: true,
+      playsInline: true,
+      autoPlayback: false,
+      airplay: true,
+      theme: '#23ade5',
+    });
+  };
+
+  url.addEventListener('change', () => {
+    const target_url = url.value.trim();
+    if (target_url && target_url.startsWith('http') && target_url !== last_preview_url) {
+      last_preview_url = target_url;
+      post_ajax('/basic/preview', { url: target_url }).then((ret) => {
+        if (ret.ret === 'success' && ret.data) {
+          init_artplayer(ret.data);
+        }
+      });
+    }
   });
 })();

static/youtube-dl_list.js

@@ -128,14 +128,14 @@
   });
 
   const reload_list = async () => {
-    const { data } = await post_ajax('/list');
+    const { data } = await post_ajax('/basic/list');
     list_tbody.innerHTML = data.map((item) => make_item(item)).join('');
   };
 
   // 전체 중지
   all_stop_btn.addEventListener('click', (event) => {
     event.preventDefault();
-    post_ajax('/all_stop').then(reload_list);
+    post_ajax('/basic/all_stop').then(reload_list);
   });
 
   // 중지
@@ -145,7 +145,7 @@
     if (!target.classList.contains('youtubeDl-stop')) {
       return;
     }
-    post_ajax('/stop', {
+    post_ajax('/basic/stop', {
       index: target.dataset.index,
     }).then(reload_list);
   });

static/youtube-dl_setting.js

@@ -49,7 +49,7 @@
       ffmpeg = 'ffmpeg';
     }
 
-    post_ajax('/ffmpeg_version', {
+    post_ajax('/basic/ffmpeg_version', {
       path: ffmpeg,
     }).then(({ data }) => {
       modal_title.innerHTML = `${ffmpeg} -version`;

static/youtube-dl_sub.js

@@ -47,6 +47,6 @@
       return;
     }
 
-    post_ajax('/sub', get_formdata('#download'));
+    post_ajax('/basic/sub', get_formdata('#download'));
   });
 })();

static/youtube-dl_thumbnail.js

@@ -42,6 +42,6 @@
       return;
     }
 
-    post_ajax('/thumbnail', get_formdata('#download'));
+    post_ajax('/basic/thumbnail', get_formdata('#download'));
   });
 })();