ArtPlayer/packages/artplayer/src/hotkey.js

export default class Hotkey {
  constructor(art) {
    this.art = art;
    if (this.art.option.hotkey) {
      this.art.on('firstCanplay', () => {
        this.init();
      });
    }
  }

  init() {
    const { player, events: { proxy } } = this.art;
    proxy(window, 'keydown', event => {
      if (this.art.isFocus) {
        const tag = document.activeElement.tagName.toUpperCase();
        const editable = document.activeElement.getAttribute('contenteditable');
        if (
          tag !== 'INPUT' &&
          tag !== 'TEXTAREA' &&
          editable !== '' &&
          editable !== 'true'
        ) {
          this.art.emit('hotkey', event);
          switch (event.keyCode) {
            case 39:
              event.preventDefault();
              player.seek(player.currentTime + 10);
              break;
            case 37:
              event.preventDefault();
              player.seek(player.currentTime - 10);
              break;
            case 38:
              event.preventDefault();
              player.volume += 0.05;
              break;
            case 40:
              event.preventDefault();
              player.volume -= 0.05;
              break;
            case 32:
              event.preventDefault();
              player.toggle();
              break;
            default:
              break;
          }
        }
      }
    });
  }
}