blob: b704e711cc6a479a89714d377e27b82e67f99d1c (
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
80
81
82
83
84
85
86
87
88
89
|
/* 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(video) {
// Use shorts player only if video is from YouTube Shorts.
let shortsPlayer = video.closest("#shorts-player")?.wrappedJSObject;
let isYTShorts = !!(video.baseURI.includes("shorts") && shortsPlayer);
this.player = isYTShorts
? shortsPlayer
: video.closest("#movie_player")?.wrappedJSObject;
}
isLive() {
return !!document.querySelector(".ytp-live");
}
setMuted(video, shouldMute) {
if (this.player) {
if (shouldMute) {
this.player.mute();
} else {
this.player.unMute();
}
} else {
video.muted = shouldMute;
}
}
getDuration(video) {
if (this.isLive(video)) {
return Infinity;
}
return video.duration;
}
setCaptionContainerObserver(video, updateCaptionsFunction) {
let container = document.getElementById("ytp-caption-window-container");
if (container) {
updateCaptionsFunction("");
const callback = function (mutationsList) {
// eslint-disable-next-line no-unused-vars
for (const mutation of mutationsList) {
let textNodeList = container
.querySelector(".captions-text")
?.querySelectorAll(".caption-visual-line");
if (!textNodeList) {
updateCaptionsFunction("");
return;
}
updateCaptionsFunction(
Array.from(textNodeList, x => x.textContent).join("\n")
);
}
};
// 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,
});
}
}
shouldHideToggle(video) {
return !!video.closest(".ytd-video-preview");
}
setVolume(video, volume) {
if (this.player) {
this.player.setVolume(volume * 100);
} else {
video.volume = volume;
}
}
getVolume(video) {
if (this.player) {
return this.player.getVolume() / 100;
}
return video.volume;
}
}
this.PictureInPictureVideoWrapper = PictureInPictureVideoWrapper;
|