205 lines
7.8 KiB
JavaScript
205 lines
7.8 KiB
JavaScript
import { globalThis } from "../utils/server-safe-globals.js";
|
|
import {
|
|
MediaUIEvents,
|
|
StreamTypes,
|
|
TextTrackKinds,
|
|
TextTrackModes
|
|
} from "../constants.js";
|
|
import {
|
|
getTextTracksList,
|
|
parseTracks,
|
|
updateTracksModeTo
|
|
} from "../utils/captions.js";
|
|
import { getSubtitleTracks, toggleSubtitleTracks } from "./util.js";
|
|
const requestMap = {
|
|
/**
|
|
* @TODO Consider adding state to `StateMediator` for e.g. `mediaThumbnailCues` and use that for derived state here (CJP)
|
|
*/
|
|
[MediaUIEvents.MEDIA_PREVIEW_REQUEST](stateMediator, stateOwners, { detail }) {
|
|
var _a, _b, _c;
|
|
const { media } = stateOwners;
|
|
const mediaPreviewTime = detail != null ? detail : void 0;
|
|
let mediaPreviewImage = void 0;
|
|
let mediaPreviewCoords = void 0;
|
|
if (media && mediaPreviewTime != null) {
|
|
const [track] = getTextTracksList(media, {
|
|
kind: TextTrackKinds.METADATA,
|
|
label: "thumbnails"
|
|
});
|
|
const cue = Array.prototype.find.call((_a = track == null ? void 0 : track.cues) != null ? _a : [], (c, i, cs) => {
|
|
if (i === 0)
|
|
return c.endTime > mediaPreviewTime;
|
|
if (i === cs.length - 1)
|
|
return c.startTime <= mediaPreviewTime;
|
|
return c.startTime <= mediaPreviewTime && c.endTime > mediaPreviewTime;
|
|
});
|
|
if (cue) {
|
|
const base = !/'^(?:[a-z]+:)?\/\//i.test(cue.text) ? (_b = media == null ? void 0 : media.querySelector(
|
|
'track[label="thumbnails"]'
|
|
)) == null ? void 0 : _b.src : void 0;
|
|
const url = new URL(cue.text, base);
|
|
const previewCoordsStr = new URLSearchParams(url.hash).get("#xywh");
|
|
mediaPreviewCoords = previewCoordsStr.split(",").map((numStr) => +numStr);
|
|
mediaPreviewImage = url.href;
|
|
}
|
|
}
|
|
const mediaDuration = stateMediator.mediaDuration.get(stateOwners);
|
|
const mediaChaptersCues = stateMediator.mediaChaptersCues.get(stateOwners);
|
|
let mediaPreviewChapter = (_c = mediaChaptersCues.find((c, i, cs) => {
|
|
if (i === cs.length - 1 && mediaDuration === c.endTime) {
|
|
return c.startTime <= mediaPreviewTime && c.endTime >= mediaPreviewTime;
|
|
}
|
|
return c.startTime <= mediaPreviewTime && c.endTime > mediaPreviewTime;
|
|
})) == null ? void 0 : _c.text;
|
|
if (detail != null && mediaPreviewChapter == null) {
|
|
mediaPreviewChapter = "";
|
|
}
|
|
return {
|
|
mediaPreviewTime,
|
|
mediaPreviewImage,
|
|
mediaPreviewCoords,
|
|
mediaPreviewChapter
|
|
};
|
|
},
|
|
[MediaUIEvents.MEDIA_PAUSE_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaPaused";
|
|
const value = true;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_PLAY_REQUEST](stateMediator, stateOwners) {
|
|
var _a;
|
|
const key = "mediaPaused";
|
|
const value = false;
|
|
const live = stateMediator.mediaStreamType.get(stateOwners) === StreamTypes.LIVE;
|
|
if (live) {
|
|
const notDvr = !(stateMediator.mediaTargetLiveWindow.get(stateOwners) > 0);
|
|
const liveEdgeTime = (_a = stateMediator.mediaSeekable.get(stateOwners)) == null ? void 0 : _a[1];
|
|
if (notDvr && liveEdgeTime) {
|
|
stateMediator.mediaCurrentTime.set(liveEdgeTime, stateOwners);
|
|
}
|
|
}
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_PLAYBACK_RATE_REQUEST](stateMediator, stateOwners, { detail }) {
|
|
const key = "mediaPlaybackRate";
|
|
const value = detail;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_MUTE_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaMuted";
|
|
const value = true;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_UNMUTE_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaMuted";
|
|
const value = false;
|
|
if (!stateMediator.mediaVolume.get(stateOwners)) {
|
|
stateMediator.mediaVolume.set(0.25, stateOwners);
|
|
}
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_VOLUME_REQUEST](stateMediator, stateOwners, { detail }) {
|
|
const key = "mediaVolume";
|
|
const value = detail;
|
|
if (value && stateMediator.mediaMuted.get(stateOwners)) {
|
|
stateMediator.mediaMuted.set(false, stateOwners);
|
|
}
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_SEEK_REQUEST](stateMediator, stateOwners, { detail }) {
|
|
const key = "mediaCurrentTime";
|
|
const value = detail;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_SEEK_TO_LIVE_REQUEST](stateMediator, stateOwners) {
|
|
var _a;
|
|
const key = "mediaCurrentTime";
|
|
const value = (_a = stateMediator.mediaSeekable.get(stateOwners)) == null ? void 0 : _a[1];
|
|
if (Number.isNaN(Number(value)))
|
|
return;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
// Text Tracks state change requests
|
|
[MediaUIEvents.MEDIA_SHOW_SUBTITLES_REQUEST](_stateMediator, stateOwners, { detail }) {
|
|
var _a;
|
|
const { options } = stateOwners;
|
|
const tracks = getSubtitleTracks(stateOwners);
|
|
const tracksToUpdate = parseTracks(detail);
|
|
const preferredLanguage = (_a = tracksToUpdate[0]) == null ? void 0 : _a.language;
|
|
if (preferredLanguage && !options.noSubtitlesLangPref) {
|
|
globalThis.localStorage.setItem(
|
|
"media-chrome-pref-subtitles-lang",
|
|
preferredLanguage
|
|
);
|
|
}
|
|
updateTracksModeTo(TextTrackModes.SHOWING, tracks, tracksToUpdate);
|
|
},
|
|
[MediaUIEvents.MEDIA_DISABLE_SUBTITLES_REQUEST](_stateMediator, stateOwners, { detail }) {
|
|
const tracks = getSubtitleTracks(stateOwners);
|
|
const tracksToUpdate = detail != null ? detail : [];
|
|
updateTracksModeTo(TextTrackModes.DISABLED, tracks, tracksToUpdate);
|
|
},
|
|
[MediaUIEvents.MEDIA_TOGGLE_SUBTITLES_REQUEST](_stateMediator, stateOwners, { detail }) {
|
|
toggleSubtitleTracks(stateOwners, detail);
|
|
},
|
|
// Renditions/Tracks state change requests
|
|
[MediaUIEvents.MEDIA_RENDITION_REQUEST](stateMediator, stateOwners, { detail }) {
|
|
const key = "mediaRenditionSelected";
|
|
const value = detail;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_AUDIO_TRACK_REQUEST](stateMediator, stateOwners, { detail }) {
|
|
const key = "mediaAudioTrackEnabled";
|
|
const value = detail;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
// State change requests dependent on root node
|
|
[MediaUIEvents.MEDIA_ENTER_PIP_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaIsPip";
|
|
const value = true;
|
|
if (stateMediator.mediaIsFullscreen.get(stateOwners)) {
|
|
stateMediator.mediaIsFullscreen.set(false, stateOwners);
|
|
}
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_EXIT_PIP_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaIsPip";
|
|
const value = false;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_ENTER_FULLSCREEN_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaIsFullscreen";
|
|
const value = true;
|
|
if (stateMediator.mediaIsPip.get(stateOwners)) {
|
|
stateMediator.mediaIsPip.set(false, stateOwners);
|
|
}
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_EXIT_FULLSCREEN_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaIsFullscreen";
|
|
const value = false;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_ENTER_CAST_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaIsCasting";
|
|
const value = true;
|
|
if (stateMediator.mediaIsFullscreen.get(stateOwners)) {
|
|
stateMediator.mediaIsFullscreen.set(false, stateOwners);
|
|
}
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_EXIT_CAST_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaIsCasting";
|
|
const value = false;
|
|
stateMediator[key].set(value, stateOwners);
|
|
},
|
|
[MediaUIEvents.MEDIA_AIRPLAY_REQUEST](stateMediator, stateOwners) {
|
|
const key = "mediaIsAirplaying";
|
|
const value = true;
|
|
stateMediator[key].set(value, stateOwners);
|
|
}
|
|
};
|
|
export {
|
|
requestMap
|
|
};
|