openreplay/frontend/app/player/singletone.js
2021-05-01 15:12:01 +05:30

79 lines
2.1 KiB
JavaScript

import Player from './Player';
import { update, clean as cleanStore, getState } from './store';
import { clean as cleanLists } from './lists';
let instance = null;
const initCheck = method => (...args) => {
if (instance === null) {
console.error("Player method called before Player have been initialized.");
return;
}
method(...args);
}
let autoPlay = true;
document.addEventListener("visibilitychange", function() {
if (instance === null) return;
if (document.hidden) {
const { playing } = getState();
autoPlay = playing
if (playing) {
instance.pause();
}
} else if (autoPlay) {
instance.play();
}
});
export function init(session, jwt) {
const live = session.live;
const endTime = !live && session.duration.valueOf();
instance = new Player(session, jwt);
update({
initialized: true,
live,
livePlay: live,
endTime, // : 0, //TODO: through initialState
session,
});
if (!document.hidden) {
instance.play();
}
}
export function clean() {
if (instance === null) return;
instance.clean();
cleanStore();
cleanLists();
instance = null;
}
export const jump = initCheck((...args) => instance.jump(...args));
export const togglePlay = initCheck((...args) => instance.togglePlay(...args));
export const pause = initCheck((...args) => instance.pause(...args));
export const toggleSkip = initCheck((...args) => instance.toggleSkip(...args));
export const toggleSpeed = initCheck((...args) => instance.toggleSpeed(...args));
export const speedUp = initCheck((...args) => instance.speedUp(...args));
export const speedDown = initCheck((...args) => instance.speedDown(...args));
export const attach = initCheck((...args) => instance.attach(...args));
export const mark = initCheck((...args) => instance.marker.markBySelector(...args));
export const scale = initCheck(() => instance.scale());
export const markBelowMouse = initCheck(() => instance.marker.mark(instance.cursor.getTarget()));
export const Controls = {
jump,
togglePlay,
pause,
toggleSkip,
toggleSpeed,
speedUp,
speedDown,
mark,
markBelowMouse,
}