From 09c1a2c5a91620c9f205b3ffb46da04d41a597e8 Mon Sep 17 00:00:00 2001
From: Mimi <1119186082@qq.com>
Date: Fri, 7 Jun 2024 12:51:22 +0800
Subject: [PATCH] Support login

---
 .gitignore                   |   2 +
 app/js/downloader.js         | 136 ++++++++---------------------------
 app/js/login/login-helper.js |  98 +++++++++++++++++++++++++
 app/js/login/login-qr.js     |  48 +++++++++++++
 app/js/login/login.js        | 110 ++++++++++++++++++++++++++++
 app/js/panel.js              |  60 ++++++++--------
 app/js/request.js            |  94 ++++++++++++++++++++++++
 app/panel.html               |  10 ++-
 package.json                 |  13 ++--
 9 files changed, 427 insertions(+), 144 deletions(-)
 create mode 100644 app/js/login/login-helper.js
 create mode 100644 app/js/login/login-qr.js
 create mode 100644 app/js/login/login.js
 create mode 100644 app/js/request.js

diff --git a/.gitignore b/.gitignore
index 725e2f4..1fa2d32 100644
--- a/.gitignore
+++ b/.gitignore
@@ -86,3 +86,5 @@ package-lock.json
 dist/
 
 .DS_Store
+
+login_info*
\ No newline at end of file
diff --git a/app/js/downloader.js b/app/js/downloader.js
index 0c079d6..39504bf 100644
--- a/app/js/downloader.js
+++ b/app/js/downloader.js
@@ -1,8 +1,11 @@
 const fs = require("fs");
-const crypto = require("crypto");
 const http = require("http");
 const https = require("https");
 const progress = require("progress-stream");
+const { requestWeb } = require("./request");
+
+const REGEX_PLAY_INFO = /<script>window\.__playinfo__=(.*?)<\/script>/;
+const REGEX_INITIAL_STATE = /__INITIAL_STATE__=(.*?);\(function\(\)/;
 
 class Task {
 	constructor(url) {
@@ -13,126 +16,43 @@ class Task {
 
 class Downloader {
 	constructor() {
-		this.type = "";
-		this.id = "";
-		this.url = "";
 		this.aid = -1;
+		this.bvid = -1;
 		this.pid = 1;
 		this.cid = -1;
+		this.playUrl = null;
+		this.videoData = null;
 		this.name = "";
 		this.links = [];
 		this.tasks = [];
 	}
 
-	getVideoUrl(videoUrl) {
-		this.url = "";
-		const mapping = {
-			"BV": "https://www.bilibili.com/video/",
-			"bv": "https://www.bilibili.com/video/",
-			"av": "https://www.bilibili.com/video/",
-			"ep": "https://www.bilibili.com/bangumi/play/",
-			"ss": "https://www.bilibili.com/bangumi/play/"
-		};
-		for (const [key, value] of Object.entries(mapping)) {
-			if (videoUrl.includes(key)) {
-				this.type = key;
-				this.id = key + videoUrl.split(key)[1];
-				this.url = value + this.id;
-				break;
-			}
-		}
+	getVideoInfoFromInitialState(state) {
+		this.aid = state.aid;
+		this.bvid = state.bvid;
+		this.pid = state.p;
+		this.cid = state.videoData.cid;
+		this.videoData = state.videoData;
 	}
 
-	async getAid() {
-		const { type, url } = this;
-		if (!url) return;
-		return fetch(url)
-			.then(response => response.text())
-			.then(result => {
-				let data = result.match(/__INITIAL_STATE__=(.*?);\(function\(\)/)[1];
-				data = JSON.parse(data);
-				console.log("INITIAL STATE", data);
-				if (type === "BV" || type === "bv" || type === "av") {
-					this.aid = data.videoData.aid;
-					this.pid = parseInt(url.split("p=")[1], 10) || 1;
-					this.cid = data.videoData.pages[this.pid - 1].cid;
-				}
-				else if (type === "ep") {
-					this.aid = data.epInfo.aid;
-					this.cid = data.epInfo.cid;
-				}
-				else if (type === "ss") {
-					this.aid = data.epList[0].aid;
-					this.cid = data.epList[0].cid;
-				}
-			})
-			.catch(error => showError("获取视频 aid 出错！"));
-	}
+	async getPlayUrlWebPage(url) {
+		const referer = 'https://www.bilibili.com';
+		const response = await requestWeb(url, referer);
+		const matchInitialState = response.match(REGEX_INITIAL_STATE);
+		const matchPlayInfo = response.match(REGEX_PLAY_INFO);
+		if (!matchInitialState || !matchPlayInfo) return;
+		const initialState = JSON.parse(matchInitialState[1]);
+		const playUrl = JSON.parse(matchPlayInfo[1]);
 
-	async getInfo() {
-		const { aid, cid } = this;
-		if (!cid) {
-			showError("获取视频 cid 出错！");
-			return;
-		}
-		getDanmaku(); //获取cid后，获取下载链接和弹幕信息
-		return fetch("https://api.bilibili.com/x/web-interface/view?aid=" + aid)
-			.then(response => response.json())
-			.catch(error => showError("获取视频信息出错！"));
-	}
+		this.getVideoInfoFromInitialState(initialState);
 
-	async getData(fallback) {
-		const { cid, type } = this;
-		let playUrl;
-		if (fallback) {
-			const params = `cid=${cid}&module=movie&player=1&quality=112&ts=1`;
-			const sign = crypto.createHash("md5").update(params + "9b288147e5474dd2aa67085f716c560d").digest("hex");
-			playUrl = `https://bangumi.bilibili.com/player/web_api/playurl?${params}&sign=${sign}`;
-		} else {
-			if (type === "BV" || type === "bv" || type === "av") {
-				const params = `appkey=iVGUTjsxvpLeuDCf&cid=${cid}&otype=json&qn=112&quality=112&type=`;
-				const sign = crypto.createHash("md5").update(params + "aHRmhWMLkdeMuILqORnYZocwMBpMEOdt").digest("hex");
-				playUrl = `https://interface.bilibili.com/v2/playurl?${params}&sign=${sign}`;
-			} else {
-				playUrl = `https://api.bilibili.com/pgc/player/web/playurl?qn=80&cid=${cid}`;
-			}
+		if (!playUrl) {
+			this.playUrl = null;
+		} else if (playUrl.data) {
+			this.playUrl = playUrl.data;
+		} else if (playUrl.result) {
+			this.playUrl = playUrl.result;
 		}
-		return fetch(playUrl)
-			.then(response => response.text())
-			.then(result => {
-				const data = fallback ? this.parseData(result) : JSON.parse(result);
-				const target = data.durl || data.result.durl;
-				console.log("PLAY URL", data);
-                if (target) {
-                    this.links = target.map(part => part.url);
-                    return {
-                        fallback, data
-                    };
-				} else {
-					if (fallback) throw Error();
-					return this.getData(true);
-				}
-			})
-			.catch(error => {
-				showError("获取 PlayUrl 或下载链接出错！由于B站限制，只能下载低清晰度视频。");
-			});
-	}
-
-	parseData(target) {
-		const data = $(target);
-		const result = {};
-		result.durl = [];
-		result.quality = data.find("quality").text();
-		data.find("durl").each((i, o) => {
-			const part = $(o);
-			result.durl.push({
-				url: part.find("url").text(),
-				order: part.find("order").text(),
-				length: part.find("length").text(),
-				size: part.find("size").text()
-			});
-		});
-		return result;
 	}
 
 	downloadByIndex(part, file, callback = () => {}) {
diff --git a/app/js/login/login-helper.js b/app/js/login/login-helper.js
new file mode 100644
index 0000000..421e179
--- /dev/null
+++ b/app/js/login/login-helper.js
@@ -0,0 +1,98 @@
+// /workspaces/downkyicore/DownKyi.Core/BiliApi/Login/LoginHelper.cs
+const fs = require('fs');
+// Required to use response.headers.raw
+const fetch = require('node-fetch');
+const path = require('path');
+const { CookieJar, Cookie } = require('tough-cookie');
+
+const LOCAL_LOGIN_INFO = path.join(__dirname, 'login_info');
+// const SECRET_KEY = 'EsOat*^y1QR!&0J6';
+
+class LoginHelper {
+    // /workspaces/downkyicore/DownKyi.Core/Utils/ObjectHelper.cs
+    static parseCookie(url) {
+        const cookieJar = new CookieJar();
+
+        if (!url) {
+            return cookieJar;
+        }
+
+        const strList = url.split('?');
+        if (strList.length < 2) {
+            return cookieJar;
+        }
+
+        const strList2 = strList[1].split('&');
+        if (strList2.length === 0) {
+            return cookieJar;
+        }
+
+        // 获取expires
+        const expires = strList2.find(it => it.includes('Expires')).split('=')[1];
+        const dateTime = new Date(Date.now() + parseInt(expires) * 1000);
+
+        for (const item of strList2) {
+            const strList3 = item.split('=');
+            if (strList3.length < 2) {
+                continue;
+            }
+
+            const name = strList3[0];
+            const value = strList3[1];
+
+            // 不需要
+            if (name === 'Expires' || name === 'gourl') {
+                continue;
+            }
+
+            // 添加cookie
+            cookieJar.setCookieSync(new Cookie({
+                key: name,
+                value: value.replace(',', '%2c'),
+                domain: '.bilibili.com',
+                path: '/',
+                expires: dateTime
+            }).toString(), 'http://.bilibili.com');
+        }
+
+        return cookieJar;
+    }
+
+    static async saveLoginInfoCookies(url) {
+        const tempFile = `${LOCAL_LOGIN_INFO}-${Date.now()}`;
+        const cookieJar = LoginHelper.parseCookie(url);
+
+        try {
+            console.log(url)
+            // const response = await fetch(url, { headers: { Cookie: cookieJar.getCookieStringSync(url) } });
+            // const setCookieHeader = response.headers.raw()['set-cookie'];
+            // window.setCookieHeader = response.headers;
+            // if (setCookieHeader) {
+            //     setCookieHeader.forEach(cookie => {
+            //         cookieJar.setCookieSync(cookie, url);
+            //     });
+            // }
+            const cookieJSON = JSON.stringify(cookieJar.toJSON());
+            fs.writeFileSync(tempFile, cookieJSON);
+            fs.copyFileSync(tempFile, LOCAL_LOGIN_INFO);
+            fs.unlinkSync(tempFile);
+        } catch (err) {
+            console.error('SaveLoginInfoCookies()发生异常:', err);
+        }
+    }
+
+    static getLoginInfoCookies() {
+        if (!fs.existsSync(LOCAL_LOGIN_INFO)) {
+            return null;
+        }
+
+        const tempFile = `${LOCAL_LOGIN_INFO}-${Date.now()}`;
+        fs.copyFileSync(LOCAL_LOGIN_INFO, tempFile);
+
+        const cookieJar = CookieJar.fromJSON(fs.readFileSync(tempFile, 'utf-8'));
+        fs.unlinkSync(tempFile);
+        return cookieJar;
+    }
+}
+
+module.exports = LoginHelper;
diff --git a/app/js/login/login-qr.js b/app/js/login/login-qr.js
new file mode 100644
index 0000000..1f1049b
--- /dev/null
+++ b/app/js/login/login-qr.js
@@ -0,0 +1,48 @@
+// /workspaces/downkyicore/DownKyi.Core/BiliApi/Login/LoginHelper.cs
+const QRCode = require('qrcode');
+
+class LoginQR {
+    static async getLoginUrl() {
+        try {
+            const response = await fetch('https://passport.bilibili.com/x/passport-login/web/qrcode/generate');
+            const data = await response.json();
+            return data;
+        } catch (error) {
+            console.error('GetLoginUrl()发生异常:', error);
+            return null;
+        }
+    }
+
+    static async getLoginStatus(qrcodeKey, goUrl = 'https://www.bilibili.com') {
+        try {
+            const response = await fetch(`https://passport.bilibili.com/x/passport-login/web/qrcode/poll?qrcode_key=${qrcodeKey}`);
+            const data = await response.json();
+            return data;
+        } catch (error) {
+            console.error('GetLoginStatus()发生异常:', error);
+            return null;
+        }
+    }
+
+    // static async getLoginQRCode() {
+    //     try {
+    //         const loginUrlOrigin = await this.getLoginUrl();
+    //         return await this.getLoginQRCodeFromUrl(loginUrlOrigin.data.url);
+    //     } catch (error) {
+    //         console.error('GetLoginQRCode()发生异常:', error);
+    //         return null;
+    //     }
+    // }
+
+    static async getLoginQRCodeFromUrl(url) {
+        try {
+            const qrCode = await QRCode.toDataURL(url, { width: 200, height: 200 });
+            return qrCode;
+        } catch (error) {
+            console.error('生成二维码发生异常:', error);
+            return null;
+        }
+    }
+}
+
+module.exports = LoginQR;
diff --git a/app/js/login/login.js b/app/js/login/login.js
new file mode 100644
index 0000000..aa8fce0
--- /dev/null
+++ b/app/js/login/login.js
@@ -0,0 +1,110 @@
+// /workspaces/downkyicore/DownKyi/ViewModels/ViewLoginViewModel.cs
+const LoginQR = require('./login-qr');
+const LoginHelper = require('./login-helper');
+// const { PropertyChangeAsync, ExecuteBackSpace, console, DictionaryResource } = require('./utils');
+
+class LoginService {
+    constructor(img) {
+        // this.eventAggregator = new EventEmitter();
+        this.tokenSource = { token: false };
+        this.element = img;
+    }
+
+    async login() {
+        try {
+            const loginUrl = await LoginQR.getLoginUrl();
+            if (!loginUrl || loginUrl.code !== 0) {
+                // ExecuteBackSpace();
+                return;
+            }
+
+            if (!loginUrl.data || !loginUrl.data.url) {
+                // this.eventAggregator.emit('message', DictionaryResource.getString('GetLoginUrlFailed'));
+                return;
+            }
+
+            // await PropertyChangeAsync(async () => {
+            //     this.loginQrCode = await LoginQR.getLoginQRCodeFromUrl(loginUrl.data.url);
+            // });
+            this.element.src = await LoginQR.getLoginQRCodeFromUrl(loginUrl.data.url);
+
+            console.log(loginUrl.data.url + '\n');
+            console.debug('Login', loginUrl.data.url);
+
+            this.getLoginStatus(loginUrl.data.qrcode_key);
+        } catch (e) {
+            console.error(`Login()发生异常: ${e}`);
+            console.error('Login', e);
+        }
+    }
+
+    async getLoginStatus(oauthKey) {
+        while (true) {
+            await new Promise(resolve => setTimeout(resolve, 1000));
+            try {
+                const loginStatus = await LoginQR.getLoginStatus(oauthKey);
+                if (!loginStatus) {
+                    continue;
+                }
+
+                console.log(`${loginStatus.data.code}\n${loginStatus.data.message}\n${loginStatus.data.url}\n`);
+
+                switch (loginStatus.data.code) {
+                    case 86038:
+                        // this.eventAggregator.emit('message', DictionaryResource.getString('LoginTimeOut'));
+                        // console.info('Login', DictionaryResource.getString('LoginTimeOut'));
+
+                        this.tokenSource.token = true;
+
+                        // await PropertyChangeAsync(async () => {
+                        //     this.tokenSource.token = false;
+                        //     await this.login();
+                        // });
+                        break;
+
+                    case 86101:
+                        // 未扫码
+                        break;
+
+                    case 86090:
+                        // 已扫码，未确认
+                        // await PropertyChangeAsync(() => {
+                        //     this.loginQrCodeStatus = true;
+                        //     this.loginQrCodeOpacity = 0.3;
+                        // });
+                        break;
+
+                    case 0:
+                        // 确认登录
+                        // this.eventAggregator.emit('message', '登陆成功');
+
+                        try {
+                            const isSucceed = await LoginHelper.saveLoginInfoCookies(loginStatus.data.url);
+                            if (!isSucceed) {
+                                // this.eventAggregator.emit('message', DictionaryResource.getString('LoginFailed'));
+                                // console.error('Login', DictionaryResource.getString('LoginFailed'));
+                            }
+                        } catch (e) {
+                            console.error(`PageLogin 保存登录信息发生异常: ${e}`);
+                            console.error(e);
+                            // this.eventAggregator.emit('message', DictionaryResource.getString('LoginFailed'));
+                        }
+
+                        await new Promise(resolve => setTimeout(resolve, 3000));
+                        // await PropertyChangeAsync(ExecuteBackSpace);
+                        break;
+                }
+
+                if (this.tokenSource.token) {
+                    console.log('停止Login线程，跳出while循环');
+                    console.debug('Login', '登录操作结束');
+                    break;
+                }
+            } catch (error) {
+                console.error(`GetLoginStatus()发生异常: ${error}`);
+            }
+        }
+    }
+}
+
+module.exports = LoginService;
diff --git a/app/js/panel.js b/app/js/panel.js
index 8f1720f..ab50ad3 100644
--- a/app/js/panel.js
+++ b/app/js/panel.js
@@ -5,16 +5,26 @@ const { Downloader } = require("./js/downloader.js");
 
 // downloader is used by `danmaku.js`
 const downloader = new Downloader();
+const qualityArray = {
+	112: "高清 1080P+",
+	80: "高清 1080P",
+	74: "高清 720P60",
+	64: "高清 720P",
+	48: "高清 720P",
+	32: "清晰 480P",
+	16: "流畅 360P",
+	15: "流畅 360P"
+}; //需要修改，不是一一对应
 
 class Panel {
-	async getAid() {
+	async getVideoInfo() {
 		const videoUrl = document.getElementById("videoUrl").value;
-		downloader.getVideoUrl(videoUrl);
-		if (downloader.url) {
+		await downloader.getPlayUrlWebPage(videoUrl);
+		if (downloader.cid) {
+			const data = downloader.videoData;
 			document.getElementById("videoUrl").classList.replace("is-invalid", "is-valid");
-			await downloader.getAid();
-			const { data } = await downloader.getInfo();
-			console.log("VIDEO INFO", data);
+			getDanmaku(); //获取cid后，获取下载链接和弹幕信息
+			// console.log("VIDEO INFO", data);
 			document.getElementById("cid").textContent = downloader.cid;
 			document.getElementById("nav").classList.remove("d-none");
 			document.querySelector("#nav .nav-link").click();
@@ -32,37 +42,27 @@ class Panel {
 			}
 			downloader.name = `${downloader.id}-${data.title}`;
 			document.getElementById("videoName").value = sanitize(downloader.name);
-			await this.getData();
+			// this.getData();
 		} else {
 			showError("无效的视频链接！");
 			document.getElementById("videoUrl").classList.replace("is-valid", "is-invalid");
 		}
 	}
 
-	async getData() {
-		const { data, fallback } = await downloader.getData();
-		const target = data.durl || data.result.durl;
-		const quality = data.quality || data.result.quality,
-			qualityArray = {
-				112: "高清 1080P+",
-				80: "高清 1080P",
-				74: "高清 720P60",
-				64: "高清 720P",
-				48: "高清 720P",
-				32: "清晰 480P",
-				16: "流畅 360P",
-				15: "流畅 360P"
-			}; //需要修改，不是一一对应
-		document.getElementById("quality").textContent = qualityArray[quality] || "未知";
-		$("#success").show();
-		fallback ? $("#error").show() : $("#error").hide();
-
-		document.querySelector("#success tbody").innerHTML = "";
+	getData() {
+		// Use downloader.playUrl
+		document.querySelector("#success thead").innerHTML = `
+						<tr>
+							<th>MIME</th>
+							<th>编码</th>
+							<th>大小(MB)</th>
+							<th>选定</th>
+						</tr>`;
 		target.forEach(part => {
 			document.querySelector("#success tbody").insertAdjacentHTML("beforeend", `<tr>
-							<td>${part.order}</td>
-							<td>${part.length / 1e3}</td>
-							<td>${part.size / 1e6}</td>
+							<td>${part.mimeType}</td>
+							<td>${part.codecs}</td>
+							<td>${part.bandwidth / 1e6}</td>
 							<td>
 								<div class="form-check">
 									<input class="form-check-input" type="checkbox" checked="true">
@@ -89,7 +89,7 @@ class Panel {
 				bar.textContent = Math.round(percentage) + "%";
 				if (percentage === 100) {
 					bar.classList.replace("progress-bar-animated", "bg-success");
-					ipcRenderer.send("length", this.tasks.filter(item => !item.finished).length);
+					ipcRenderer.send("length", downloader.tasks.filter(item => !item.finished).length);
 				}
 			});
 			if (state === "DUPLICATE") return;
diff --git a/app/js/request.js b/app/js/request.js
new file mode 100644
index 0000000..7319ce3
--- /dev/null
+++ b/app/js/request.js
@@ -0,0 +1,94 @@
+// /workspaces/downkyicore/DownKyi.Core/BiliApi/WebClient.cs
+const fetch = require('node-fetch');
+const { CookieJar } = require('tough-cookie');
+// const zlib = require('zlib');
+// const { promisify } = require('util');
+// const stream = require('stream');
+// const pipeline = promisify(stream.pipeline);
+const LoginHelper = require('./login/login-helper');
+// const { getRandomBuvid3 } = require('./utils');
+
+async function requestWeb(url, referer = null, method = 'GET', parameters = null, retry = 3, needRandomBvuid3 = false) {
+    if (retry <= 0) {
+        return '';
+    }
+
+    const headers = {
+        'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36', // replace with actual user agent
+        'accept-language': 'zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7',
+        'accept-encoding': 'gzip, deflate, br'
+    };
+
+    if (referer) {
+        headers.Referer = referer;
+    }
+
+    if (!url.includes('getLogin')) {
+        headers.origin = 'https://m.bilibili.com';
+
+        const cookies = LoginHelper.getLoginInfoCookies();
+        if (cookies) {
+            headers.Cookie = cookies.getCookieStringSync(url);
+        } else {
+            const cookieJar = new CookieJar();
+            if (needRandomBvuid3) {
+                cookieJar.setCookieSync(`buvid3=${getRandomBuvid3()}; Domain=.bilibili.com; Path=/`, url);
+            }
+            headers.Cookie = cookieJar.getCookieStringSync(url);
+        }
+    }
+
+    let requestOptions = { method, headers };
+
+    if (method === 'POST' && parameters) {
+        const searchParams = new URLSearchParams();
+        for (const key in parameters) {
+            searchParams.append(key, parameters[key]);
+        }
+        url += '?' + searchParams.toString();
+    }
+
+    try {
+        const response = await fetch(url, requestOptions);
+
+        let html = await response.text();
+
+        return html;
+    } catch (error) {
+        console.error(`RequestWeb()发生异常: ${error}`);
+        return requestWeb(url, referer, method, parameters, retry - 1, needRandomBvuid3);
+    }
+}
+
+async function main() {
+    const referer = 'https://www.bilibili.com';
+    const response = await requestWeb('https://www.bilibili.com/video/BV1vU411o7nj/?vd_source=46135795e0d52f89ece55c6549e47fb2', referer);
+    // console.log(response);
+    const regex_initial_state = /__INITIAL_STATE__=(.*?);\(function\(\)/;
+    const initial_state = response.match(regex_initial_state)[1];
+    console.log(JSON.stringify(JSON.parse(initial_state), null, 2));
+    const regex = /<script>window\.__playinfo__=(.*?)<\/script>/;
+    const match = response.match(regex);
+    let playUrl = null;
+
+    if (match) {
+        playUrl = JSON.parse(match[1]);
+    }
+
+    console.log(JSON.stringify(playUrl, null, 2));
+
+    if (!playUrl) {
+        return null;
+    } else if (playUrl.data) {
+        return playUrl.data;
+    } else if (playUrl.result) {
+        return playUrl.result;
+    } else {
+        return null;
+    }
+    // console.log(result);
+}
+
+main();
+
+module.exports = { requestWeb };
diff --git a/app/panel.html b/app/panel.html
index d410791..2d2babd 100644
--- a/app/panel.html
+++ b/app/panel.html
@@ -8,6 +8,14 @@
 <script src="../node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 </head>
 <body>
+<img src="" alt="" id="qr">
+<script>
+	const img = document.getElementById("qr");
+	const LoginService = require('./js/login/login.js');
+	const loginService = new LoginService(img);
+
+	loginService.login();
+</script>
 <div class="container-fluid g-4 mt-3">
 	<h1>Mimi Downloader</h1>
 	<p id="help">欢迎使用米米下载器，轻松下载高清视频、弹幕</p>
@@ -16,7 +24,7 @@ <h1>Mimi Downloader</h1>
 		<input type="text" class="form-control" id="videoUrl" placeholder="若有分p，请带上?p=参数">
 	</div>
 	<div class="mb-3">
-		<button class="btn btn-success" onclick="panel.getAid()">获取下载链接</button>
+		<button class="btn btn-success" onclick="panel.getVideoInfo()">获取下载链接</button>
 		<button class="btn btn-secondary" onclick="help()">帮助</button>
 		<button class="btn btn-secondary" onclick="about()">关于</button>
 	</div>
diff --git a/package.json b/package.json
index 15a4cbf..d62522d 100644
--- a/package.json
+++ b/package.json
@@ -20,13 +20,16 @@
   },
   "homepage": "https://github.com/stevenjoezhang/bilibili-downloader",
   "dependencies": {
-    "bootstrap": "^5.0.0",
-    "filenamify": "^4.3.0",
-    "jquery": "^3.5.1",
+    "bootstrap": "^5.3.3",
+    "filenamify": "^4.0.0",
+    "jquery": "^3.7.1",
     "mime": "3.0.0",
-    "progress-stream": "^2.0.0"
+    "node-fetch": "^2.0.0",
+    "progress-stream": "^2.0.0",
+    "qrcode": "^1.5.3",
+    "tough-cookie": "^4.1.4"
   },
   "devDependencies": {
-    "electron": "24.0.0"
+    "electron": "30.1.0"
   }
 }