☰

Zoom录像快进跳转

Add buttons for skipping 5s or backing 5s while watching zoom recordings

当前为 2021-11-24 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Zoom Recording skipping function
  3. // @name:zh-TW   Zoom錄像快進跳轉
  4. // @name:zh-CN   Zoom录像快进跳转
  5. // @namespace    http://tampermonkey.net/
  6. // @version      2.1
  7. // @description  Add buttons for skipping 5s or backing 5s while watching zoom recordings
  8. // @description:zh-tw 添加跳轉到前後5秒的按鈕
  9. // @description:zh-cn 添加跳转到前后5秒的按钮
  10. // @author       You
  11. // @match        *.zoom.us/rec/play/*
  12. // @icon         https://www.google.com/s2/favicons?domain=zoom.us
  13. // @grant        none
  14. // @license      MIT
  15. // ==/UserScript==
  16.  
  17. (function() {
  18.     'use strict';
  19.  
  20.     const step = 5
  21.  
  22.     function tenSto5S(){
  23.         document.getElementsByClassName("vjs-step-wrapper")[0].children[1].innerHTML = "5 second"
  24.     }
  25.  
  26.  
  27.     function addBtn(){
  28.         const video = document.getElementsByTagName("video")[0];
  29.         const bar = document.getElementsByClassName("vjs-extend-control")[0];
  30.  
  31.         const back5s = document.createElement("div");
  32.         const go5s = document.createElement("div");
  33.  
  34.  
  35.         back5s.innerHTML = "<5s";
  36.         go5s.innerHTML = ">5s";
  37.  
  38.         back5s.style["margin-right"] = "10px";
  39.         go5s.style["margin-right"] = "10px";
  40.  
  41.         back5s.style["cursor"] = "pointer";
  42.         go5s.style["cursor"] = "pointer";
  43.  
  44.  
  45.  
  46.         bar.prepend(go5s);
  47.         bar.prepend(back5s);
  48.         
  49.         go5s.onclick = () => {
  50.             video.currentTime += 5;
  51.         }
  52.  
  53.         back5s.onclick = () => {
  54.             video.currentTime -= 5;
  55.         }
  56.  
  57.     }
  58.  
  59.     function delayabit(){  // pending... maybe using try catch
  60.         setTimeout(()=>{
  61.             addBtn();
  62.             tenSto5S();
  63.         }, 5000);
  64.     }
  65.  
  66.     window.addEventListener("load", delayabit, false);
  67.     
  68.     document.onkeypress = (event) => {
  69.         var theVideo = document.getElementsByTagName('video')[0];
  70.         
  71.         event = event || window.event;
  72.         
  73.         if(event.keyCode == '37'){
  74.             event.preventDefault();
  75.             theVideo.currentTime += step
  76.         }
  77.         
  78.         else if(event.keyCode == '39'){
  79.             event.preventDefault();
  80.             theVideo.currentTime -= step
  81.         }
  82.         
  83.         /* else if(event.keyCode == '32'){
  84.             console.log("space bar pressed")
  85.             //event.preventDefault();
  86.             if(theVideo.paused){
  87.                 theVideo.play()
  88.             }
  89.             else{
  90.                 theVideo.pause()
  91.             }
  92.         } */
  93.             
  94.             
  95.     }
  96.  
  97.  
  98. })();