bitmovin-player-ui/src/ts/utils/BrowserUtils.ts

Bitmovin Player UI Framework

declare global {
  interface Navigator {
    msMaxTouchPoints?: number;
  }
}

/**
 * @category Utils
 */
export class BrowserUtils {
  // isMobile only needs to be evaluated once (it cannot change during a browser session)
  // Mobile detection according to Mozilla recommendation: "In summary, we recommend looking for the string “Mobi”
  // anywhere in the User Agent to detect a mobile device."
  // https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent
  static get isMobile(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /Mobi/.test(navigator.userAgent);
  }

  static get isChrome(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /Chrome/.test(navigator.userAgent);
  }

  static get isAndroid(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /Android/.test(navigator.userAgent) && !this.isHisense;
  }

  static get isIOS(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /iPad|iPhone|iPod/.test(navigator.userAgent);
  }

  static get isMacIntel(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && navigator.platform === 'MacIntel';
  }

  static get isTv(): boolean {
    return (
      this.isHisense ||
      this.isPlayStation ||
      this.isWebOs ||
      this.isTizen ||
      this.isVizio ||
      this.isXumo ||
      this.isXbox ||
      this.isVidaa
    );
  }

  static get isHisense(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /Hisense/.test(navigator.userAgent);
  }

  static get isPlayStation(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /PlayStation/i.test(navigator.userAgent);
  }

  static get isWebOs(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return (
      navigator &&
      navigator.userAgent &&
      (navigator.userAgent.includes('Web0S') || navigator.userAgent.includes('NetCast'))
    );
  }

  static get isTizen(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /Tizen/.test(navigator.userAgent);
  }

  static get isVizio(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /vizio/.test(navigator.userAgent.toLowerCase());
  }

  static get isXumo(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return (
      (navigator && navigator.userAgent && /sky_ott/.test(navigator.userAgent.toLowerCase())) ||
      (navigator && navigator.userAgent && /xglobal/.test(navigator.userAgent.toLowerCase())) ||
      (navigator && navigator.userAgent && /xfinity/.test(navigator.userAgent.toLowerCase()))
    );
  }

  static get isXbox(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /Xbox/.test(navigator.userAgent);
  }

  static get isVidaa(): boolean {
    if (!this.windowExists()) {
      return false;
    }
    return navigator && navigator.userAgent && /vidaa/.test(navigator.userAgent.toLowerCase());
  }

  // https://hacks.mozilla.org/2013/04/detecting-touch-its-the-why-not-the-how/
  static get isTouchSupported() {
    if (!this.windowExists()) {
      return false;
    }
    return (
      'ontouchstart' in window ||
      (navigator && navigator.userAgent && (navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0))
    );
  }

  private static windowExists(): boolean {
    return typeof window !== 'undefined';
  }
}