@lzwme/m3u8-dl 1.3.0 → 1.4.0

package/cjs/cli.js

@@ -89,7 +89,9 @@ commander_1.program
     const opts = getOptions();
     if (opts.debug)
         options.debug = true;
-    console.log(opts, options);
+    if (opts.cacheDir)
+        options.cacheDir = opts.cacheDir;
+    utils_js_1.logger.debug('[cli][server]', opts, options);
     Promise.resolve().then(() => __importStar(require('./server/download-server.js'))).then(m => {
         new m.DLServer(options);
     });

package/cjs/index.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/m3u8-download';
 export * from './lib/file-download';
+export * from './lib/getM3u8Urls';
 export * from './lib/parseM3u8';
 export * from './video-parser';

package/cjs/index.js

@@ -16,5 +16,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./lib/m3u8-download"), exports);
 __exportStar(require("./lib/file-download"), exports);
+__exportStar(require("./lib/getM3u8Urls"), exports);
 __exportStar(require("./lib/parseM3u8"), exports);
 __exportStar(require("./video-parser"), exports);

package/cjs/lib/file-download.js

@@ -8,7 +8,7 @@ const format_options_js_1 = require("./format-options.js");
 const utils_js_1 = require("./utils.js");
 async function fileDownload(u, opts) {
     utils_js_1.logger.debug('fileDownload', u, opts);
-    const [url, options] = (0, format_options_js_1.formatOptions)(u, opts);
+    const { url, options } = (0, format_options_js_1.formatOptions)(u, opts);
     const startTime = Date.now();
     const stats = {
         url,

package/cjs/lib/format-options.d.ts

@@ -1,2 +1,6 @@
 import type { M3u8DLOptions } from '../types';
-export declare function formatOptions(url: string, opts: M3u8DLOptions): readonly [string, M3u8DLOptions, string];
+export declare function formatOptions(url: string, opts: M3u8DLOptions): {
+    url: string;
+    options: M3u8DLOptions;
+    urlMd5: string;
+};

package/cjs/lib/format-options.js

@@ -76,5 +76,5 @@ function formatOptions(url, opts) {
         utils_1.logger.updateOptions({ levelType: 'debug' });
         utils_1.logger.debug('[m3u8-DL]options', options, url);
     }
-    return [url, options, urlMd5];
+    return { url, options, urlMd5 };
 }

package/cjs/lib/getM3u8Urls.d.ts

@@ -0,0 +1,2 @@
+/** 从指定的 url 页面中提取 m3u8 播放地址。deep 指定搜索页面深度 */
+export declare function getM3u8Urls(url: string, deep?: number, visited?: Set<string>): Promise<Map<string, string>>;

package/cjs/lib/getM3u8Urls.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getM3u8Urls = getM3u8Urls;
+const fe_utils_1 = require("@lzwme/fe-utils");
+const utils_js_1 = require("./utils.js");
+/** 从指定的 url 页面中提取 m3u8 播放地址。deep 指定搜索页面深度 */
+async function getM3u8Urls(url, deep = 2, visited = new Set()) {
+    const req = new fe_utils_1.ReqFetch({ headers: { 'content-type': 'text/html; charset=UTF-8' }, reqOptions: {} });
+    const { data: html } = await req.get(url);
+    // 从 html 中正则匹配提取 m3u8
+    const m3u8Urls = new Map();
+    const m3u8Regex = /https?:[^\s'"]+\.m3u8(\?[^\s'"]*)?/gi;
+    // 1. 直接正则匹配 m3u8 地址
+    let match = m3u8Regex.exec(html);
+    while (match) {
+        const title = (/<title>([^<]+)</.exec(html)?.[1].split('-')[0] || '').replace(/在线播放|《|》/g, '');
+        const href = match[0].replaceAll('\\/', '/');
+        if (!m3u8Urls.has(href))
+            m3u8Urls.set(href, title);
+        match = m3u8Regex.exec(html);
+    }
+    // 2. 若未找到且深度大于 0，则获取所有 a 标签的 href 并递归查找
+    if (m3u8Urls.size === 0 && deep > 0) {
+        utils_js_1.logger.debug('未获取到 m3u8 地址', fe_utils_1.color.gray(url), html.length);
+        visited.add(url);
+        const aTagRegex = /<a\s+[^>]*href=["']([^"']+)["'][^>]*>(.*?)<\/a>/gi;
+        let aMatch = aTagRegex.exec(html);
+        const origin = new URL(url).origin;
+        while (aMatch) {
+            const href = aMatch[1] ? new URL(aMatch[1], origin).toString() : '';
+            const text = aMatch[2];
+            aMatch = aTagRegex.exec(html);
+            if (!href || visited.has(href) || !href.startsWith(origin) || !/集|HD|高清|播放/.test(text))
+                continue;
+            visited.add(href);
+            try {
+                const subUrls = await getM3u8Urls(href, deep - 1, visited);
+                utils_js_1.logger.debug(' > 从子页面提取: ', fe_utils_1.color.gray(href), text, subUrls.size);
+                for (const [u, t] of subUrls)
+                    m3u8Urls.set(u, t || text);
+            }
+            catch (err) {
+                utils_js_1.logger.warn(' > 尝试访问子页面异常: ', fe_utils_1.color.red(href), err.message);
+            }
+        }
+    }
+    return m3u8Urls;
+}
+// logger.updateOptions({ levelType: 'debug' });
+// getM3u8Urls(process.argv.slice(2)[0]).then(d => console.log(d));

package/cjs/lib/m3u8-download.js

@@ -86,9 +86,8 @@ const cache = {
 };
 const tsDlFile = (0, node_path_1.resolve)(__dirname, './ts-download.js');
 exports.workPollPublic = new worker_pool_js_1.WorkerPool(tsDlFile);
-async function m3u8InfoParse(url, options = {}) {
-    let urlMd5 = '';
-    [url, options, urlMd5] = (0, format_options_js_1.formatOptions)(url, options);
+async function m3u8InfoParse(u, o = {}) {
+    const { url, options, urlMd5 } = (0, format_options_js_1.formatOptions)(u, o);
     const ext = (0, utils_js_1.isSupportFfmpeg)() ? '.mp4' : '.ts';
     /** 最终合并转换后的文件路径 */
     let filepath = (0, node_path_1.resolve)(options.saveDir, options.filename);
@@ -194,16 +193,12 @@ async function m3u8Download(url, options = {}) {
         return result;
     }
     if (result.m3u8Info?.tsCount > 0) {
-        const workPoll = new worker_pool_js_1.WorkerPool(tsDlFile);
-        let n = options.threadNum - workPoll.numThreads;
-        if (n > 0)
-            while (n--)
-                workPoll.addNewWorker();
+        const workPoll = new worker_pool_js_1.WorkerPool(tsDlFile, options.threadNum);
         const { m3u8Info } = result;
         const startTime = Date.now();
         const barrier = new fe_utils_1.Barrier();
         /** 本地开始播放最少需要下载的 ts 文件数量 */
-        const playStart = Math.min(options.threadNum + 2, result.m3u8Info.tsCount);
+        const playStart = Math.min(options.threadNum + 2, m3u8Info.tsCount);
         const stats = {
             url,
             startTime,
@@ -301,6 +296,7 @@ async function m3u8Download(url, options = {}) {
             options.onInited(stats, m3u8Info, workPoll);
         runTask(m3u8Info.data);
         await barrier.wait();
+        workPoll.close();
         if (stats.tsFailed > 0) {
             utils_js_1.logger.warn('Download Failed! Please retry!', stats.tsFailed);
         }
@@ -319,5 +315,9 @@ async function m3u8Download(url, options = {}) {
 function m3u8DLStop(url, wp = exports.workPollPublic) {
     if (!wp?.removeTask)
         return 0;
-    return wp.removeTask(task => task.url === url);
+    const count = wp.removeTask(task => task.url === url);
+    // 进行中的任务，最多允许继续下载 10s
+    if (count === 0 && wp !== exports.workPollPublic)
+        setTimeout(() => wp.close(), 10_000);
+    return count;
 }

package/cjs/lib/worker_pool.js

@@ -87,6 +87,10 @@ class WorkerPool extends node_events_1.EventEmitter {
             this.numThreads = this.workers.length;
     }
     runTask(task, callback) {
+        if (this.totalNum === 0) {
+            console.error('未初始化 worker 或已销毁');
+            return;
+        }
         if (this.freeWorkers.length === 0) {
             this.tasks.push({ task, callback });
             return;

package/cjs/m3u8-batch-download.js

@@ -38,8 +38,8 @@ async function formatUrls(urls, options) {
                 continue;
             }
         }
-        const [u, o] = (0, format_options_1.formatOptions)(url, options);
-        taskset.set(u, o);
+        const r = (0, format_options_1.formatOptions)(url, options);
+        taskset.set(r.url, r.options);
     }
     return taskset;
 }

package/cjs/server/download-server.d.ts

@@ -8,6 +8,8 @@ interface DLServerOptions {
     debug?: boolean;
     /** 登录 token，默认取环境变量 DS_SECRET */
     token?: string;
+    /** 是否限制文件访问(localplay视频资源等仅可读取下载和缓存目录) */
+    limitFileAccess?: boolean;
 }
 interface CacheItem extends Partial<M3u8DLProgressStats> {
     url: string;

package/cjs/server/download-server.js

@@ -36,11 +36,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DLServer = void 0;
 const node_fs_1 = require("node:fs");
 const node_path_1 = require("node:path");
+const node_os_1 = require("node:os");
 const fe_utils_1 = require("@lzwme/fe-utils");
 const console_log_colors_1 = require("console-log-colors");
 const file_download_js_1 = require("../lib/file-download.js");
 const format_options_js_1 = require("../lib/format-options.js");
 const m3u8_download_js_1 = require("../lib/m3u8-download.js");
+const getM3u8Urls_js_1 = require("../lib/getM3u8Urls.js");
 const utils_js_1 = require("../lib/utils.js");
 const index_js_1 = require("../video-parser/index.js");
 const rootDir = (0, node_path_1.resolve)(__dirname, '../..');
@@ -50,9 +52,10 @@ class DLServer {
     /** DS 参数 */
     options = {
         port: Number(process.env.DS_PORT) || 6600,
-        cacheDir: (0, node_path_1.resolve)(process.cwd(), './cache'),
+        cacheDir: process.env.DS_CACHE_DIR || (0, node_path_1.resolve)((0, node_os_1.homedir)(), '.m3u8-dl/cache'),
         token: process.env.DS_SECRET || process.env.DS_TOKEN || '',
         debug: process.env.DS_DEBUG === '1',
+        limitFileAccess: !['0', 'false'].includes(process.env.DS_LIMTE_FILE_ACCESS),
     };
     serverInfo = {
         version: '',
@@ -102,7 +105,7 @@ class DLServer {
         this.loadCache();
         await this.createApp();
         this.initRouters();
-        utils_js_1.logger.debug('Server initialized', this.options, this.cfg.dlOptions);
+        utils_js_1.logger.debug('Server initialized', 'cacheSize:', this.dlCache.size, this.options, this.cfg.dlOptions);
     }
     loadCache() {
         const cacheFile = (0, node_path_1.resolve)(this.options.cacheDir, 'cache.json');
@@ -126,7 +129,7 @@ class DLServer {
             return;
         }
         this.dlCache.forEach(item => {
-            if (item.status === 'done' && item.localVideo && !(0, node_fs_1.existsSync)(item.localVideo)) {
+            if (item.status === 'done' && (!item.localVideo || !(0, node_fs_1.existsSync)(item.localVideo))) {
                 item.status = 'error';
                 item.errmsg = '已删除';
             }
@@ -195,6 +198,7 @@ class DLServer {
                 if ((0, node_fs_1.existsSync)((0, node_path_1.resolve)(rootDir, 'client/local/cdn'))) {
                     indexHtml = indexHtml
                         .replaceAll('https://s4.zstatic.net/ajax/libs', 'local/cdn')
+                        .replaceAll(/integrity=.+\n/g, '')
                         .replace('https://cdn.tailwindcss.com/3.4.16', 'local/cdn/tailwindcss/3.4.16/tailwindcss.min.js');
                 }
                 res.setHeader('content-type', 'text/html').send(indexHtml);
@@ -246,18 +250,18 @@ class DLServer {
         return { app, wss };
     }
     startDownload(url, options) {
-        const dlOptions = (0, format_options_js_1.formatOptions)(url, { ...this.cfg.dlOptions, ...options, cacheDir: this.options.cacheDir })[1];
+        const { options: dlOptions } = (0, format_options_js_1.formatOptions)(url, { ...this.cfg.dlOptions, ...options, cacheDir: this.options.cacheDir });
         const cacheItem = this.dlCache.get(url) || { options, dlOptions, status: 'pending', url };
-        utils_js_1.logger.debug('startDownload', url, dlOptions, cacheItem?.status);
+        utils_js_1.logger.debug('startDownload', url, dlOptions, cacheItem.status);
         if (cacheItem.status === 'resume')
             return cacheItem.options;
-        if (this.downloading >= this.cfg.webOptions.maxDownloads) {
-            cacheItem.status = 'pending';
-            this.dlCache.set(url, cacheItem);
-            return cacheItem.options;
-        }
-        cacheItem.status = 'resume';
+        if (cacheItem.localVideo && !(0, node_fs_1.existsSync)(cacheItem.localVideo))
+            delete cacheItem.localVideo;
+        cacheItem.status = this.downloading >= this.cfg.webOptions.maxDownloads ? 'pending' : 'resume';
         this.dlCache.set(url, cacheItem);
+        this.wsSend('progress', url);
+        if (cacheItem.status === 'pending')
+            return cacheItem.options;
         let workPoll = cacheItem.workPoll;
         const opts = {
             ...dlOptions,
@@ -291,12 +295,10 @@ class DLServer {
             this.wsSend('progress', url);
             this.saveCache();
             // 找到一个 pending 的任务，开始下载
-            for (const [url, item] of this.dlCache.entries()) {
-                if (item.status === 'pending') {
-                    this.startDownload(url, item.options);
-                    this.wsSend('progress', url);
-                    break;
-                }
+            const nextItem = this.dlCache.entries().find(([_url, d]) => d.status === 'pending');
+            if (nextItem) {
+                this.startDownload(nextItem[0], nextItem[1].options);
+                this.wsSend('progress', nextItem[0]);
             }
         };
         try {
@@ -323,12 +325,10 @@ class DLServer {
         }
         else if (type === 'progress' && typeof data === 'string') {
             const item = this.dlCache.get(data);
-            if (item) {
-                const { workPoll, ...stats } = item;
-                data = [{ ...stats, url: data }];
-            }
-            else
+            if (!item)
                 return;
+            const { workPoll, ...stats } = item;
+            data = [{ ...stats, url: data }];
         }
         // 广播进度信息给所有客户端
         this.wss.clients.forEach(client => {
@@ -338,24 +338,23 @@ class DLServer {
     }
     initRouters() {
         const { app } = this;
-        // health check
         app.get('/healthcheck', (_req, res) => {
             res.json({ message: 'ok', code: 0 });
         });
-        app.post('/config', (req, res) => {
+        app.post('/api/config', (req, res) => {
             const config = req.body;
             this.saveConfig(config);
             res.json({ message: 'Config updated successfully', code: 0 });
         });
-        app.get('/config', (_req, res) => {
+        app.get('/api/config', (_req, res) => {
             res.json({ ...this.cfg.dlOptions, ...this.cfg.webOptions });
         });
         // API to get all download progress
-        app.get('/tasks', (_req, res) => {
+        app.get('/api/tasks', (_req, res) => {
             res.json(Object.fromEntries(this.dlCacheClone()));
         });
         // API to get queue status
-        app.get('/queue/status', (_req, res) => {
+        app.get('/api/queue/status', (_req, res) => {
             const pendingTasks = Array.from(this.dlCache.entries()).filter(([_, item]) => item.status === 'pending');
             const activeTasks = Array.from(this.dlCache.entries()).filter(([_, item]) => item.status === 'resume');
             res.json({
@@ -365,7 +364,7 @@ class DLServer {
             });
         });
         // API to clear queue
-        app.post('/queue/clear', (_req, res) => {
+        app.post('/api/queue/clear', (_req, res) => {
             let count = 0;
             for (const [url, item] of this.dlCache.entries()) {
                 if (item.status === 'pending') {
@@ -378,7 +377,7 @@ class DLServer {
             res.json({ message: `已清空 ${count} 个等待中的下载任务`, code: 0 });
         });
         // API to update task priority
-        app.post('/priority', (req, res) => {
+        app.post('/api/priority', (req, res) => {
             const { url, priority } = req.body;
             const item = this.dlCache.get(url);
             if (!item) {
@@ -390,7 +389,7 @@ class DLServer {
             res.json({ message: '已更新任务优先级', code: 0 });
         });
         // API to start m3u8 download
-        app.post('/download', (req, res) => {
+        app.post('/api/download', (req, res) => {
             const { url, options = {}, list = [] } = req.body;
             try {
                 if (list.length) {
@@ -410,7 +409,7 @@ class DLServer {
             }
         });
         // API to pause download
-        app.post('/pause', (req, res) => {
+        app.post('/api/pause', (req, res) => {
             const { urls, all = false } = req.body;
             const urlsToPause = all ? [...this.dlCache.keys()] : urls;
             const list = [];
@@ -418,7 +417,7 @@ class DLServer {
                 const item = this.dlCache.get(url);
                 if (['resume', 'pending'].includes(item?.status)) {
                     (0, m3u8_download_js_1.m3u8DLStop)(url, item.workPoll);
-                    item.status = item.tsSuccess === item.tsCount ? 'done' : 'pause';
+                    item.status = item.tsSuccess > 0 && item.tsSuccess === item.tsCount ? 'done' : 'pause';
                     const { workPoll, ...tItem } = item;
                     list.push(tItem);
                 }
@@ -428,7 +427,7 @@ class DLServer {
             res.json({ message: `已暂停 ${list.length} 个下载任务`, code: 0, count: list.length });
         });
         // API to resume download
-        app.post('/resume', (req, res) => {
+        app.post('/api/resume', (req, res) => {
             const { urls, all = false } = req.body;
             const urlsToResume = all ? [...this.dlCache.keys()] : urls;
             const list = [];
@@ -447,7 +446,7 @@ class DLServer {
             res.json({ message: list.length ? `已恢复 ${list.length} 个下载任务` : '没有找到可恢复的下载任务', code: 0, count: list.length });
         });
         // API to delete download
-        app.post('/delete', (req, res) => {
+        app.post('/api/delete', (req, res) => {
             const { urls, deleteCache = false, deleteVideo = false } = req.body;
             const urlsToDelete = urls;
             const list = [];
@@ -459,20 +458,26 @@ class DLServer {
                     list.push(item.url);
                     if (deleteCache && item.current?.tsOut) {
                         const cacheDir = (0, node_path_1.dirname)(item.current.tsOut);
-                        if ((0, node_fs_1.existsSync)(cacheDir))
+                        if ((0, node_fs_1.existsSync)(cacheDir)) {
                             (0, node_fs_1.rmSync)(cacheDir, { recursive: true });
+                            utils_js_1.logger.debug('删除缓存目录：', cacheDir);
+                        }
                     }
                     if (deleteVideo) {
                         ['.ts', '.mp4'].forEach(ext => {
                             const filepath = (0, node_path_1.resolve)(item.options.saveDir, item.options.filename + ext);
-                            if ((0, node_fs_1.existsSync)(filepath))
+                            if ((0, node_fs_1.existsSync)(filepath)) {
                                 (0, node_fs_1.unlinkSync)(filepath);
+                                utils_js_1.logger.debug('删除文件：', filepath);
+                            }
                         });
                     }
                 }
             }
-            if (list.length)
+            if (list.length) {
                 this.wsSend('delete', list);
+                this.saveCache();
+            }
             res.json({ message: `已删除 ${list.length} 个下载任务`, code: 0, count: list.length });
         });
         app.get(/^\/localplay\/(.*)$/, (req, res) => {
@@ -484,8 +489,9 @@ class DLServer {
                     if (!(0, node_fs_1.existsSync)(filepath))
                         filepath += '.m3u8';
                 }
+                const allowedDirs = [this.options.cacheDir, this.cfg.dlOptions.saveDir];
                 if (!(0, node_fs_1.existsSync)(filepath)) {
-                    for (const dir of [this.options.cacheDir, this.cfg.dlOptions.saveDir]) {
+                    for (const dir of allowedDirs) {
                         const tpath = (0, node_path_1.resolve)(dir, filepath);
                         if ((0, node_fs_1.existsSync)(tpath)) {
                             filepath = tpath;
@@ -495,7 +501,9 @@ class DLServer {
                 }
                 else {
                     filepath = (0, node_path_1.resolve)(filepath);
-                    if ([this.options.cacheDir, this.cfg.dlOptions.saveDir].some(d => filepath.startsWith((0, node_path_1.resolve)(d)))) {
+                    const isAllow = !this.options.limitFileAccess || allowedDirs.some(d => filepath.startsWith((0, node_path_1.resolve)(d)));
+                    if (!isAllow) {
+                        utils_js_1.logger.error('[Localplay] Access denied:', filepath);
                         res.send({ message: 'Access denied', code: 403 });
                         return;
                     }
@@ -517,6 +525,17 @@ class DLServer {
             utils_js_1.logger.error('Localplay file not found:', filepath);
             res.status(404).send({ message: 'Not Found', code: 404 });
         });
+        app.post('/api/getM3u8Urls', (req, res) => {
+            const url = req.body.url;
+            if (!url) {
+                res.json({ code: 1001, message: '无效的 url 参数' });
+            }
+            else {
+                (0, getM3u8Urls_js_1.getM3u8Urls)(url)
+                    .then(d => res.json({ code: 0, data: Array.from(d) }))
+                    .catch(err => res.json({ code: 401, message: err.message }));
+            }
+        });
     }
 }
 exports.DLServer = DLServer;

package/client/index.html

@@ -6,8 +6,8 @@
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="apple-mobile-web-app-capable" content="yes">
-  <title>M3U8 下载管理</title>
-  <link rel="icon" type="image/svg+xml" href="logo.svg">
+  <title>M3U8 下载器</title>
+  <link rel="icon" type="image/png" href="logo.png">
   <link rel="stylesheet" href="https://s4.zstatic.net/ajax/libs/font-awesome/6.7.2/css/all.min.css"
     integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
@@ -36,7 +36,7 @@
     <div class="sidebar p-4" :class="{ 'show': !sidebarCollapsed }">
       <div class="mb-8">
         <div class="flex items-center mb-4">
-          <img src="logo.svg" alt="M3U8 下载器" class="w-8 h-8 mr-2">
+          <img src="logo.png" alt="M3U8 下载器" class="w-8 h-8 mr-2">
           <h1 class="text-xl font-bold text-gray-800">M3U8 下载器</h1>
         </div>
         <button @click="showNewDownloadDialog"
@@ -406,6 +406,14 @@
                   class="text-blue-500 hover:text-blue-600">
                   {{serverInfo.version}}</a>
               </p>
+              <p class="text-gray-600"><strong>检测版本：</strong>
+                <button @click="checkNewVersion" v-if="!serverInfo.appUpdateMessage"
+                  class="px-2 py-1 text-sm bg-green-600 hover:bg-green-700 text-white rounded">
+                  <i class="fas fa-check mr-1"></i>检测新版本
+                </button>
+                <span v-if="serverInfo.newVersion" class="text-blue-600">发现新版本！[{{serverInfo.newVersion}}]</span>
+                <span v-if="serverInfo.appUpdateMessage" class="text-green-600">{{serverInfo.appUpdateMessage}}</span>
+              </p>
             </div>
           </div>
 
@@ -513,7 +521,10 @@ services:
       alert(msg, p) {
         p = typeof msg === 'object' ? msg : Object.assign({ text: msg }, p);
         if (!p.toast) p.allowOutsideClick = false;
-        Swal.fire(Object.assign({ icon: 'info', showConfirmButton: false, showCloseButton: true }, p));
+        return Swal.fire(Object.assign({ icon: 'info', showConfirmButton: false, showCloseButton: true, confirmButtonText: '确定', cancelButtonText: '关闭' }, p));
+      },
+      confirm(msg, p) {
+        return this.alert(msg, { showConfirmButton: true, showCancelButton: true, showCloseButton: true, confirmButtonText: '确认', cancelButtonText: '取消' });
       },
       toast(msg, p) {
         p = (typeof msg === 'object' ? msg : Object.assign({ text: msg }, p));
@@ -602,6 +613,8 @@ services:
         serverInfo: {
           version: '{{version}}',
           ariang: false,
+          newVersion: '',
+          appUpdateMessage: '',
         },
         config: {
           /** 并发下载线程数。取决于服务器限制，过多可能会容易下载失败。一般建议不超过 8 个。默认为 cpu数 * 2，但不超过 8 */
@@ -661,7 +674,7 @@ services:
 
           // 排序：resume > pending > pause > error > done
           const statusOrder = { resume: 0, pending: 1, pause: 2, error: 3, done: 4 };
-          tasks.sort((a, b) => (statusOrder[a.status] - statusOrder[b.status]) || a.status === 'done' ? (b.filename - a.filename) : (b.endTime - a.endTime));
+          tasks.sort((a, b) => (statusOrder[a.status] - statusOrder[b.status]) || (a.status === 'done' ? (b.filename - a.filename) : (b.endTime - a.endTime)));
 
           // 更新 queueStatus
           const queueStatus = {
@@ -682,6 +695,38 @@ services:
         }
       },
       methods: {
+        initEventsForApp() {
+          if (!window.electron) return;
+          const ipc = window.electron.ipc;
+          ipc.on('message', (ev) => {
+            if (typeof ev.data === 'string') T.toast(ev.data, { icon: 'info' });
+            else console.log(ev.data);
+          });
+
+          ipc.on('downloadProgress', (data) => {
+            console.log('downloadProgress', data);
+            this.serverInfo.appUpdateMessage = `下载中：${Number(data.percent).toFixed(2)}% [${T.formatSpeed(data.bytesPerSecond)}] [${T.formatSize(data.transferred)}/${T.formatSize(data.total)}]`;
+          });
+        },
+        async checkNewVersion() {
+          try {
+            const r = await fetch(`https://registry.npmmirror.com/@lzwme/m3u8-dl/latest`).then(r => r.json());
+            if (r.version) {
+              if (r.version === this.serverInfo.version) T.toast(`已是最新版本，无需更新[${r.version}]`);
+              else {
+                this.serverInfo.newVersion = r.version;
+                if (window.electron) {
+                  window.electron.ipc.send('checkForUpdate');
+                } else {
+                  T.alert(`发现新版本[${r.version}]，请前往 https://github.com/lzwme/m3u8-dl/releases 下载最新版本`, { icon: 'success' });
+                }
+              }
+            }
+          } catch (error) {
+            console.error('检查新版本失败:', error);
+            T.alert(`版本检查失败：${error.message}`, { icon: 'error' });
+          }
+        },
         forceUpdate: function () {
           const now = Date.now();
           if (now - this.forceUpdateTime > 500) {
@@ -705,7 +750,7 @@ services:
 
             switch (type) {
               case 'serverInfo':
-                this.serverInfo = data;
+                Object.assign(this.serverInfo, data);
                 break;
               case 'tasks':
                 this.tasks = data;
@@ -745,7 +790,7 @@ services:
         },
         /** 获取配置 */
         fetchConfig: async function () {
-          const config = await T.get('/config');
+          const config = await T.get('/api/config');
           if (config.code) {
             console.error('获取配置失败:', config);
             T.alert('获取配置失败: ' + config.message, { icon: 'error' });
@@ -758,7 +803,7 @@ services:
         },
         /** 更新配置 */
         updateConfig: async function () {
-          const result = await T.post('/config', this.config);
+          const result = await T.post('/api/config', this.config);
           T.toast(result.message || '配置已更新', { icon: result.code ? 'error' : 'success' });
         },
         updateLocalConfig: async function () {
@@ -785,18 +830,31 @@ services:
             width: '800px',
             html: `
               <div class="text-left">
-                <label class="block text-sm font-bold text-gray-700 mb-1">视频链接（每行一个，支持m3u8地址及抖音、微博、皮皮虾视频分享链接）</label>
-                <textarea id="downloadUrls" class="w-full p-2 border rounded-lg focus:ring-blue-500" rows="3" placeholder="格式： URL | 名称(可选)、名称 | URL"></textarea>
+                <div class="flex flex-row gap-4">
+                  <input type="text" id="playUrl" placeholder="输入视频播放页地址，尝试提取m3u8下载链接" autocomplete="off" id="urlInput" class="flex-1 border border-gray-300 rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-400" value="">
+                  <div class="flex flex-row gap-1">
+                    <button type="button" id="getM3u8UrlsBtn" class="player-btn px-2 py-1 bg-blue-600 text-white rounded hover:bg-blue-700 focus:outline-none">
+                      提取
+                    </button>
+                  </div>
+                </div>
 
                 <div class="mt-4">
-                  <label class="block text-sm font-bold text-gray-700 mb-1">视频名称（可选）</label>
-                  <input id="filename" class="w-full p-2 border rounded-lg focus:border-blue-500" placeholder="请输入视频名称">
-                  <p class="mt-1 text-sm text-gray-500">若输入多个链接，将依次以"视频名称+第N集"命名</p>
+                  <label class="block text-sm font-bold text-gray-700 mb-1">视频链接（每行一个，支持m3u8地址及抖音、微博、皮皮虾视频分享链接）</label>
+                  <textarea id="downloadUrls" class="w-full p-2 border rounded-lg focus:ring-blue-500" rows="3" placeholder="格式： URL | 名称(可选)、名称 | URL"></textarea>
                 </div>
 
                 <div class="mt-4">
+                  <div class="flex flex-row gap-2 items-center">
+                    <label class="block text-sm font-bold text-gray-700 mb-1">视频名称</label>
+                    <input id="filename" class="flex-1 p-2 border rounded-lg focus:border-blue-500" placeholder="请输入视频名称(可选)">
+                  </div>
+                  <p class="ml-2 mt-1 text-sm text-gray-500">若输入多个链接，将依次以"视频名称+第N集"命名</p>
+                </div>
+
+                <div class="mt-4 flex flex-row gap-2 items-center">
                   <label class="block text-sm font-bold text-gray-700 mb-1">保存位置</label>
-                  <input id="saveDir" class="w-full p-2 border rounded-lg focus:ring-blue-500" placeholder="请输入保存路径" value="${this.config.saveDir || ''}">
+                  <input id="saveDir" class="flex-1 p-2 border rounded-lg focus:ring-blue-500" placeholder="请输入保存路径" value="${this.config.saveDir || ''}">
                 </div>
 
                 <div class="mt-4">
@@ -806,7 +864,7 @@ services:
 
                 <div class="mt-4">
                   <label class="block text-sm font-bold text-gray-700 mb-1">自定义请求头</label>
-                  <textarea id="headers" class="w-full p-2 border rounded-lg focus:ring-blue-500" rows="4" placeholder="每行一个请求头（微博视频必须设置 Cookie），格式：Key: Value&#10;例如：&#10;Referer: https://example.com&#10;Cookie: token=123"></textarea>
+                  <textarea id="headers" class="w-full p-2 border rounded-lg focus:ring-blue-500" rows="3" placeholder="每行一个（微博视频须设置 Cookie），格式：Key: Value。例如：&#10;Referer: https://example.com&#10;Cookie: token=123"></textarea>
                 </div>
               </div>
             `,
@@ -852,6 +910,31 @@ services:
           }).then((result) => {
             if (result.isConfirmed) this.startBatchDownload(result.value);
           });
+
+          setTimeout(() => {
+            const btn = document.getElementById('getM3u8UrlsBtn');
+            if (!btn) return;
+
+            btn.addEventListener('click', async () => {
+              const url = document.getElementById('playUrl').value.trim();
+              if (!/^https?:/.test(url)) {
+                return Swal.showValidationMessage('请输入正确的 URL 地址');
+              }
+
+              btn.setAttribute('disabled', 'disabled');
+              btn.innerText = '解析中...';
+
+              T.post('/api/getM3u8Urls', { url }).then(r => {
+                if (Array.isArray(r.data)) {
+                  document.getElementById('downloadUrls').value = r.data.map(d => d.join(' | ')).join('\n');
+                  T.toast(r.message || `解析完成！获取到 ${r.data.length} 个地址`);
+                }
+
+                btn.removeAttribute('disabled');
+                btn.innerText = '提取';
+              });
+            });
+          }, 500);
         },
         /** 批量下载 */
         startBatchDownload: async function (list) {
@@ -860,7 +943,7 @@ services:
               Object.entries(item).forEach(([key, value]) => !value && delete item[key]);
               this.tasks[item.url] = { status: 'resume', progress: 0, speed: 0, remainingTime: 0, size: 0 };
             });
-            const r = await T.post('/download', { list });
+            const r = await T.post('/api/download', { list });
             if (!r.code) T.toast(r.message || '批量下载已开始');
             this.forceUpdate();
           } catch (error) {
@@ -872,7 +955,7 @@ services:
         pauseDownload: async function (urls) {
           if (!urls) urls = this.selectedTasks;
           if (typeof urls === 'string') urls = [urls];
-          const r = await T.post(`/pause`, { urls, all: urls[0] === 'all' });
+          const r = await T.post('/api/pause', { urls, all: urls[0] === 'all' });
           if (!r.code) T.toast(r.message || '已暂停下载');
           if (urls === this.selectedTasks) this.selectedTasks = [];
         },
@@ -880,7 +963,7 @@ services:
         resumeDownload: async function (urls) {
           if (!urls) urls = this.selectedTasks;
           if (typeof urls === 'string') urls = [urls];
-          const r = await T.post(`/resume`, { urls, all: urls[0] === 'all' });
+          const r = await T.post('/api/resume', { urls, all: urls[0] === 'all' });
           if (!r.code) T.toast(r.message || '已恢复下载');
           if (urls === this.selectedTasks) this.selectedTasks = [];
         },
@@ -920,7 +1003,7 @@ services:
             });
 
             if (result.isConfirmed) {
-              const r = await T.post(`/delete`, {
+              const r = await T.post('/api/delete', {
                 urls,
                 deleteCache: result.value.deleteCache,
                 deleteVideo: result.value.deleteVideo
@@ -939,7 +1022,7 @@ services:
           }
         },
         getTasks: async function () {
-          this.tasks = await T.get('/tasks');
+          this.tasks = await T.get('/api/tasks');
         },
         showTaskDetail(task) {
           console.log(task);
@@ -958,9 +1041,10 @@ services:
             预估还需: !task.endTime && task.remainingTime && T.formatTimeCost(task.remainingTime),
             相关信息: task.errmsg && `<span class=text-red-600>${task.errmsg}</span>`
           };
-          Swal.fire({
+          T.alert({
             title: '任务详情',
             width: 1000,
+            icon: '',
             html: [
               '<div class="flex-col full-width text-left">',
               Object.entries(taskInfo).filter(d => d[1]).map(
@@ -1009,12 +1093,12 @@ services:
         },
         // 更新任务优先级
         updatePriority: async function (url, priority) {
-          const r = await T.post('/priority', { url, priority: parseInt(priority) });
+          const r = await T.post('/api/priority', { url, priority: parseInt(priority) });
           T.toast(r.message || '已更新优先级');
         },
         // 获取队列状态
         getQueueStatus: async function () {
-          const status = await T.get('/queue/status');
+          const status = await T.get('/api/queue/status');
           if (status?.maxConcurrent) this.queueStatus = status;
         },
         // 清空下载队列
@@ -1030,7 +1114,7 @@ services:
           });
 
           if (result.isConfirmed) {
-            const r = await T.post('/queue/clear');
+            const r = await T.post('/api/queue/clear');
             T.toast(r.message || '已清空下载队列');
             this.getQueueStatus();
           }
@@ -1058,6 +1142,7 @@ services:
         T.reqHeaders.authorization = this.token ? `${this.token}` : '';
         this.fetchConfig().then(d => d && this.wsConnect());
         window.addEventListener('resize', this.handleResize);
+        this.initEventsForApp();
       },
       beforeDestroy() {
         window.removeEventListener('resize', this.handleResize);

package/client/style.css

@@ -1,3 +1,11 @@
+::placeholder {
+  font-size: 14px;
+}
+
+.swal2-html-container textarea, input {
+  font-size: 16px !important;
+}
+
 #app {
   max-width: 1400px;
   margin: auto;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lzwme/m3u8-dl",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "Batch download of m3u8 files and convert to mp4",
   "main": "cjs/index.js",
   "types": "cjs/index.d.ts",
@@ -44,24 +44,24 @@
     "registry": "https://registry.npmjs.com"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.9.4",
-    "@eslint/js": "^9.28.0",
+    "@biomejs/biome": "^2.0.6",
+    "@eslint/js": "^9.29.0",
     "@lzwme/fed-lint-helper": "^2.6.6",
     "@types/express": "^5.0.3",
     "@types/m3u8-parser": "^7.2.2",
-    "@types/node": "^24.0.1",
+    "@types/node": "^24.0.4",
     "@types/ws": "^8.18.1",
-    "@typescript-eslint/eslint-plugin": "^8.34.0",
-    "@typescript-eslint/parser": "^8.34.0",
-    "eslint": "^9.28.0",
+    "@typescript-eslint/eslint-plugin": "^8.35.0",
+    "@typescript-eslint/parser": "^8.35.0",
+    "eslint": "^9.29.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.4.1",
+    "eslint-plugin-prettier": "^5.5.1",
     "express": "^5.1.0",
     "husky": "^9.1.7",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "standard-version": "^9.5.0",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.34.0",
+    "typescript-eslint": "^8.35.0",
     "ws": "^8.18.2"
   },
   "dependencies": {

package/client/logo.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <!-- 背景圆形 -->
-  <circle cx="256" cy="256" r="240" fill="#1890ff" opacity="0.1"/>
-
-  <!-- 下载箭头 -->
-  <path d="M256 128v192M208 256l48 48 48-48" stroke="#1890ff" stroke-width="24" stroke-linecap="round" stroke-linejoin="round"/>
-
-  <!-- M3U8 文字 -->
-  <text x="256" y="384" font-family="Arial, sans-serif" font-size="64" font-weight="bold" fill="#1890ff" text-anchor="middle">M3U8</text>
-
-  <!-- 速度线条 -->
-  <path d="M128 192c32-32 64-32 96 0s64 32 96 0" stroke="#1890ff" stroke-width="16" stroke-linecap="round" opacity="0.6"/>
-  <path d="M128 224c32-32 64-32 96 0s64 32 96 0" stroke="#1890ff" stroke-width="16" stroke-linecap="round" opacity="0.4"/>
-  <path d="M128 256c32-32 64-32 96 0s64 32 96 0" stroke="#1890ff" stroke-width="16" stroke-linecap="round" opacity="0.2"/>
-</svg>