114 lines
3.1 KiB
JavaScript
114 lines
3.1 KiB
JavaScript
import deviceInfo from '/imports/utils/deviceInfo';
|
|
import browserInfo from '/imports/utils/browserInfo';
|
|
import { createVirtualBackgroundService } from '/imports/ui/services/virtual-background';
|
|
|
|
const BLUR_FILENAME = 'blur.jpg';
|
|
const EFFECT_TYPES = {
|
|
BLUR_TYPE: 'blur',
|
|
IMAGE_TYPE: 'image',
|
|
NONE_TYPE: 'none',
|
|
}
|
|
const FALLBACK_IMAGE = 'green_screen.jpg';
|
|
|
|
// TODO I'm sure this is centralized somewhere; fetch it from "there" if possible
|
|
const BASE_PATH = Meteor.settings.public.app.cdn
|
|
+ Meteor.settings.public.app.basename
|
|
+ Meteor.settings.public.app.instanceId;
|
|
|
|
const MODELS = {
|
|
model96: {
|
|
path: '/resources/tfmodels/segm_lite_v681.tflite',
|
|
segmentationDimensions: {
|
|
height: 96,
|
|
width: 160
|
|
}
|
|
},
|
|
model144: {
|
|
path: '/resources/tfmodels/segm_full_v679.tflite',
|
|
segmentationDimensions: {
|
|
height: 144,
|
|
width: 256
|
|
}
|
|
},
|
|
};
|
|
|
|
const {
|
|
thumbnailsPath: THUMBNAILS_PATH = '/resources/images/virtual-backgrounds/thumbnails/',
|
|
fileNames: IMAGE_NAMES = ['home.jpg', 'coffeeshop.jpg', 'board.jpg', 'green_screen.jpg'],
|
|
storedOnBBB: IS_STORED_ON_BBB = true,
|
|
imagesPath: IMAGES_PATH = '/resources/images/virtual-backgrounds/',
|
|
showThumbnails: SHOW_THUMBNAILS = true,
|
|
} = Meteor.settings.public.virtualBackgrounds;
|
|
|
|
const createVirtualBackgroundStream = (type, name, isVirtualBackground, stream, customParams) => {
|
|
const buildParams = {
|
|
backgroundType: type,
|
|
backgroundFilename: name,
|
|
isVirtualBackground,
|
|
customParams,
|
|
}
|
|
|
|
return createVirtualBackgroundService(buildParams).then((service) => {
|
|
const effect = service.startEffect(stream)
|
|
return { service, effect };
|
|
});
|
|
}
|
|
|
|
const getVirtualBackgroundThumbnail = (name) => {
|
|
if (name === BLUR_FILENAME) {
|
|
return BASE_PATH + '/resources/images/virtual-backgrounds/thumbnails/' + name;
|
|
}
|
|
|
|
return (IS_STORED_ON_BBB ? BASE_PATH : '') + THUMBNAILS_PATH + name;
|
|
}
|
|
|
|
// Stores the last chosen camera effect into the session storage in the following format:
|
|
// {
|
|
// type: <EFFECT_TYPES>,
|
|
// name: effect filename, if any
|
|
// }
|
|
const setSessionVirtualBackgroundInfo = (type, name, deviceId) => {
|
|
return Session.set(`VirtualBackgroundInfo_${deviceId}`, { type, name });
|
|
}
|
|
|
|
const getSessionVirtualBackgroundInfo = (deviceId) => {
|
|
return Session.get(`VirtualBackgroundInfo_${deviceId}`) || {
|
|
type: EFFECT_TYPES.NONE_TYPE,
|
|
};
|
|
}
|
|
|
|
const getSessionVirtualBackgroundInfoWithDefault = (deviceId) => {
|
|
return Session.get(`VirtualBackgroundInfo_${deviceId}`) || {
|
|
type: EFFECT_TYPES.BLUR_TYPE,
|
|
name: BLUR_FILENAME,
|
|
};
|
|
}
|
|
|
|
const isVirtualBackgroundSupported = () => {
|
|
return !(deviceInfo.isIos || browserInfo.isSafari);
|
|
}
|
|
|
|
const getVirtualBgImagePath = () => {
|
|
return (IS_STORED_ON_BBB ? BASE_PATH : '') + IMAGES_PATH;
|
|
}
|
|
|
|
export {
|
|
BASE_PATH,
|
|
MODELS,
|
|
THUMBNAILS_PATH,
|
|
SHOW_THUMBNAILS,
|
|
IMAGE_NAMES,
|
|
IS_STORED_ON_BBB,
|
|
IMAGES_PATH,
|
|
BLUR_FILENAME,
|
|
EFFECT_TYPES,
|
|
FALLBACK_IMAGE,
|
|
setSessionVirtualBackgroundInfo,
|
|
getSessionVirtualBackgroundInfo,
|
|
getSessionVirtualBackgroundInfoWithDefault,
|
|
isVirtualBackgroundSupported,
|
|
createVirtualBackgroundStream,
|
|
getVirtualBackgroundThumbnail,
|
|
getVirtualBgImagePath,
|
|
}
|