更好的自动播放(BetterVideoPlayer)

网页视频自动播放和声音调节，并设有页面灰度调整,使用该脚本时，请关闭网站的视频自动播放设置，暂时对腾讯视频以及直播平台无效
换行
// ==UserScript==
// @name         更好的自动播放(BetterVideoPlayer)
// @namespace    http://tampermonkey.net/
// @version      1.04-Alpha
// @description  网页视频自动播放和声音调节，并设有页面灰度调整,使用该脚本时，请关闭网站的视频自动播放设置，暂时对腾讯视频以及直播平台无效
// @author       MemoliPoi
// @match        *://www.bilibili.com/video/*
// @match        *://v.qq.com/*
// @match        *://www.iqiyi.com/*
// @match        *://v.youku.com/v_show/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=bilibili.com
// @grant        GM_getValue
// @grant        GM_setValue
// @grant        GM_addStyle
// @grant        GM_registerMenuCommand
// ==/UserScript==

(function () {
  "use strict";
  //获取一当前页面的音频（包括视频的声音）
  let video = document.querySelector("video")
    ? document.querySelector("video")
    : null;
  //创建音频上下文
  const audioCtx = new AudioContext();
  //创建音频增益节点
  const gainNode = audioCtx.createGain();
  gainNode.gain.value = 1;
  //灰度样式
  const grayFilter=['-webkit-filter: grayscale(100%)',
    ' -moz-filter: grayscale(100%)','-ms-filter: grayscale(100%)','-o-filter: grayscale(100%)',
    'filter: grayscale(100%)','-webkit-filter: gray','-webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=1)',
    'filter: progid:dximagetransform.microsoft.basicimage(grayscale=1)'
  ]
  //清除灰度样式
  const clearGray=`
    body{
      -webkit-filter: grayscale(0%)';
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      -o-filter: grayscale(0%);
      filter: grayscale(0%);
      -webkit-filter: none;
      -webkit-filter: progid:dximagetransform.microsoft.basicimage(grayscale=0);
      filter: progid:dximagetransform.microsoft.basicimage(grayscale=0)
    }
  `
  let userCustomer = {
    protect: true, //护耳模式
    protectVolume: 0.15, //护耳模式下整体音量
    delayTime: 2, //延迟时间
    beQuiet:false,//强制静音
    quietVal:0.3,//音量增益
    AutoPlay: true,//自动播放
    checkGray:false,//清除灰度
  };

  const customerKey = {
    protect_key: "protect_Req",
    protect_vol: "protect_vol",
    quiet_vol: "quiet_vol",
    auto_Play: "auto_Play",
    check_Gray: "check_Gray",
  };

  //#region 方法
  /**
   * @description 脚本启动时确定初始化
   * @returns {{Protect:boolean,ProVol:Number,AutoPlay:boolean,BeQuiet:boolean,CheckGray:boolean}}
   */
  const UserCustomerInit = () => {
    let protect=GM_getValue(customerKey.protect_key, userCustomer.protect);
    let protectVolume=GM_getValue(customerKey.protect_vol, userCustomer.protectVolume);
    let autoPlay=GM_getValue(customerKey.protect_key, userCustomer.AutoPlay);
    let beQuiet = GM_getValue(customerKey.quiet_vol,userCustomer.beQuiet)
    let checkGray = GM_getValue(customerKey.check_Gray,userCustomer.checkGray)
    return {
      Protect: protect,
      ProVol: protectVolume,
      AutoPlay: autoPlay,
      BeQuiet:beQuiet,
      CheckGray:checkGray
    };
  };

  /**
   * @name 音频上下文初始化
   * @description 将当前页面的video标签的音频输出交给音频上下文
   */
  const AudioCtxInit = () => {
    if (video != null) {
      let source = audioCtx.createMediaElementSource(video);
      source.connect(gainNode);
      gainNode.connect(audioCtx.destination);
    } else {
      console.warn("无法获取当前页面视频元素");
    }
  };

  /**
   * @description 延迟播放策略,默认启用
   * @param {Function} callback 播放策略
   * @param {Number} delay 延迟时间
   */
  const DelayPlay = (callback,delay) => {
    setTimeout(() => {
      callback && callback();
    }, delay * 1000);
  };

  /**
   * @description 音量逐步恢复
   * @param {Number} step 步进长度
   * @param {Number} delay 时间延迟
   */
  const DelayVolumeReset=(step,delay) => {
    let timer=setInterval(()=>{
      if(gainNode.gain.value+step<1){
        gainNode.gain.setValueAtTime(gainNode.gain.value+step,audioCtx.currentTime)
      }
    },1000)
    setTimeout(()=>{
      gainNode.gain.value=1
      clearInterval(timer)
      video.onloadstart=null
    },(delay*1500))
  }

  /**
   * @description 针对浏览器的自动播放设置
   * @param {Boolean} canPlay 视频是否能正常播放
   * @param {HTMLVideoElement} videoDom 视频标签
   */
  const PlayStrategy = (canPlay, videoDom) => {
    if (!canPlay) {
      //例如谷歌浏览器，采用视频静音策略进行播放
      videoDom.muted = true;
      videoDom.play();
      videoDom.muted = false;
    } else {
      videoDom.play();
    }
  };

  const AutoPlayVideo = () => {
    const customer = UserCustomerInit();
    AudioCtxInit();
    if (document.readyState === "complete" && video != null) {
      if(customer.AutoPlay){
        DelayPlay(PlayStrategy(video.played, video),2);
      }
      //护耳模式
      if (customer.Protect) {
        video.onplay=function(){
          gainNode.gain.value=customer.ProVol
          DelayVolumeReset(0.15,15)
        }
      }else if(customer.BeQuiet){
        //强制安静一点
        gainNode.gain.value=userCustomer.quietVal
      } else {
        gainNode.gain.value = 1;
      }
    }
  };

  /**
   * @description 检查页面是否处于灰色滤镜
   * @returns 当前页面是否处于灰色滤镜中
   */
  const CheckWebGray=()=>{
    const body = document.body
    let styleOnBody = body.style
    if(Array.isArray(styleOnBody)&&styleOnBody.length>0){
      for (let i = 0; i < grayFilter.length; i++) {
          if(Object.hasOwn(styleOnBody,grayFilter[i])){
            return true
          }
      }
      return false;
    }
    return false;
  }

  //清除灰度
  const ClearWebGray=()=>{
    if(CheckWebGray()){
      console.log("当前页面处于灰度，已修正")
      GM_addStyle(clearGray)
    }
    console.log("当前页面色彩正常")
  }

  //#endregion
  document.onreadystatechange = function(){
      AutoPlayVideo();
      if(UserCustomerInit().CheckGray){
        ClearWebGray()
      }
  };

  //#region 菜单
  const NeedProtect=GM_registerMenuCommand(`护耳模式${UserCustomerInit().Protect?"已开启":"已关闭"}`,(e)=>{
    const customer = UserCustomerInit()
    GM_setValue(customerKey.protect_key,customer.Protect?false:true)
    DelayVolumeReset(0.15,10)
    //启用护耳模式时，关闭强制安静
    GM_setValue(customerKey.quiet_vol,false)
  })

  const NeedQuiet=GM_registerMenuCommand(`安静模式：${UserCustomerInit().BeQuiet?"已开启":'已关闭'},  音量输出为${userCustomer.quietVal*100}%`,(e)=>{
    let con=confirm("开启安静模式后，将关闭护耳模式，刷新页面后生效")
    if(con){
       const customer = UserCustomerInit()
       GM_setValue(customerKey.quiet_vol,customer.BeQuiet?false:true)
       GM_setValue(customerKey.protect_key,false)
    }
  })

  const NeedClearGray=GM_registerMenuCommand(`清除页面灰度${UserCustomerInit().CheckGray?'已开启':'已关闭'}`,e=>{
    let res=confirm('页面灰色是为了铭记，你确定真的要清灰吗,刷新页面生效')
    if(res){
      const customer = UserCustomerInit()
      GM_setValue(customerKey.check_Gray,customer.BeQuiet?false:true)
    }
  })

  //#endregion

})();
欢迎访问Greasy Fork镜像
