summaryrefslogtreecommitdiffstats
path: root/browser/extensions/pictureinpicture/video-wrappers/netflix.js
blob: bda91796b6bce2f5221c6ca9df59739d6f5fb404 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

"use strict";

class PictureInPictureVideoWrapper {
  constructor() {
    let netflixPlayerAPI =
      window.wrappedJSObject.netflix.appContext.state.playerApp.getAPI()
        .videoPlayer;
    let sessionId = null;
    for (let id of netflixPlayerAPI.getAllPlayerSessionIds()) {
      if (id.startsWith("watch-")) {
        sessionId = id;
        break;
      }
    }
    this.player = netflixPlayerAPI.getVideoPlayerBySessionId(sessionId);
  }
  /**
   * The Netflix player returns the current time in milliseconds so we convert
   * to seconds before returning.
   * @param {HTMLVideoElement} video The original video element
   * @returns {Number} The current time in seconds
   */
  getCurrentTime(video) {
    return this.player.getCurrentTime() / 1000;
  }
  /**
   * The Netflix player returns the duration in milliseconds so we convert to
   * seconds before returning.
   * @param {HTMLVideoElement} video The original video element
   * @returns {Number} The duration in seconds
   */
  getDuration(video) {
    return this.player.getDuration() / 1000;
  }
  play() {
    this.player.play();
  }
  pause() {
    this.player.pause();
  }

  setCaptionContainerObserver(video, updateCaptionsFunction) {
    let container = document.querySelector(".watch-video");

    if (container) {
      updateCaptionsFunction("");
      const callback = function (mutationsList, observer) {
        let text = container.querySelector(".player-timedtext").innerText;
        updateCaptionsFunction(text);
      };

      // immediately invoke the callback function to add subtitles to the PiP window
      callback([1], null);

      let captionsObserver = new MutationObserver(callback);

      captionsObserver.observe(container, {
        attributes: false,
        childList: true,
        subtree: true,
      });
    }
  }

  /**
   * Set the current time of the video in milliseconds.
   * @param {HTMLVideoElement} video The original video element
   * @param {Number} position The new time in seconds
   */
  setCurrentTime(video, position) {
    this.player.seek(position * 1000);
  }
}

this.PictureInPictureVideoWrapper = PictureInPictureVideoWrapper;