👈 请从左侧选择一个播放器或设置
可用参数: \${title} 标题 | \${url} 原始链接 | \${url:base64} base64编码 | \${url:encode} url编码
可用参数: \${title} 标题 | \${url} 原始链接 | \${url:base64} base64编码 | \${url:encode} url编码
支持 data:image/png、data:image/svg+xml 等格式
暂无代理，请使用上方输入框添加
'; return; } tempProxyList.forEach((proxy, index) => { const item = document.createElement('div'); item.className = 'iwara-proxy-item' + (proxy.enabled ? '' : ' disabled'); item.dataset.index = index; const urlSpan = document.createElement('span'); urlSpan.className = 'proxy-url'; urlSpan.textContent = proxy.url; // 状态显示 const statusSpan = document.createElement('span'); statusSpan.className = 'iwara-proxy-status'; statusSpan.style.display = 'none'; statusSpan.textContent = '-'; const toggleBtn = document.createElement('button'); toggleBtn.className = 'iwara-proxy-toggle' + (proxy.enabled ? '' : ' disabled'); toggleBtn.textContent = proxy.enabled ? '✓ 启用' : '✕ 禁用'; toggleBtn.addEventListener('click', () => { proxy.enabled = !proxy.enabled; renderProxyList(); }); const deleteBtn = document.createElement('button'); deleteBtn.className = 'iwara-proxy-delete'; deleteBtn.textContent = '🗑️'; deleteBtn.addEventListener('click', () => { if (confirm(`确定要删除代理 "${proxy.url}" 吗？`)) { tempProxyList.splice(index, 1); renderProxyList(); } }); item.appendChild(urlSpan); item.appendChild(statusSpan); item.appendChild(toggleBtn); item.appendChild(deleteBtn); container.appendChild(item); }); } // 检测单个代理 async function checkSingleProxy(proxyUrl, timeoutMs) { const startTime = performance.now(); return new Promise((resolve) => { const timeout = setTimeout(() => { resolve({ success: false, latency: -1, error: 'timeout' }); }, timeoutMs); GM_xmlhttpRequest({ method: 'GET', url: proxyUrl, timeout: timeoutMs, onload: function (response) { clearTimeout(timeout); const endTime = performance.now(); const latency = Math.round(endTime - startTime); // 任何响应都算成功（包括404等），只要能连接 resolve({ success: true, latency, status: response.status }); }, onerror: function (error) { clearTimeout(timeout); resolve({ success: false, latency: -1, error: 'network' }); }, ontimeout: function () { clearTimeout(timeout); resolve({ success: false, latency: -1, error: 'timeout' }); } }); }); } // 检测所有代理 async function checkAllProxies() { const container = modal.querySelector('#proxy-list-container'); if (!container || tempProxyList.length === 0) { showNotification('❌ 没有可检测的代理', 'error'); return; } // 获取自定义超时时间 const timeoutInput = modal.querySelector('#proxy-timeout'); let timeoutMs = parseInt(timeoutInput.value) || 10000; // 验证超时时间范围 if (timeoutMs < 100) timeoutMs = 100; if (timeoutMs > 100000) timeoutMs = 100000; timeoutInput.value = timeoutMs; const checkBtn = modal.querySelector('#check-all-proxies'); const originalText = checkBtn.textContent; checkBtn.disabled = true; checkBtn.textContent = '🔍 检测中...'; // 显示所有状态标签并设置为检测中 const items = container.querySelectorAll('.iwara-proxy-item'); items.forEach(item => { const statusSpan = item.querySelector('.iwara-proxy-status'); if (statusSpan) { statusSpan.style.display = 'inline-block'; statusSpan.className = 'iwara-proxy-status checking'; statusSpan.textContent = '检测中...'; } // 清除之前的检测结果 const proxy = tempProxyList[item.dataset.index]; if (proxy) { delete proxy.checkResult; } }); // 并发检测所有代理 const results = await Promise.all( tempProxyList.map(proxy => checkSingleProxy(proxy.url, timeoutMs)) ); // 更新显示结果 results.forEach((result, index) => { const item = container.querySelector(`[data-index="${index}"]`); if (!item) return; const statusSpan = item.querySelector('.iwara-proxy-status'); if (!statusSpan) return; // 保存检测结果到代理对象 tempProxyList[index].checkResult = result; if (result.success) { const latency = result.latency; statusSpan.textContent = `${latency}ms`; // 根据延迟设置不同颜色 if (latency < 200) { statusSpan.className = 'iwara-proxy-status success'; } else if (latency < 1000) { statusSpan.className = 'iwara-proxy-status slow'; } else { statusSpan.className = 'iwara-proxy-status slow'; } } else { statusSpan.className = 'iwara-proxy-status failed'; statusSpan.textContent = result.error === 'timeout' ? '超时' : '失败'; } }); checkBtn.disabled = false; checkBtn.textContent = originalText; const successCount = results.filter(r => r.success).length; const failCount = results.length - successCount; showNotification(`✅ 检测完成: ${successCount} 个可用, ${failCount} 个失败`, 'success'); } // 启用全部代理 function enableAllProxies() { if (tempProxyList.length === 0) { showNotification('ℹ️ 没有可启用的代理', 'info'); return; } const disabledCount = tempProxyList.filter(p => !p.enabled).length; if (disabledCount === 0) { showNotification('ℹ️ 所有代理都已启用', 'info'); return; } tempProxyList.forEach(proxy => { proxy.enabled = true; }); renderProxyList(); showNotification(`✅ 已启用全部代理 (${disabledCount} 个)`, 'success'); } // 禁用所有失败的代理 function disableFailedProxies() { const failedCount = tempProxyList.filter(p => p.checkResult && !p.checkResult.success).length; if (failedCount === 0) { showNotification('ℹ️ 没有检测到超时的代理', 'info'); return; } if (confirm(`确定要禁用 ${failedCount} 个失败的代理吗？`)) { tempProxyList.forEach(proxy => { if (proxy.checkResult && !proxy.checkResult.success) { proxy.enabled = false; } }); renderProxyList(); showNotification(`✅ 已禁用 ${failedCount} 个失败的代理`, 'success'); } } // 删除所有失败的代理 function deleteFailedProxies() { const failedCount = tempProxyList.filter(p => p.checkResult && !p.checkResult.success).length; if (failedCount === 0) { showNotification('ℹ️ 没有检测到超时的代理', 'info'); return; } if (confirm(`确定要删除 ${failedCount} 个失败的代理吗？\n\n此操作不可恢复！`)) { tempProxyList = tempProxyList.filter(p => !p.checkResult || p.checkResult.success); renderProxyList(); showNotification(`✅ 已删除 ${failedCount} 个失败的代理`, 'success'); } } // 设置代理编辑模式 function setupProxyEditMode() { let isMultiEditMode = false; const toggleModeBtn = modal.querySelector('#toggle-edit-mode'); const singleAddMode = modal.querySelector('#single-add-mode'); const multiEditMode = modal.querySelector('#multi-edit-mode'); const addProxyBtn = modal.querySelector('#add-proxy'); const newProxyInput = modal.querySelector('#new-proxy-input'); if (!toggleModeBtn) return; const saveMultiEditBtn = modal.querySelector('#save-multi-edit'); toggleModeBtn.addEventListener('click', () => { // 切换到手动编辑 const textarea = modal.querySelector('#proxy-input'); const lines = tempProxyList.map(p => { const prefix = p.enabled ? '' : '#'; return `${prefix}${p.url}`; }); textarea.value = lines.join('\n'); singleAddMode.style.display = 'none'; multiEditMode.style.display = 'block'; saveMultiEditBtn.style.display = 'block'; toggleModeBtn.textContent = '📋 列表编辑'; }); // 保存手动编辑 if (saveMultiEditBtn) { saveMultiEditBtn.addEventListener('click', () => { const textarea = modal.querySelector('#proxy-input'); const lines = textarea.value.split('\n'); tempProxyList = []; const urlSet = new Set(); // 用于去重 let duplicateCount = 0; lines.forEach(line => { line = line.trim(); if (line === '') return; let enabled = true; let url = line; if (line.startsWith('#')) { enabled = false; url = line.substring(1).trim(); } if (url !== '') { // 标准化URL用于去重判断 const normalized = normalizeProxyUrl(url); if (normalized && !urlSet.has(normalized)) { urlSet.add(normalized); tempProxyList.push({ url: normalized, enabled }); } else if (normalized && urlSet.has(normalized)) { duplicateCount++; } } }); multiEditMode.style.display = 'none'; singleAddMode.style.display = 'block'; saveMultiEditBtn.style.display = 'none'; toggleModeBtn.textContent = '📝 手动编辑'; renderProxyList(); if (duplicateCount > 0) { showNotification(`✅ 已保存并切换到列表编辑（已去重 ${duplicateCount} 个重复项）`, 'success'); } else { showNotification('✅ 已保存并切换到列表编辑', 'success'); } }); } // 添加代理 addProxyBtn.addEventListener('click', () => { const url = newProxyInput.value.trim(); if (!url) { showNotification('❌ 请输入代理地址', 'error'); return; } const normalized = normalizeProxyUrl(url); if (normalized === null) { showNotification(`❌ 代理地址格式错误: ${url}`, 'error'); return; } if (tempProxyList.some(p => p.url === normalized)) { showNotification('❌ 该代理已存在', 'error'); return; } tempProxyList.push({ url: normalized, enabled: true }); newProxyInput.value = ''; renderProxyList(); showNotification('✅ 代理已添加', 'success'); }); newProxyInput.addEventListener('keypress', (e) => { if (e.key === 'Enter') { addProxyBtn.click(); } }); // 超时时间输入框变化监听 const timeoutInput = modal.querySelector('#proxy-timeout'); if (timeoutInput) { timeoutInput.addEventListener('change', () => { let value = parseInt(timeoutInput.value) || 10000; // 验证范围 if (value < 100) value = 100; if (value > 100000) value = 100000; timeoutInput.value = value; tempProxyTimeout = value; }); } // 检测所有代理按钮 const checkAllBtn = modal.querySelector('#check-all-proxies'); if (checkAllBtn) { checkAllBtn.addEventListener('click', checkAllProxies); } // 启用全部代理按钮 const enableAllBtn = modal.querySelector('#enable-all-proxies'); if (enableAllBtn) { enableAllBtn.addEventListener('click', enableAllProxies); } // 禁用失败代理按钮 const disableFailedBtn = modal.querySelector('#disable-failed-proxies'); if (disableFailedBtn) { disableFailedBtn.addEventListener('click', disableFailedProxies); } // 删除失败代理按钮 const deleteFailedBtn = modal.querySelector('#delete-failed-proxies'); if (deleteFailedBtn) { deleteFailedBtn.addEventListener('click', deleteFailedProxies); } } // 初始化 renderPlayerList(); updateView(); // 默认显示设置页 // 设置点击 modal.querySelector('[data-view="main-settings"]').addEventListener('click', () => { currentView = 'main-settings'; updateView(); }); // 关闭按钮 const closeModal = () => modal.remove(); modal.querySelector('#btn-close').addEventListener('click', closeModal); // 保存设置按钮 function saveSettings(shouldReload = false) { let hasChanges = false; // 保存默认播放器 if (externalPlayer !== currentDefaultPlayer) { externalPlayer = currentDefaultPlayer; GM_setValue('externalPlayer', externalPlayer); hasChanges = true; } // 保存播放器列表 const oldPlayersStr = JSON.stringify(customPlayers); const newPlayersStr = JSON.stringify(tempPlayers); if (oldPlayersStr !== newPlayersStr) { customPlayers = tempPlayers; GM_setValue('customPlayers', customPlayers); hasChanges = true; } // 保存按钮显示设置 const oldButtonSettingsStr = JSON.stringify(buttonSettings); const newButtonSettingsStr = JSON.stringify(tempButtonSettings); if (oldButtonSettingsStr !== newButtonSettingsStr) { buttonSettings = tempButtonSettings; GM_setValue('buttonSettings', buttonSettings); hasChanges = true; } // 验证并保存代理列表 const validatedProxyList = []; for (const proxy of tempProxyList) { const normalized = normalizeProxyUrl(proxy.url); if (normalized === null) { showNotification(`❌ 代理地址格式错误: ${proxy.url}`, 'error'); return; } validatedProxyList.push({ url: normalized, enabled: proxy.enabled }); } const oldListStr = JSON.stringify(GM_getValue('proxyList', [])); const newListStr = JSON.stringify(validatedProxyList); if (oldListStr !== newListStr) { proxyList = validatedProxyList; GM_setValue('proxyList', proxyList); hasChanges = true; } // 保存代理超时时间 if (proxyTimeout !== tempProxyTimeout) { proxyTimeout = tempProxyTimeout; GM_setValue('proxyTimeout', proxyTimeout); hasChanges = true; } closeModal(); if (hasChanges) { if (shouldReload) { showNotification('✅ 设置已保存，正在刷新页面...', 'success'); setTimeout(() => location.reload(), 800); } else { showNotification('✅ 设置已保存，正在应用更改...', 'success'); // 刷新所有按钮以应用新设置 setTimeout(() => { refreshAllButtons(); showNotification('✅ 设置已生效', 'success'); }, 500); } } else { showNotification('ℹ️ 没有修改任何设置', 'info'); } } modal.querySelector('#btn-save').addEventListener('click', () => saveSettings(false)); } // 创建编辑播放器弹窗 function createEditPlayerModal(playerData) { const editModal = document.createElement('div'); editModal.id = 'iwara-edit-player-modal'; editModal.style.zIndex = '9999999'; // 确保在设置弹窗之上 // 根据播放器类型显示不同的输入框 const isProtocolType = playerData.type === 'protocol'; const protocolDisplay = isProtocolType ? 'block' : 'none'; const ushDisplay = isProtocolType ? 'none' : 'block'; editModal.innerHTML = ` `; // 添加样式 const style = document.createElement('style'); style.textContent = ` #iwara-edit-player-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } #iwara-edit-player-modal .modal-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(20, 20, 30, 0.75); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; animation: fadeIn 0.2s ease; } #iwara-edit-player-modal .modal-content { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 16px; width: 90%; max-width: 450px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); animation: slideUp 0.3s ease; overflow: hidden; } #iwara-edit-player-modal .modal-header { padding: 24px 28px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; justify-content: space-between; align-items: center; } #iwara-edit-player-modal .modal-header h2 { margin: 0; color: white; font-size: 20px; font-weight: 600; } #iwara-edit-player-modal .close-btn { background: rgba(255, 255, 255, 0.2); border: none; color: white; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; } #iwara-edit-player-modal .close-btn:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); } #iwara-edit-player-modal .modal-body { padding: 28px; max-height: 70vh; overflow-y: auto; } #iwara-edit-player-modal .form-group { margin-bottom: 20px; } #iwara-edit-player-modal .form-group label { display: block; color: #e0e0e0; font-size: 14px; font-weight: 600; margin-bottom: 8px; } #iwara-edit-player-modal .form-input, #iwara-edit-player-modal .form-textarea { width: 100%; padding: 10px 14px; background: rgba(255, 255, 255, 0.05); border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 8px; color: #e0e0e0; font-size: 14px; transition: all 0.2s; box-sizing: border-box; font-family: inherit; } #iwara-edit-player-modal .form-input:focus, #iwara-edit-player-modal .form-textarea:focus { outline: none; border-color: #667eea; background: rgba(255, 255, 255, 0.08); } #iwara-edit-player-modal .form-input::placeholder, #iwara-edit-player-modal .form-textarea::placeholder { color: #666; } #iwara-edit-player-modal .form-textarea { resize: vertical; min-height: 60px; } #iwara-edit-player-modal select.form-input { cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 36px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } #iwara-edit-player-modal select.form-input:hover { border-color: rgba(102, 126, 234, 0.5); } #iwara-edit-player-modal select.form-input option { background: #1a1a2e; color: #e0e0e0; padding: 10px; } #iwara-edit-player-modal select.form-input option:hover { background: #667eea; } #iwara-edit-player-modal .hint { margin: 8px 0 0 0; color: #999; font-size: 12px; } #iwara-edit-player-modal .modal-footer { padding: 20px 28px; background: rgba(0, 0, 0, 0.2); display: flex; justify-content: flex-end; gap: 12px; } #iwara-edit-player-modal .modal-footer button { padding: 10px 24px; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; } #iwara-edit-player-modal .btn-cancel { background: rgba(255, 255, 255, 0.1); color: #e0e0e0; } #iwara-edit-player-modal .btn-cancel:hover { background: rgba(255, 255, 255, 0.15); } #iwara-edit-player-modal .btn-save { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } #iwara-edit-player-modal .btn-save:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); } `; editModal.appendChild(style); document.body.appendChild(editModal); const originalName = playerData.name; // 保存原始名称用于更新 // 绑定事件 const closeEditModal = () => editModal.remove(); editModal.querySelector('.close-btn').addEventListener('click', closeEditModal); editModal.querySelector('.btn-cancel').addEventListener('click', closeEditModal); editModal.querySelector('.modal-overlay').addEventListener('click', (e) => { if (e.target.classList.contains('modal-overlay')) { closeEditModal(); } }); // 协议类型 const protocolTypeSelect = editModal.querySelector('#edit-protocol-type-select'); const protocolInputGroup = editModal.querySelector('#edit-protocol-input-group'); const ushAppInputGroup = editModal.querySelector('#edit-ush-app-input-group'); const ushArgsInputGroup = editModal.querySelector('#edit-ush-args-input-group'); protocolTypeSelect.addEventListener('change', () => { if (protocolTypeSelect.value === 'protocol') { protocolInputGroup.style.display = 'block'; ushAppInputGroup.style.display = 'none'; ushArgsInputGroup.style.display = 'none'; } else { protocolInputGroup.style.display = 'none'; ushAppInputGroup.style.display = 'block'; ushArgsInputGroup.style.display = 'block'; } }); // 保存修改 editModal.querySelector('.btn-save').addEventListener('click', () => { const name = editModal.querySelector('#edit-player-name-input').value.trim(); const icon = editModal.querySelector('#edit-player-icon-input').value.trim(); const description = editModal.querySelector('#edit-player-desc-input').value.trim(); const protocolType = protocolTypeSelect.value; if (!name) { showNotification('❌ 请输入播放器名称', 'error'); return; } // 检查名称是否与其他播放器冲突（除了自己） const existingPlayer = customPlayers.find(p => p.name === name && p.name !== originalName); if (existingPlayer) { showNotification('❌ 播放器名称已存在，请使用其他名称', 'error'); return; } // 验证 icon 格式 let validIcon = icon; if (icon && !icon.startsWith('data:image')) { showNotification('❌ 图标必须是 data:image 格式的 Base64 数据', 'error'); return; } if (!icon) { // 默认图标 validIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxMiIgZmlsbD0iIzY2N2VlYSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMyAxMWw4IDUtOCA1eiIvPjwvc3ZnPg=="; } const updatedPlayerConfig = { name: name, icon: validIcon, description: description || '自定义播放器' }; if (protocolType === 'protocol') { const protocol = editModal.querySelector('#edit-protocol-input').value.trim(); if (!protocol) { showNotification('❌ 请输入协议链接参数', 'error'); return; } if (!protocol.includes('${url}')) { showNotification('❌ 协议链接参数必须包含 ${url} 占位符', 'error'); return; } updatedPlayerConfig.type = 'protocol'; updatedPlayerConfig.protocol = protocol; } else { const appName = editModal.querySelector('#edit-ush-app-input').value.trim(); if (!appName) { showNotification('❌ 请输入应用名称', 'error'); return; } const args = editModal.querySelector('#edit-ush-args-input').value.trim(); updatedPlayerConfig.type = 'ush'; updatedPlayerConfig.appName = appName; updatedPlayerConfig.args = args ? args.split('\n').map(a => a.trim()).filter(a => a) : ['{url}']; } // 找到播放器在数组中的索引并更新 const playerIndex = customPlayers.findIndex(p => p.name === originalName); if (playerIndex !== -1) { customPlayers[playerIndex] = updatedPlayerConfig; GM_setValue('customPlayers', customPlayers); // 如果修改的是当前选中的播放器，更新选中状态 if (externalPlayer === originalName && name !== originalName) { externalPlayer = name; GM_setValue('externalPlayer', externalPlayer); } closeEditModal(); showNotification('✅ 播放器已更新', 'success'); // 刷新设置弹窗中的播放器列表 refreshPlayerList(); } else { showNotification('❌ 播放器更新失败', 'error'); } }); } // 创建添加弹窗 function createAddPlayerModal() { const addModal = document.createElement('div'); addModal.id = 'iwara-add-player-modal'; addModal.style.zIndex = '9999999'; // 确保在设置弹窗之上 addModal.innerHTML = ` `; // 添加样式 const style = document.createElement('style'); style.textContent = ` #iwara-add-player-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999999 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } #iwara-add-player-modal .modal-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(20, 20, 30, 0.75); backdrop-filter: blur(12px); display: flex; align-items: center; justify-content: center; animation: fadeIn 0.2s ease; } #iwara-add-player-modal .modal-content { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); border-radius: 16px; width: 90%; max-width: 450px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5); animation: slideUp 0.3s ease; overflow: hidden; } #iwara-add-player-modal .modal-header { padding: 24px 28px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); display: flex; justify-content: space-between; align-items: center; } #iwara-add-player-modal .modal-header h2 { margin: 0; color: white; font-size: 20px; font-weight: 600; } #iwara-add-player-modal .close-btn { background: rgba(255, 255, 255, 0.2); border: none; color: white; width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 20px; display: flex; align-items: center; justify-content: center; transition: all 0.2s; } #iwara-add-player-modal .close-btn:hover { background: rgba(255, 255, 255, 0.3); transform: rotate(90deg); } #iwara-add-player-modal .modal-body { padding: 28px; max-height: 70vh; overflow-y: auto; } #iwara-add-player-modal .form-group { margin-bottom: 20px; } #iwara-add-player-modal .form-group label { display: block; color: #e0e0e0; font-size: 14px; font-weight: 600; margin-bottom: 8px; } #iwara-add-player-modal .form-input, #iwara-add-player-modal .form-textarea { width: 100%; padding: 10px 14px; background: rgba(255, 255, 255, 0.05); border: 2px solid rgba(255, 255, 255, 0.1); border-radius: 8px; color: #e0e0e0; font-size: 14px; transition: all 0.2s; box-sizing: border-box; font-family: inherit; } #iwara-add-player-modal .form-input:focus, #iwara-add-player-modal .form-textarea:focus { outline: none; border-color: #667eea; background: rgba(255, 255, 255, 0.08); } #iwara-add-player-modal .form-input::placeholder, #iwara-add-player-modal .form-textarea::placeholder { color: #666; } #iwara-add-player-modal .form-textarea { resize: vertical; min-height: 60px; } #iwara-add-player-modal select.form-input { cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 36px; appearance: none; -webkit-appearance: none; -moz-appearance: none; } #iwara-add-player-modal select.form-input:hover { border-color: rgba(102, 126, 234, 0.5); } #iwara-add-player-modal select.form-input option { background: #1a1a2e; color: #e0e0e0; padding: 10px; } #iwara-add-player-modal select.form-input option:hover { background: #667eea; } #iwara-add-player-modal .hint { margin: 8px 0 0 0; color: #999; font-size: 12px; } #iwara-add-player-modal .modal-footer { padding: 20px 28px; background: rgba(0, 0, 0, 0.2); display: flex; justify-content: flex-end; gap: 12px; } #iwara-add-player-modal .modal-footer button { padding: 10px 24px; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s; } #iwara-add-player-modal .btn-cancel { background: rgba(255, 255, 255, 0.1); color: #e0e0e0; } #iwara-add-player-modal .btn-cancel:hover { background: rgba(255, 255, 255, 0.15); } #iwara-add-player-modal .btn-save { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; } #iwara-add-player-modal .btn-save:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4); } `; addModal.appendChild(style); document.body.appendChild(addModal); // 绑定事件 const closeAddModal = () => addModal.remove(); addModal.querySelector('.close-btn').addEventListener('click', closeAddModal); addModal.querySelector('.btn-cancel').addEventListener('click', closeAddModal); addModal.querySelector('.modal-overlay').addEventListener('click', (e) => { if (e.target.classList.contains('modal-overlay')) { closeAddModal(); } }); // 协议类型 const protocolTypeSelect = addModal.querySelector('#protocol-type-select'); const protocolInputGroup = addModal.querySelector('#protocol-input-group'); const ushAppInputGroup = addModal.querySelector('#ush-app-input-group'); const ushArgsInputGroup = addModal.querySelector('#ush-args-input-group'); protocolTypeSelect.addEventListener('change', () => { if (protocolTypeSelect.value === 'protocol') { protocolInputGroup.style.display = 'block'; ushAppInputGroup.style.display = 'none'; ushArgsInputGroup.style.display = 'none'; } else { protocolInputGroup.style.display = 'none'; ushAppInputGroup.style.display = 'block'; ushArgsInputGroup.style.display = 'block'; } }); // 保存播放器 addModal.querySelector('.btn-save').addEventListener('click', () => { const name = addModal.querySelector('#player-name-input').value.trim(); const icon = addModal.querySelector('#player-icon-input').value.trim(); const description = addModal.querySelector('#player-desc-input').value.trim(); const protocolType = protocolTypeSelect.value; if (!name) { showNotification('❌ 请输入播放器名称', 'error'); return; } // 检查名称是否已存在 const existingPlayer = customPlayers.find(p => p.name === name); if (existingPlayer) { showNotification('❌ 播放器名称已存在，请使用其他名称', 'error'); return; } // 验证 icon 格式 let validIcon = icon; if (icon && !icon.startsWith('data:image')) { showNotification('❌ 图标必须是 data:image 格式的 Base64 数据', 'error'); return; } if (!icon) { // 默认图标 validIcon = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxMiIgZmlsbD0iIzY2N2VlYSIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMyAxMWw4IDUtOCA1eiIvPjwvc3ZnPg=="; } const playerConfig = { name: name, icon: validIcon, description: description || '自定义播放器' }; if (protocolType === 'protocol') { const protocol = addModal.querySelector('#protocol-input').value.trim(); if (!protocol) { showNotification('❌ 请输入协议链接参数', 'error'); return; } if (!protocol.includes('${url}')) { showNotification('❌ 协议链接参数必须包含 ${url} 占位符', 'error'); return; } playerConfig.type = 'protocol'; playerConfig.protocol = protocol; } else { const appName = addModal.querySelector('#ush-app-input').value.trim(); if (!appName) { showNotification('❌ 请输入应用名称', 'error'); return; } const args = addModal.querySelector('#ush-args-input').value.trim(); playerConfig.type = 'ush'; playerConfig.appName = appName; playerConfig.args = args ? args.split('\n').map(a => a.trim()).filter(a => a) : ['{url}']; } customPlayers.push(playerConfig); GM_setValue('customPlayers', customPlayers); closeAddModal(); showNotification('✅ 播放器已添加', 'success'); // 重新打开设置弹窗 const settingsModal = document.getElementById('iwara-mpv-settings-modal'); if (settingsModal) { settingsModal.remove(); } setTimeout(() => createSettingsModal(), 500); }); } // 显示通知（带高亮效果） function showNotification(message, type = 'info') { const styles = { error: { bg: 'linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%)', glow: 'rgba(255, 107, 107, 0.5)', glowStrong: 'rgba(255, 107, 107, 0.8)' }, success: { bg: 'linear-gradient(135deg, #51cf66 0%, #37b24d 100%)', glow: 'rgba(81, 207, 102, 0.5)', glowStrong: 'rgba(81, 207, 102, 0.8)' }, info: { bg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', glow: 'rgba(102, 126, 234, 0.5)', glowStrong: 'rgba(102, 126, 234, 0.8)' } }; const style = styles[type] || styles.info; const notification = document.createElement('div'); notification.style.cssText = ` position: fixed; top: 20px; right: 20px; z-index: 9999999; padding: 16px 24px; background: ${style.bg}; color: white; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 20px ${style.glow}; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; font-weight: 600; border: 2px solid rgba(255, 255, 255, 0.3); animation: slideInRight 0.3s ease, pulse 1.5s ease-in-out infinite; white-space: pre-line; `; const styleSheet = document.createElement('style'); styleSheet.textContent = ` @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes pulse { 0%, 100% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 20px ${style.glow}; } 50% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 30px ${style.glowStrong}, 0 0 10px rgba(255, 255, 255, 0.5); } } `; notification.appendChild(styleSheet); notification.textContent = message; document.body.appendChild(notification); setTimeout(() => { notification.style.animation = 'slideInRight 0.3s ease reverse'; setTimeout(() => notification.remove(), 300); }, 3000); } // 通知容器和队列管理（新版本 - 支持堆叠） let notificationContainer = null; const activeNotifications = new Set(); // 显示通知（优化版 - 带代理信息和堆叠管理） function showNotificationV2(message, type = 'info') { // 添加代理主机名信息 const enabledProxies = proxyList.filter(p => p.enabled); if (enabledProxies.length > 0) { const currentProxy = enabledProxies[Math.floor(Math.random() * enabledProxies.length)]; try { const url = new URL(currentProxy.url); const hostname = url.hostname; message = `${message}\n🔗 当前代理: ${hostname}`; } catch (e) { // URL 解析失败，不添加主机名 } } const styles = { error: { bg: 'linear-gradient(135deg, #ff6b6b 0%, #ee5a6f 100%)', glow: 'rgba(255, 107, 107, 0.5)', glowStrong: 'rgba(255, 107, 107, 0.8)' }, success: { bg: 'linear-gradient(135deg, #51cf66 0%, #37b24d 100%)', glow: 'rgba(81, 207, 102, 0.5)', glowStrong: 'rgba(81, 207, 102, 0.8)' }, info: { bg: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', glow: 'rgba(102, 126, 234, 0.5)', glowStrong: 'rgba(102, 126, 234, 0.8)' } }; // 确保容器存在 if (!notificationContainer) { notificationContainer = document.createElement('div'); notificationContainer.id = 'iwara-notification-container'; notificationContainer.style.cssText = ` position: fixed; top: 20px; right: 20px; z-index: 9999999; display: flex; flex-direction: column; gap: 12px; pointer-events: none; `; document.body.appendChild(notificationContainer); // 添加全局样式 if (!document.getElementById('iwara-notification-styles')) { const globalStyles = document.createElement('style'); globalStyles.id = 'iwara-notification-styles'; globalStyles.textContent = ` @keyframes slideInRight { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @keyframes slideOutRight { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } } `; document.head.appendChild(globalStyles); } } const style = styles[type] || styles.info; const notification = document.createElement('div'); notification.className = 'iwara-notification-item'; notification.style.cssText = ` padding: 16px 24px; background: ${style.bg}; color: white; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 20px ${style.glow}; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 14px; font-weight: 600; border: 2px solid rgba(255, 255, 255, 0.3); animation: slideInRight 0.3s ease; white-space: pre-line; pointer-events: auto; transition: transform 0.3s ease, opacity 0.3s ease; `; // 添加脉冲动画样式 const pulseId = `pulse-${Date.now()}`; const styleSheet = document.createElement('style'); styleSheet.textContent = ` @keyframes ${pulseId} { 0%, 100% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 20px ${style.glow}; } 50% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), 0 0 30px ${style.glowStrong}, 0 0 10px rgba(255, 255, 255, 0.5); } } `; notification.appendChild(styleSheet); notification.style.animation += `, ${pulseId} 1.5s ease-in-out infinite`; notification.textContent = message; notificationContainer.appendChild(notification); activeNotifications.add(notification); // 自动移除 setTimeout(() => { notification.style.animation = 'slideOutRight 0.3s ease'; setTimeout(() => { activeNotifications.delete(notification); notification.remove(); // 如果没有通知了，移除容器 if (activeNotifications.size === 0 && notificationContainer) { notificationContainer.remove(); notificationContainer = null; } }, 300); }, 3000); } // 使用新版本通知函数 showNotification = showNotificationV2; // 统一设置菜单 GM_registerMenuCommand('⚙️ 播放器设置', createSettingsModal); // 创建右下角设置按钮 function createSettingsButton() { // 防止重复创建 if (document.getElementById('iwara-mpv-settings-fab')) { return; } const settingsButton = document.createElement('button'); settingsButton.id = 'iwara-mpv-settings-fab'; settingsButton.className = 'iwara-mpv-fab'; settingsButton.innerHTML = '⚙️'; settingsButton.title = '播放器设置'; // 点击打开设置 settingsButton.addEventListener('click', createSettingsModal); document.body.appendChild(settingsButton); } // 压缩参数 function compress(str) { return btoa(String.fromCharCode(...pako.gzip(str))); } // ========== 视频链接获取逻辑 (来自 getvideo.js) ========== // SHA-1 哈希 (使用Web Crypto API) async function hashStringSHA1(input) { const encoder = new TextEncoder(); const data = encoder.encode(input); const hashBuffer = await crypto.subtle.digest('SHA-1', data); const hashArray = Array.from(new Uint8Array(hashBuffer)); return hashArray.map(b => b.toString(16).padStart(2, '0')).join(''); } // 通过视频ID获取视频链接 async function getVideoLinkById(videoId, quality = null) { try { // 获取代理前缀（在非 iwara.tv 域名下使用） const proxyPrefix = getCurrentProxyPrefix(); // 获取本地存储的访问令牌 const token = localStorage.getItem('token'); const headers = {}; if (token) { headers['Authorization'] = `Bearer ${token}`; } // 步骤1: 获取视频信息（添加代理前缀） const apiUrl = `${proxyPrefix}https://api.iwara.tv/video/${videoId}`; const infoResponse = await fetch(apiUrl, { headers: headers }); if (!infoResponse.ok) throw new Error('获取视频信息失败'); const info = await infoResponse.json(); if (!info.file) throw new Error('视频文件不存在'); const fileUrl = new URL(info.fileUrl); const fileId = info.file.id; const expires = fileUrl.searchParams.get('expires'); const hash = fileUrl.searchParams.get('hash'); // 步骤2: 生成验证令牌 const xVersion = await hashStringSHA1(`${fileId}_${expires}_5nFp9kmbNnHdAFhaqMvt`); // 步骤3: 获取视频资源（添加代理前缀） const resourceUrl = `${proxyPrefix}https://files.iwara.tv${fileUrl.pathname}?expires=${expires}&hash=${hash}`; const resourceHeaders = { 'X-Version': xVersion }; if (token) { resourceHeaders['Authorization'] = `Bearer ${token}`; } const resourceResponse = await fetch(resourceUrl, { headers: resourceHeaders }); if (!resourceResponse.ok) throw new Error('获取视频资源失败'); const resources = await resourceResponse.json(); // 步骤4: 提取链接 - 优先使用指定画质，否则使用设置的画质 const targetQuality = quality || videoQuality; // 调试：输出所有可用画质 console.log('[Iwara Player] 可用画质:', resources.map(v => v.name)); console.log('[Iwara Player] 目标画质:', targetQuality); // 查找匹配的画质 let video = resources.find(v => v.name === targetQuality); // 如果没找到精确匹配，尝试模糊匹配（例如 '540' 匹配 '540p'） if (!video && targetQuality) { video = resources.find(v => v.name.includes(targetQuality) || targetQuality.includes(v.name)); } // 如果还是没找到，使用 Source 或第一个 if (!video) { video = resources.find(v => v.name === 'Source') || resources[0]; } const finalUrl = 'https:' + video.src.view; console.log('[Iwara Player] 最终使用画质:', video.name); return { url: finalUrl, title: info.title, quality: video.name }; } catch (error) { console.error('[Iwara Player] 获取视频链接失败:', error); throw error; } } // 动态获取视频URL（支持页面变动后重新获取） function getVideoUrl() { const videoElement = document.querySelector('#vjs_video_3_html5_api, [id^="vjs_video_"][id$="_html5_api"], video.vjs-tech, video[src]'); if (videoElement && videoElement.src) { return videoElement.src; } console.warn('%c[Iwara Player] 未找到视频源', 'color: #ff6b6b; font-weight: bold;'); return null; } // 生成播放器协议链接 function getPlayerProtocolUrl(playerName, videoUrl, videoTitle) { // 查找播放器 const player = customPlayers.find(p => p.name === playerName); if (!player) { // 默认使用 MPV const defaultArgs = [`"${videoUrl}"`, `--force-media-title="${videoTitle}"`, '--ontop']; return `ush://MPV?${compress(defaultArgs.join(' '))}`; } // 替换参数的通用函数 const replaceParams = (text) => { return text .replace(/\$\{title\}/g, videoTitle) .replace(/\$\{url\}/g, videoUrl) .replace(/\$\{url:base64\}/g, btoa(videoUrl)) .replace(/\$\{url:encode\}/g, encodeURIComponent(videoUrl)); }; if (player.type === 'protocol') { // 标准协议: 支持参数模板，使用 ${xxx} 占位符 const protocolTemplate = player.protocol || ''; // 替换所有支持的占位符 return replaceParams(protocolTemplate); } else if (player.type === 'ush') { // USH协议: ush://AppName?args let args = player.args || [`"${videoUrl}"`]; // 替换占位符 args = args.map(arg => replaceParams(arg)); return `ush://${player.appName}?${compress(args.join(' '))}`; } // 兜底 const defaultArgs = [`"${videoUrl}"`, `--force-media-title="${videoTitle}"`, '--ontop']; return `ush://MPV?${compress(defaultArgs.join(' '))}`; } // 获取视频标题的公共函数 function getVideoTitle() { const titleElement = document.querySelector('h1.text-xl, h1[class*="title"], .page-video__details h1, h1'); return titleElement ? titleElement.innerText.trim() : document.title; } // 创建SVG图标 const createSVGIcon = (iconName) => { const pathData = SVG_ICONS[iconName]; return ``; }; // 创建按钮的通用辅助函数 const createButton = (className, title, content, onClick) => { const button = document.createElement('button'); button.className = className; button.title = title; button.innerHTML = typeof content === 'string' && SVG_ICONS[content] ? createSVGIcon(content) : content; if (onClick) button.addEventListener('click', onClick); return button; }; // 从当前页面 URL 提取视频 ID function getVideoIdFromUrl() { const match = window.location.pathname.match(/\/video\/([^\/]+)/); return match ? match[1] : null; } // 使用外部播放器播放 (视频详情页) function playWithExternalPlayer() { const videoUrl = getVideoUrl(); if (!videoUrl) { showNotification('❌ 未找到视频源\n请确保视频已加载', 'error'); return; } // 应用代理到视频URL const finalUrl = getProxiedUrl(videoUrl); // 获取视频标题 const videoTitle = getVideoTitle(); // 使用外部播放器播放 const protocolUrl = getPlayerProtocolUrl(externalPlayer, finalUrl, videoTitle); try { // 合并输出信息 console.log(`%c[Iwara Player] 播放信息`, 'color: #667eea; font-weight: bold;', '\n标题:', videoTitle, '\n播放器:', externalPlayer, '\n画质: 当前网页画质', '\nURL:', finalUrl); showNotification(`🎬 调用 ${externalPlayer} 播放器\n📸 画质: 当前网页画质`, 'info'); window.open(protocolUrl, '_self'); } catch (error) { console.error('[Iwara Player] 调用失败:', error); showNotification(`❌ 启动 ${externalPlayer} 失败\n请确保已安装并正确配置协议`, 'error'); } } // 播放视频 (通过视频ID) async function playVideoById(videoId, videoTitle, quality = null) { try { showNotification('🔄 正在获取视频链接...', 'info'); const { url, title, quality: actualQuality } = await getVideoLinkById(videoId, quality); const finalUrl = getProxiedUrl(url); const finalTitle = videoTitle || title; // 合并输出信息 console.log(`%c[Iwara Player] 播放信息`, 'color: #667eea; font-weight: bold;', '\n视频ID:', videoId, '\n标题:', finalTitle, '\n播放器:', externalPlayer, '\n画质:', actualQuality, '\nURL:', finalUrl); // 使用外部播放器播放 showNotification(`🎬 调用 ${externalPlayer} 播放器\n📸 画质: ${actualQuality}`, 'info'); const protocolUrl = getPlayerProtocolUrl(externalPlayer, finalUrl, finalTitle); window.open(protocolUrl, '_self'); } catch (error) { console.error('[Iwara Player] 播放失败:', error); showNotification(`❌ 获取视频链接失败\n${error.message}`, 'error'); } } // 创建固定按钮组 (视频详情页) function createButtonGroup() { // 防止重复创建 if (document.getElementById('iwara-mpv-button-group-detail')) { return; } // 获取当前视频URL const videoUrl = getVideoUrl(); if (!videoUrl) { console.warn('[Iwara Player] 视频URL未找到，无法创建按钮'); return; } // 获取视频标题 const videoTitle = getVideoTitle(); // 创建按钮组容器 const buttonGroup = document.createElement('div'); buttonGroup.id = 'iwara-mpv-button-group-detail'; // 复制按钮 if (buttonSettings.detailPage.copy) { const copyButton = createButton('copy-btn', '复制视频链接', 'COPY', async () => { try { // 从 URL 中提取视频 ID const videoId = getVideoIdFromUrl(); if (!videoId) { showNotification('❌ 无法获取视频 ID', 'error'); return; } showNotification('🔄 正在获取视频链接...', 'info'); const { url } = await getVideoLinkById(videoId); const finalUrl = getProxiedUrl(url); await navigator.clipboard.writeText(finalUrl); showNotification('✅ 链接已复制到剪贴板', 'success'); } catch (error) { console.error('[Iwara Player] 复制失败:', error); showNotification('❌ 复制失败: ' + error.message, 'error'); } }); buttonGroup.appendChild(copyButton); } // 新标签页播放按钮 if (buttonSettings.detailPage.newTab) { const downloadButton = createButton('new-tab-btn', '在新标签页播放', 'NEW_TAB', async () => { try { // 从 URL 中提取视频 ID const videoId = getVideoIdFromUrl(); if (!videoId) { showNotification('❌ 无法获取视频 ID', 'error'); return; } showNotification('🔄 正在获取视频链接...', 'info'); const { url } = await getVideoLinkById(videoId); const finalUrl = getProxiedUrl(url); window.open(finalUrl, '_blank'); showNotification('✅ 已在新标签页打开', 'success'); } catch (error) { console.error('[Iwara Player] 打开失败:', error); showNotification('❌ 打开失败: ' + error.message, 'error'); } }); buttonGroup.appendChild(downloadButton); } // 画质按钮 - 固定为 540 if (buttonSettings.detailPage.quality) { const qualityButton = createButton('quality-btn', '540 画质', '540', async () => { // 从 URL 中提取视频 ID const videoId = getVideoIdFromUrl(); if (!videoId) { showNotification('❌ 无法获取视频 ID', 'error'); return; } // 使用 540 画质播放 playVideoById(videoId, videoTitle, '540'); }); buttonGroup.appendChild(qualityButton); } // 播放按钮 - 固定为 Source 画质 if (buttonSettings.detailPage.play) { const playButton = createButton('play-btn', 'Source 画质', 'PLAY', playWithExternalPlayer); buttonGroup.appendChild(playButton); } // 只有当至少有一个按钮启用时才添加到页面 if (buttonGroup.children.length > 0) { document.body.appendChild(buttonGroup); } } // 创建悬停按钮 (视频列表页) function createHoverButton(videoTeaser, videoId, videoName) { // 防止重复创建 if (videoTeaser.querySelector('.iwara-mpv-button-group')) { return; } // 创建按钮组容器 const buttonGroup = document.createElement('div'); buttonGroup.className = 'iwara-mpv-button-group'; // 复制按钮 if (buttonSettings.listPage.copy) { const copyButton = createButton('iwara-mpv-action-btn copy', '复制视频链接', 'COPY', async (e) => { e.preventDefault(); e.stopPropagation(); try { showNotification('🔄 正在获取视频链接...', 'info'); const { url } = await getVideoLinkById(videoId); const finalUrl = getProxiedUrl(url); await navigator.clipboard.writeText(finalUrl); showNotification('✅ 链接已复制到剪贴板', 'success'); } catch (error) { console.error('[Iwara Player] 复制失败:', error); showNotification('❌ 复制失败: ' + error.message, 'error'); } }); buttonGroup.appendChild(copyButton); } // 新标签页播放按钮 if (buttonSettings.listPage.newTab) { const newTabButton = createButton('iwara-mpv-action-btn new-tab', '在新标签页播放', 'NEW_TAB', async (e) => { e.preventDefault(); e.stopPropagation(); try { showNotification('🔄 正在获取视频链接...', 'info'); const { url } = await getVideoLinkById(videoId); const finalUrl = getProxiedUrl(url); window.open(finalUrl, '_blank'); showNotification('✅ 已在新标签页打开', 'success'); } catch (error) { console.error('[Iwara Player] 打开失败:', error); showNotification('❌ 打开失败: ' + error.message, 'error'); } }); buttonGroup.appendChild(newTabButton); } // 画质播放按钮 - 固定为 540 if (buttonSettings.listPage.quality) { const qualityButton = createButton('iwara-mpv-action-btn quality', '540 画质', '540', (e) => { e.preventDefault(); e.stopPropagation(); playVideoById(videoId, videoName, '540'); }); buttonGroup.appendChild(qualityButton); } // 播放按钮 - 固定为 Source 画质 if (buttonSettings.listPage.play) { const playButton = createButton('iwara-mpv-hover-button', 'Source 画质', 'PLAY', (e) => { e.preventDefault(); e.stopPropagation(); playVideoById(videoId, videoName); }); buttonGroup.appendChild(playButton); } // 只有当至少有一个按钮启用时才添加到页面 if (buttonGroup.children.length > 0) { // 如果按钮少于4个，使用单列布局 if (buttonGroup.children.length < 4) { buttonGroup.classList.add('single-column'); } videoTeaser.appendChild(buttonGroup); return buttonGroup; } return null; } // 处理视频列表项悬停 function handleVideoTeaserHover() { const videoTeasers = document.querySelectorAll('.videoTeaser'); videoTeasers.forEach((teaser, index) => { // 如果已经处理过，跳过 if (teaser.dataset.mpvProcessed) { return; } teaser.dataset.mpvProcessed = 'true'; // 从 a.videoTeaser__thumbnail 的 href 获取视频ID const thumbnailLink = teaser.querySelector('a.videoTeaser__thumbnail'); if (!thumbnailLink) { return; } const href = thumbnailLink.getAttribute('href'); if (!href) { return; } // 从 href 中提取视频ID: /video/{videoId}/{title} const videoIdMatch = href.match(/\/video\/([^\/]+)/); if (!videoIdMatch) { return; } const videoId = videoIdMatch[1]; // 尝试从标题元素获取视频名称 const titleElement = teaser.querySelector('.videoTeaser__title, a[title]'); const videoName = titleElement ? (titleElement.getAttribute('title') || titleElement.textContent.trim()) : 'Video'; if (!videoId) { return; } // 创建按钮组 const buttonGroup = createHoverButton(teaser, videoId, videoName); // 鼠标进入显示按钮组 teaser.addEventListener('mouseenter', () => { if (!buttonGroup) return; buttonGroup.style.display = 'grid'; setTimeout(() => { buttonGroup.classList.add('visible'); // 为每个按钮添加动画效果 buttonGroup.querySelectorAll('button').forEach((btn, index) => { setTimeout(() => { btn.style.transform = 'scale(1)'; btn.style.opacity = '1'; }, index * 50); }); }, 10); }); // 鼠标离开隐藏按钮组 teaser.addEventListener('mouseleave', () => { if (!buttonGroup) return; buttonGroup.classList.remove('visible'); buttonGroup.querySelectorAll('button').forEach(btn => { btn.style.opacity = '0'; btn.style.transform = btn.classList.contains('iwara-mpv-hover-button') ? 'scale(0.9)' : 'scale(0.8)'; }); setTimeout(() => buttonGroup.style.display = 'none', 200); }); }); } // 移除按钮组（页面变化时） function removeButtonGroup() { const buttonGroup = document.getElementById('iwara-mpv-button-group-detail'); if (buttonGroup) { buttonGroup.remove(); } } // 刷新所有按钮（不重新加载页面） function refreshAllButtons() { // 1. 刷新视频详情页按钮 removeButtonGroup(); if (isVideoPage()) { createButtonGroup(); } // 2. 刷新视频列表页按钮 if (isVideoListPage()) { // 移除所有已存在的按钮组 document.querySelectorAll('.iwara-mpv-button-group').forEach(group => { group.remove(); }); // 清除处理标记 document.querySelectorAll('.videoTeaser').forEach(teaser => { teaser.dataset.mpvProcessed = ''; }); // 重新创建按钮组 handleVideoTeaserHover(); } } // 页面类型检查 const isVideoPage = () => /\/video\/[a-zA-Z0-9]+/.test(window.location.pathname); const isVideoListPage = () => /\/(videos|subscriptions|playlist|search|profile)/.test(window.location.pathname) || window.location.pathname === '/'; // 初始化 function init() { console.log(`%c[Iwara Player] 脚本初始化完成`, 'color: #51cf66; font-weight: bold; font-size: 14px;', '\n当前播放器:', externalPlayer, '\n默认画质: Source', '\n标清画质: 540'); // 创建右下角设置按钮 createSettingsButton(); // 监听URL变化（SPA路由） let lastUrl = location.href; new MutationObserver(() => { const currentUrl = location.href; if (currentUrl !== lastUrl) { lastUrl = currentUrl; removeButtonGroup(); // 视频详情页 if (isVideoPage()) { setTimeout(() => { if (getVideoUrl()) { createButtonGroup(); } }, 1000); } // 视频列表页 if (isVideoListPage()) { setTimeout(handleVideoTeaserHover, 500); } } }).observe(document, { subtree: true, childList: true }); // 监听视频元素出现（详情页） const videoObserver = new MutationObserver(() => { if (isVideoPage() && getVideoUrl() && !document.getElementById('iwara-mpv-button-group-detail')) { createButtonGroup(); } }); videoObserver.observe(document.body, { childList: true, subtree: true }); // 监听列表页视频项出现 const listObserver = new MutationObserver(() => { if (isVideoListPage()) { handleVideoTeaserHover(); } }); listObserver.observe(document.body, { childList: true, subtree: true }); // 初次检查 if (isVideoPage() && getVideoUrl()) { createButtonGroup(); } if (isVideoListPage()) { setTimeout(() => { handleVideoTeaserHover(); }, 1000); } } // 启动 if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();