// @flow import { showWarningNotification } from '../../notifications/actions'; import logger from '../../virtual-background/logger'; import JitsiStreamBackgroundEffect from './JitsiStreamBackgroundEffect'; import createTFLiteModule from './vendor/tflite/tflite'; import createTFLiteSIMDModule from './vendor/tflite/tflite-simd'; const models = { model96: 'libs/segm_lite_v681.tflite', model144: 'libs/segm_full_v679.tflite' }; const segmentationDimensions = { model96: { height: 96, width: 160 }, model144: { height: 144, width: 256 } }; /** * Creates a new instance of JitsiStreamBackgroundEffect. This loads the Meet background model that is used to * extract person segmentation. * * @param {Object} virtualBackground - The virtual object that contains the background image source and * the isVirtualBackground flag that indicates if virtual image is activated. * @param {Function} dispatch - The Redux dispatch function. * @returns {Promise} */ export async function createVirtualBackgroundEffect(virtualBackground: Object, dispatch: Function) { if (!MediaStreamTrack.prototype.getSettings && !MediaStreamTrack.prototype.getConstraints) { throw new Error('JitsiStreamBackgroundEffect not supported!'); } let tflite; let wasmCheck; // Checks if WebAssembly feature is supported or enabled by/in the browser. // Conditional import of wasm-check package is done to prevent // the browser from crashing when the user opens the app. try { wasmCheck = require('wasm-check'); if (wasmCheck?.feature?.simd) { tflite = await createTFLiteSIMDModule(); } else { tflite = await createTFLiteModule(); } } catch (err) { logger.error('Looks like WebAssembly is disabled or not supported on this browser'); dispatch(showWarningNotification({ titleKey: 'virtualBackground.webAssemblyWarning', description: 'WebAssembly disabled or not supported by this browser' })); return; } const modelBufferOffset = tflite._getModelBufferMemoryOffset(); const modelResponse = await fetch(wasmCheck.feature.simd ? models.model144 : models.model96); if (!modelResponse.ok) { throw new Error('Failed to download tflite model!'); } const model = await modelResponse.arrayBuffer(); tflite.HEAPU8.set(new Uint8Array(model), modelBufferOffset); tflite._loadModel(model.byteLength); const options = { ...wasmCheck.feature.simd ? segmentationDimensions.model144 : segmentationDimensions.model96, virtualBackground }; return new JitsiStreamBackgroundEffect(tflite, options); }