// ==UserScript==​ // @name 全页音频时长统计+跨页自动累计​ // @namespace http://tampermonkey.net/​ // @version 2.1​ // @description 当前页全部音频计时 + 翻页自动累加全局总时长，按钮布局优化无重叠​ // @author 豆包​ // @match *://labelx.alibaba-inc.com/*​ // @grant none​ // @run-at document-end​ // ==/UserScript==​ ​ (function () {​ 'use strict';​ console.log("✅ 全页音频时长统计+跨页累计 脚本已加载");​ ​ let panel;​ let isRunning = false;​ const STORAGE_KEY = "audio_total_all_time";​ ​ // 读取累计时长​ function getTotalAllTime() {​ const val = localStorage.getItem(STORAGE_KEY);​ return val ? parseFloat(val) : 0;​ }​ ​ // 保存累计时长​ function saveTotalAllTime(num) {​ localStorage.setItem(STORAGE_KEY, num.toFixed(2));​ }​ ​ // 清空全部累计​ function clearAllTotal() {​ saveTotalAllTime(0);​ alert("✅ 已清空跨页全部累计时长");​ updatePanelEmpty();​ }​ ​ // 秒转分秒​ function formatTime(s) {​ const m = Math.floor(s / 60);​ const sec = (s % 60).toFixed(2);​ return m > 0 ? ` ​ m分 {sec}秒` : `${sec}秒`;​ }​ ​ // 创建悬浮面板​ function createPanel() {​ if (panel) return;​ panel = document.createElement('div');​ panel.style.cssText = `​ position: fixed;​ top: 20px;​ left: 50%;​ transform: translateX(-50%);​ z-index: 9999999;​ background: rgba(255, 255, 255, 0.9);​ backdrop-filter: blur(8px);​ -webkit-backdrop-filter: blur(8px);​ padding: 20px 28px;​ border-radius: 16px;​ box-shadow: 0 4px 30px rgba(0,0,0,0.2);​ font-size: 16px;​ line-height: 1.7;​ min-width: 720px;​ max-height: 75vh;​ overflow-y: auto;​ color: #222;​ display: none;​ `;​ document.body.appendChild(panel);​ }​ ​ // 获取音频时长​ function getAudioDuration(audio) {​ if (!audio) return 0;​ return isNaN(audio.duration) || audio.duration === Infinity ? 0 : audio.duration;​ }​ ​ // 统一渲染顶部按钮（左关闭 / 右清空，完全不重叠）​ function renderTopBtn() {​ panel.innerHTML = "";​ ​ // 左侧：关闭按钮​ const closeBtn = document.createElement('div');​ closeBtn.innerText = '✕ 关闭';​ closeBtn.style.cssText = `​ position: absolute;​ top: 12px;​ left: 16px;​ cursor: pointer;​ color: #f53f3f;​ font-size: 16px;​ font-weight: bold;​ user-select: none;​ `;​ closeBtn.onclick = () => panel.style.display = 'none';​ ​ // 右侧：清空累计​ const clearBtn = document.createElement('div');​ clearBtn.innerText = '🗑️ 清空累计';​ clearBtn.style.cssText = `​ position: absolute;​ top: 12px;​ right: 16px;​ cursor: pointer;​ color: #666;​ font-size: 14px;​ user-select: none;​ `;​ clearBtn.onclick = clearAllTotal;​ ​ panel.appendChild(closeBtn);​ panel.appendChild(clearBtn);​ }​ ​ // 空白面板提示​ function updatePanelEmpty() {​ panel.style.display = 'block';​ renderTopBtn();​ const allTotal = getTotalAllTime();​ panel.insertAdjacentHTML('beforeend', `​
​ 点击音频条目开始统计
​
​ 全局跨页累计总时长：${formatTime(allTotal)}​
​
​ `);​ }​ ​ // 核心统计：当前页全部音频 + 跨页累加​ async function startStat() {​ if (isRunning) return;​ isRunning = true;​ panel.style.display = 'block';​ renderTopBtn();​ ​ panel.insertAdjacentHTML('beforeend', `​
⏳ 正在统计当前页全部音频...
​ `);​ ​ const items = document.querySelectorAll('.labelRender-item');​ const pageList = [];​ let pageTotal = 0;​ ​ for (const item of items) {​ const audio = item.querySelector('audio');​ if (!audio) continue;​ const dur = getAudioDuration(audio);​ if (dur <= 0) continue;​ const idEl = item.querySelector('div[data-has-bind="true"][style*="cursor: pointer"]');​ const idText = idEl?.textContent?.trim() || "无ID";​ pageList.push({ id: idText, dur });​ pageTotal += dur;​ }​ ​ // 跨页累加​ let allTotal = getTotalAllTime();​ allTotal += pageTotal;​ saveTotalAllTime(allTotal);​ ​ // 渲染明细​ let html = `
🎯 当前页全部音频明细
`;​ pageList.forEach((row, idx) => {​ html += `​
​ ​ idx+1. {row.id}​ ${formatTime(row.dur)}​
​ `;​ });​ ​ html += `​
​
​ 📄 本页合计： ​ formatTime(pageTotal)（ {pageTotal.toFixed(2)} 秒）​
​
​ 🌐 跨页全部累计：${formatTime(allTotal)}​
​
​ 累计总秒数：${allTotal.toFixed(2)} s​
​
​ `;​ ​ panel.innerHTML = "";​ renderTopBtn();​ panel.insertAdjacentHTML('beforeend', html);​ ​ console.log("✅ 本页时长：", pageTotal.toFixed(2), "全局累计：", allTotal.toFixed(2));​ isRunning = false;​ }​ ​ // 点击触发​ document.addEventListener('click', (e) => {​ if (e.target.closest('.labelRender-item')) {​ startStat();​ }​ });​ ​ // 初始化​ createPanel();​ updatePanelEmpty();​ })();​