☰

BiliBackToBeginning

打开或切换视频时，通过监听 video 元素的 loadstart 事件，精确地回到视频开头处

// ==UserScript==
// @name         BiliBackToBeginning
// @namespace    https://github.com/ImQQiaoO/BiliBackToBeginning
// @version      v0.2.0
// @description  打开或切换视频时，通过监听 video 元素的 loadstart 事件，精确地回到视频开头处
// @author       ImQQiaoO
// @match        *://*.bilibili.com/video/*
// @match        *://*.bilibili.com/list/*
// @match        *://*.bilibili.com/watchlater/*
// @match        *://*.bilibili.com/medialist/play/*
// @match        *://*.bilibili.com/bangumi/play/*
// @exclude      *://message.bilibili.com/*
// @exclude      *://data.bilibili.com/*
// @exclude      *://cm.bilibili.com/*
// @exclude      *://link.bilibili.com/*
// @exclude      *://passport.bilibili.com/*
// @exclude      *://api.bilibili.com/*
// @exclude      *://api.*.bilibili.com/*
// @exclude      *://*.chat.bilibili.com/*
// @exclude      *://member.bilibili.com/*
// @exclude      *://www.bilibili.com/tensou/*
// @exclude      *://www.bilibili.com/correspond/*
// @exclude      *://live.bilibili.com/* // 排除所有直播页面
// @exclude      *://www.bilibili.com/blackboard/*
// @grant        none
// @license      MIT
// ==/UserScript==

// ==UserScript==
// @name         BiliBackToBeginning (v0.2.1 - 修复设置保存)
// @namespace    https://github.com/ImQQiaoO/BiliBackToBeginning
// @version      v0.2.1
// @description  打开或切换视频时，通过监听 video 元素的 loadstart 事件，精确地回到视频开头处
// @author       ImQQiaoO
// @match        *://*.bilibili.com/video/*
// @match        *://*.bilibili.com/list/*
// @match        *://*.bilibili.com/watchlater/*
// @match        *://*.bilibili.com/medialist/play/*
// @match        *://*.bilibili.com/bangumi/play/*
// @exclude      *://message.bilibili.com/*
// @exclude      *://data.bilibili.com/*
// @exclude      *://cm.bilibili.com/*
// @exclude      *://link.bilibili.com/*
// @exclude      *://passport.bilibili.com/*
// @exclude      *://api.bilibili.com/*
// @exclude      *://api.*.bilibili.com/*
// @exclude      *://*.chat.bilibili.com/*
// @exclude      *://member.bilibili.com/*
// @exclude      *://www.bilibili.com/tensou/*
// @exclude      *://www.bilibili.com/correspond/*
// @exclude      *://live.bilibili.com/* // 排除所有直播页面
// @exclude      *://www.bilibili.com/blackboard/*
// @grant        none
// @license      MIT
// ==/UserScript==

(function () {
  "use strict";

  // --- 设置和获取 localStorage ---
  const STORAGE_KEY = "reset_bili_video_enabled";
  function setEnabled(flag) {
    localStorage.setItem(STORAGE_KEY, flag ? "1" : "0");
    console.log(`[B站重置进度脚本] 设置已 ${flag ? "启用" : "禁用"}`);
  }
  function getEnabled() {
    const storedValue = localStorage.getItem(STORAGE_KEY);
    const isEnabled = storedValue === null || storedValue === "1"; // 默认启用
    console.log(`[B站重置进度脚本] 获取设置状态: ${isEnabled ? "已启用" : "已禁用"} (存储值: ${storedValue})`);
    return isEnabled;
  }

  // --- 创建设置面板 ---
  function createSettingsPanel() {
    const style = `
              #biliResetPanel {
                  position: fixed; bottom: 30px; right: 30px;
                  z-index: 99999; background: #fff; color: #333;
                  border: 1px solid #bbb; border-radius: 8px;
                  box-shadow: 0 6px 16px rgba(0,0,0,.1);
                  padding: 18px 26px 18px 18px; font-size: 16px;
                  display: none;
              }
              #biliResetPanel input[type=checkbox] { transform: scale(1.3); margin-right:8px; vertical-align: middle;}
              #biliResetPanelClose { cursor:pointer;color: #f66; float:right; font-size: 18px; line-height: 1;}
              #biliResetPanelBtn {
                  position: fixed; bottom: 30px; right: 30px;
                  z-index: 99998; background: #ffe2a0; color: #333;
                  border: 1px solid #bbb; border-radius: 50%;
                  width: 42px; height: 42px; text-align:center; line-height: 42px;
                  font-size: 24px; cursor: pointer; box-shadow: 0 3px 12px rgba(0,0,0,.08);
                  user-select: none; /* 防止意外选中文本 */
              }
          `;
    
    // 添加样式
    const styleEl = document.createElement("style");
    styleEl.textContent = style;
    document.head.appendChild(styleEl);

    // 添加面板和按钮
    const panel = document.createElement("div");
    panel.id = "biliResetPanel";
    panel.innerHTML = `
              <span id="biliResetPanelClose" title="关闭设置面板">&times;</span>
              <label>
                  <input type="checkbox" id="biliResetSwitch">
                  启用自动重置进度到0秒
              </label>
          `;
    document.body.appendChild(panel);

    // 显示/隐藏按钮
    const btn = document.createElement("div");
    btn.id = "biliResetPanelBtn";
    btn.title = "打开【重置到0秒】设置";
    btn.textContent = "↩₀";
    document.body.appendChild(btn);

    // 获取元素
    const switchCheckbox = document.getElementById("biliResetSwitch");
    const closeButton = document.getElementById("biliResetPanelClose");

    // 绑定事件
    btn.onclick = (e) => {
      e.stopPropagation();
      panel.style.display = panel.style.display === "block" ? "none" : "block";
    };
    
    closeButton.onclick = (e) => {
      e.stopPropagation();
      panel.style.display = "none";
    };
    
    document.addEventListener("click", (e) => {
      if (
        panel.style.display === "block" &&
        !panel.contains(e.target) &&
        !btn.contains(e.target)
      ) {
        panel.style.display = "none";
      }
    });

    // 设置复选框初始状态并绑定事件
    switchCheckbox.checked = getEnabled();
    switchCheckbox.onchange = (e) => {
      setEnabled(e.target.checked);
    };
    
    console.log(`[B站重置进度脚本] 复选框初始化完成，当前状态: ${getEnabled() ? "已启用" : "已禁用"}`);
  }

  // --- 核心功能：为视频元素添加重置逻辑 ---
  const processedVideoElements = new WeakSet();

  function setupVideoReset(videoElement) {
    if (!videoElement || processedVideoElements.has(videoElement)) {
      return;
    }

    console.log("[B站重置进度脚本] 开始为 video 元素设置重置监听器");
    processedVideoElements.add(videoElement);

    // 定义在元数据加载后执行的重置操作
    const onLoadedMetadata = () => {
      if (getEnabled()) {
        if (videoElement.currentTime > 0) {
          console.log(`[B站重置进度脚本] 检测到视频时间 ${videoElement.currentTime}秒，重置到 0 秒`);
          videoElement.currentTime = 0;
        }
      }
    };

    // 定义在每次视频开始加载时执行的操作
    const onLoadStart = () => {
      // 移除上一次可能遗留的监听器
      videoElement.removeEventListener("loadedmetadata", onLoadedMetadata);
      // 添加一次性的 'loadedmetadata' 监听器
      videoElement.addEventListener("loadedmetadata", onLoadedMetadata, {
        once: true,
      });
    };

    // 为 video 元素持续监听 'loadstart' 事件
    videoElement.addEventListener("loadstart", onLoadStart);

    // 处理初始状态
    if (videoElement.readyState >= 1 && videoElement.currentSrc) {
      onLoadedMetadata();
    }

    // 错误处理
    videoElement.addEventListener("error", (e) => {
      console.warn("[B站重置进度脚本] Video 元素报告错误:", e);
    });
  }

  // --- 使用 MutationObserver 监听 DOM 变化 ---
  function observeDOMForVideo() {
    const observer = new MutationObserver((mutationsList) => {
      for (const mutation of mutationsList) {
        if (mutation.type === "childList") {
          mutation.addedNodes.forEach((node) => {
            if (node.nodeType === Node.ELEMENT_NODE) {
              const videosToSetup = [];
              if (node.tagName === "VIDEO") {
                videosToSetup.push(node);
              } else if (typeof node.querySelectorAll === "function") {
                videosToSetup.push(...node.querySelectorAll("video"));
              }

              videosToSetup.forEach((video) => {
                if (!processedVideoElements.has(video)) {
                  setupVideoReset(video);
                }
              });
            }
          });
        }
      }
    });

    observer.observe(document.body, { childList: true, subtree: true });

    // 检查页面加载时已经存在的 video 元素
    const existingVideos = document.querySelectorAll("video");
    existingVideos.forEach((video) => {
      if (!processedVideoElements.has(video)) {
        setupVideoReset(video);
      }
    });

    return observer;
  }

  // --- 初始化 ---
  function init() {
    if (document.body) {
      createSettingsPanel();
      observeDOMForVideo();
      console.log("[B站重置进度脚本] 初始化完成");
    } else {
      setTimeout(init, 100);
    }
  }

  // 确保在 DOM 加载完成后初始化
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }

  // 页面完全加载后再次确认复选框状态
  window.addEventListener("load", () => {
    setTimeout(() => {
      const switchCheckbox = document.getElementById("biliResetSwitch");
      if (switchCheckbox) {
        switchCheckbox.checked = getEnabled();
        console.log(`[B站重置进度脚本] 页面加载完成后再次同步复选框状态: ${getEnabled() ? "已启用" : "已禁用"}`);
      }
    }, 500);
  });
})();