前端指南 前端指南
指南
资源
  • 刷力扣 (opens new window)
  • 手写题 (opens new window)
  • 归档
  • 分类
  • 标签
  • 关于我
  • 关于本站
GitHub (opens new window)

Seognil LC

略懂点前端
指南
资源
  • 刷力扣 (opens new window)
  • 手写题 (opens new window)
  • 归档
  • 分类
  • 标签
  • 关于我
  • 关于本站
GitHub (opens new window)
  • 用快捷键控制视频播放

    • 我的快捷键
      • 工具
        • Video Speed Controller
        • User JavaScript and CSS
        • IINA/PotPlayer
    • note
    • misc
    Seognil LC
    2019-12-14
    目录

    用快捷键控制视频播放

    用快捷键控制视频播放

    如果你有通过视频学习的经历,
    你应该知道快进快退暂停调速等视频控制功能有多重要。

    # 我的快捷键

    我在用的一组桌面快捷键,
    通过覆盖键盘左侧,实现方便的(左手)单手控制。

    (注意到 FrontendMasters (opens new window) 的 Q 键是切换视频质量,有冲突)

    • 通用
      • Q:快退 3 秒
      • E:快进 3 秒
      • Z:播放速度 -0.25
      • X:播放速度 +0.25
      • V:在(当前播放速度,1)之间切换
    • 网页 Only(YouTube 自带)
      • T:切换网页全屏
      • C:切换字幕/弹幕
    • 本地 Only
      • PageUp:上一文件
      • PageDown:下一文件
      • Shift+←:快进 30 秒
      • Shift+→:快退 30 秒

    # 工具

    # Video Speed Controller

    Chrome 插件:Video Speed Controller (opens new window)

    # User JavaScript and CSS

    Chrome 插件:User JavaScript and CSS (opens new window)

    自定义脚本注入插件

    我在 BiliBili 的配置,实现类似 YouTube 的观看体验。

    {
      let maskShown = true;
      document.addEventListener('keypress', (e) => {
        if (e.key === 't') {
          $('.bilibili-player-video-web-fullscreen').click();
        }
        if (e.key === 'c') {
          // * use opacity but not disable the feature
          maskShown = !maskShown;
          $('.bilibili-player-video-danmaku').css(
            'opacity',
            maskShown ? 1 : 0,
          );
          $('.bilibili-player-video-danmaku-switch').css(
            'opacity',
            maskShown ? 1 : 0.1,
          );
        }
      });
    }
    
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20

    # IINA/PotPlayer

    都支持快捷键改键

    • IINA (opens new window):macOS 上的播放器
    • PotPlayer (opens new window):Windows 上的播放器
    #脚本
    上次更新: Jan 29, 2022 6:01 PM
    最近更新
    01
    Linux Shell 快速入门笔记
    11-18
    02
    我的 Web 前端开发知识体系 (2022)
    01-29
    03
    游戏环境研究笔记(2022-01)
    01-16
    更多文章>
    Theme by Vdoing | Copyright © 2019-2022 Seognil LC | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式