BiliBili-RandomPlayParts

Greasy Fork is available in English.
BiliBili-RandomPlayParts

Random play parts within a bilibili video that has > 5 parts.
当前为 2021-08-17 提交的版本，查看最新版本。
换行
// ==UserScript==
// @name         BiliBili-RandomPlayParts
// @namespace    http://tampermonkey.net/
// @version      0.3
// @description  Random play parts within a bilibili video that has > 5 parts.
// @author       Ken Wang
// @match        https://www.bilibili.com/video/*
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js
// @require      https://cdn.jsdelivr.net/npm/[email protected]/dist/switch.min.js
// @resource     switchCSS https://cdn.jsdelivr.net/npm/[email protected]/dist/switch.css
// @icon         https://www.google.com/s2/favicons?domain=bilibili.com
// @grant        GM_addStyle
// @grant        GM_getResourceText
// @run-at       document-idle
// ==/UserScript==
var newCSS = GM_getResourceText("switchCSS");
GM_addStyle(newCSS);


var total_parts = 0;

var current_part = 0;

// Make sure not to replay the last 0.1*total_parts videos.
var played_part = [];

// Inits to 0.1*total_parts
var replay_limit;

// Stores all part ref, can mock click it to route.
var parts_ref;

// Switch ref
var toggle_switch;

// Helper logger
function log(str) {
  console.log("[Random2PlayVList]: " + str);
}


function init() {
  // string in format of (xxx/yyy) where xxx is current part and yyy is total part
  total_parts = $("span.cur-page").text().replace(/\(|\)/g, '').split("/");
  if(total_parts.length < 2){
    log("Not a list video. No need to init random play.");
    return;
  }

  current_part = parseInt(total_parts[0]);
  total_parts = parseInt(total_parts[1]);
  if(total_parts < 5){
    log("No enough parts. No need to init random play.");
    return;
  }
  replay_limit = Math.floor(total_parts * 0.1);

  played_part.push(current_part);

  log("afterAjax Started.");
  initAfterAjax();
  initNextBtn();
  // Event bindings
  videoEventBinding();

  log("afterAjax Ended.");
}

function videoEventBinding() {
  setTimeout(function() {
    if($._data(document.getElementsByTagName('video')[0], "events" ) == undefined ){
      $("video").off("ended");
      $("video").on("ended", onVideoEnded);
      log("event binded");
    }
    else{
      log("event not binded");
      videoEventBinding();
    }
  },250);
}

function initNextBtn() {
  setTimeout(function () {
    if($(".bilibili-player-video-btn-next button").length != 0 ){
      $(".bilibili-player-video-btn-next button").off("click");
      $(".bilibili-player-video-btn-next button").click(function () {
        if (toggle_switch.getChecked()) {
          log("Next random triggered.");
          playNextRandomPart();
        } 
        // after in next part, video gets refreshed and we have to init btn again.
        initNextBtn();
      });
    }
    else{
      initNextBtn();
    }
  }, 250);

}

// Wait for ajax data for detailed parts
function initAfterAjax() {
  setTimeout(function () {
    parts_ref = $("ul.list-box li a");
    if (parts_ref.length > 0) {
      log("Parts loaded: " + parts_ref.length);
      log("Current part: " + current_part);
      log("Replay limit: " + replay_limit); 

      switcherShow();

    } else {
      initAfterAjax();
    }
  }, 250);
}

function onVideoEnded() {
  log("onVideoEnded triggered.");
  if (toggle_switch.getChecked())
    playNextRandomPart();
}

function Random(min, max) {
  return Math.round(Math.random() * (max - min)) + min;
}

// Generates random part number and play accordingly.
function playNextRandomPart() {
  var p_random = Random(1, total_parts);
  while (played_part.includes(p_random)) {
    p_random = Random(1, total_parts);
  }
  played_part.push(p_random);
  if (played_part.length >= 10)
    played_part.shift();

  playPart(p_random);
}

function playPart(part) {
  parts_ref[part].firstElementChild.click();
}

function switcherShow() {
  // Switch component holder
  var switcher = $("<input type=\"checkbox\" class=\"switch-success\" />");
  switcher.insertBefore($(".range-box"));

  // From example in https://github.com/weatherstar/switch
  var el = document.querySelector('.switch-success');
  toggle_switch = new Switch(el,
    {
      size: 'small',
      offSwitchColor: '#ccc'
    });
  $(".switch-small").css({ 'margin-left': '0.5rem' });
  $("small").text("随");
  $("small").click(switchOnChange);
}

function switchOnChange() {
  log(toggle_switch.getChecked());

  // Disable default auto-play before switch on
  if (!toggle_switch.getChecked()) {
    if ($(".switch-button.on").length != 0) {
      alert("请先关闭自动连播.\n随机选项开了以后会自动禁用自动连播，关闭选项即可恢复。");
      toggle_switch.toggle(); // Hacking code to revert the upcoming switch-on
      return;
    }
    postCheckAutoPlay();
  }

  postCheckAutoPlay();
}

function postCheckAutoPlay() {
  if (!toggle_switch.getChecked())
    $(".next-button").css({ "pointer-events": "none" });
  else
    $(".next-button").css({ "pointer-events": "" });
}

(function () {
  "use strict";
  $('document').ready(function () {
    init();
  });
})();