☰

動畫瘋 影片播放速度

2021/7/25 下午5:48:09

目前为 2021-08-08 提交的版本。查看 最新版本。

// ==UserScript==
// @name        動畫瘋 影片播放速度
// @namespace   Violentmonkey Scripts
// @match       https://ani.gamer.com.tw/animeVideo.php
// @grant       GM_setValue
// @grant       GM_getValue
// @version     1.2
// @author      bigiCrab
// @description 2021/7/25 下午5:48:09
// 1. 自動使用上次的撥放速度
// 2. shift+滾輪調整撥放速度(0.1~16)
//
// ==/UserScript==

// 存速度key值
const VIDEO_PLAYBACK_RATE = "bigi_videoPlayBackRate";
// videojs 載很慢
$(window.unsafeWindow).load(() => {
  main();
});
async function main() {
  //   等到videojs 出現
  while (window.unsafeWindow?.videojs === undefined) {
    console.error("video element not found");
    await sleep(500);
  }
  let ani_video = videojs.getPlayer("ani_video");
  //   等到video出現
  while (ani_video === undefined) {
    ani_video = videojs.getPlayer("ani_video");
    // TODO 找他的API
    console.log("video js: ", ani_video);
    await sleep(500);
  }
  // test_trackAllEvent();

  loadAndTrackSavePlayRate();

  scrollToAdjustSpeed();

  function loadAndTrackSavePlayRate() {
    //   上次存的撥放速度
    const lastTimePlayBackRate = GM_getValue(VIDEO_PLAYBACK_RATE, null);
    //   apply play rate
    ani_video.on("playing", (e) => {
      if (ani_video.currentSrc().includes("gamer_ad")) {
        console.log("廣告中 不加速");
        ani_video.playbackRate(1);
        return;
      }
      if (lastTimePlayBackRate !== null) {
        console.log(`設定為上次的撥放速度:${lastTimePlayBackRate}`);
        ani_video.playbackRate(lastTimePlayBackRate);
      }
    });
    //   save play rate
    ani_video.on("ratechange", (e) => {
      let newestRate = ani_video.playbackRate();
      // console.log(`撥放速度變動..存起來:${newestRate}`);
      GM_setValue(VIDEO_PLAYBACK_RATE, newestRate);
    });
  }

  function scrollToAdjustSpeed() {
    const speedStap = 0.1;
    // $("video")[0].addEventListener(
    //   "wheel",
    //   () => {
    //     console.log("wheel");
    //   },
    //   true
    // );
    $("video").on("wheel", (event) => {
      if (event.shiftKey) {
        event.preventDefault();
        // console.log("shift捲動", event.originalEvent);

        let speedVector = event.originalEvent.deltaY < 0 ? 1 : -1;
        let newestRate = ani_video.playbackRate();
        let calcSpeed =
          Math.round((newestRate + speedVector * speedStap) * 100) / 100;
        calcSpeed = Math.min(Math.max(0.1, calcSpeed), 16);
        ani_video.playbackRate(calcSpeed);
      }
    });
  }

  // 看videojs有甚麼狀態可用
  function test_trackAllEvent() {
    //   找到的都在上面
    let events = [
      "subtitles",
      "captions",
      "descriptions",
      "chapters",
      "metadata",
      "none",
      "metadata",
      "auto",
      "alternative",
      "captions",
      "descriptions",
      "main",
      "main-desc",
      "sign",
      "subtitles",
      "translation",
      "commentary",
      "onchange",
      "onaddtrack",
      "onremovetrack",
      "onchange",
      "onaddtrack",
      "onremovetrack",
      "oncuechange",
      "onenter",
      "onexit",
      "loadstart",
      // "progress",
      "suspend",
      "abort",
      "error",
      "emptied",
      "stalled",
      "loadedmetadata",
      "loadeddata",
      "canplay",
      "canplaythrough",
      "playing",
      "waiting",
      "seeking",
      "seeked",
      "ended",
      "durationchange",
      // "timeupdate",
      "play",
      "pause",
      "ratechange",
      "resize",
      "volumechange",
      "error",
      "change",
      "addtrack",
      "removetrack",
      "cuechange",
      "error",
      "load",
      "enter",
      "exit",
    ];
    ani_video.on(events, (e) => {
      console.log(e);
    });
  }
}

function sleep(ms) {
  return new Promise((resolve) => setTimeout(resolve, ms));
}