`;
document.body.appendChild(panel);
// 绑定事件
bindPanelEvents(panel);
return panel;
}
function bindPanelEvents(panel) {
// 最小化
document.getElementById('vd-minimize-btn').addEventListener('click', () => {
panel.classList.toggle('minimized');
});
panel.addEventListener('click', (e) => {
if (panel.classList.contains('minimized') && e.target === panel) {
panel.classList.remove('minimized');
}
});
// 关闭
document.getElementById('vd-close-btn').addEventListener('click', () => {
panel.style.display = 'none';
// 保存状态
GM_setValue('panelVisible', false);
});
// 下载按钮
document.getElementById('vd-download-btn').addEventListener('click', async () => {
const info = getVideoInfo();
if (info.platform === 'bilibili') {
// B站特殊处理
const bilibiliInfo = await getBilibiliInfo();
if (bilibiliInfo && bilibiliInfo.videos.length > 0) {
const video = bilibiliInfo.videos[0];
const filename = sanitizeFilename(bilibiliInfo.title);
downloadVideo(video.url, filename);
} else {
showNotification('获取B站视频失败', 'error');
}
} else {
const videoUrl = getCurrentVideoUrl();
if (videoUrl) {
const filename = sanitizeFilename(info.title);
downloadVideo(videoUrl, filename);
} else {
showNotification('无法获取视频地址，请播放视频后重试', 'error');
}
}
});
// 复制URL
document.getElementById('vd-copy-url-btn').addEventListener('click', async () => {
const info = getVideoInfo();
let url = getCurrentVideoUrl();
if (info.platform === 'bilibili') {
const bilibiliInfo = await getBilibiliInfo();
if (bilibiliInfo && bilibiliInfo.videos.length > 0) {
url = bilibiliInfo.videos[0].url;
}
}
copyVideoUrl(url || window.location.href);
});
// 刷新
document.getElementById('vd-refresh-btn').addEventListener('click', () => {
updatePanelInfo();
});
// YT-DLP
document.getElementById('vd-open-ytf-btn').addEventListener('click', () => {
const url = window.location.href;
const title = document.getElementById('vd-video-title')?.textContent || 'video';
const command = `yt-dlp -o "${sanitizeFilename(title)}.%(ext)s" "${url}"`;
GM_setClipboard(command);
showNotification('YT-DLP命令已复制到剪贴板', 'success');
});
}
function updatePanelInfo() {
const info = getVideoInfo();
const platformBadge = document.getElementById('vd-platform-name');
const titleEl = document.getElementById('vd-video-title');
const idEl = document.getElementById('vd-video-id');
if (info.error) {
platformBadge.textContent = '❌ 不支持';
titleEl.textContent = info.error;
idEl.textContent = '-';
return;
}
platformBadge.textContent = '✅ ' + info.platformName;
titleEl.textContent = info.title;
idEl.textContent = info.videoId;
// 如果是B站，加载清晰度列表
if (info.platform === 'bilibili') {
loadBilibiliQualityList();
}
}
async function loadBilibiliQualityList() {
const qualitySection = document.getElementById('vd-quality-section');
const qualityList = document.getElementById('vd-quality-list');
const status = document.getElementById('vd-status');
qualitySection.style.display = 'block';
status.className = 'vd-status loading';
status.textContent = '正在获取B站视频信息...';
status.style.display = 'block';
try {
const bilibiliInfo = await getBilibiliInfo();
if (bilibiliInfo && bilibiliInfo.videos.length > 0) {
status.className = 'vd-status success';
status.textContent = '获取成功！';
qualityList.innerHTML = bilibiliInfo.videos.map((video, index) => {
const sizeMB = (video.size / (1024 * 1024)).toFixed(2);
return `