88 lines
2.7 KiB
JavaScript
88 lines
2.7 KiB
JavaScript
import React, { useContext } from 'react';
|
|
|
|
import { withModalMounter } from '/imports/ui/components/modal/service';
|
|
import { withTracker } from 'meteor/react-meteor-data';
|
|
import Settings from '/imports/ui/services/settings';
|
|
import MediaService, { getSwapLayout, shouldEnableSwapLayout } from '/imports/ui/components/media/service';
|
|
import Auth from '/imports/ui/services/auth';
|
|
import breakoutService from '/imports/ui/components/breakout-room/service';
|
|
import VideoService from '/imports/ui/components/video-provider/service';
|
|
|
|
import { NLayoutContext } from '../layout/context/context';
|
|
import WebcamComponent from './component';
|
|
|
|
const WebcamContainer = ({
|
|
audioModalIsOpen,
|
|
swapLayout,
|
|
usersVideo,
|
|
disableVideo,
|
|
}) => {
|
|
const LayoutContext = useContext(NLayoutContext);
|
|
const { newLayoutContextState } = LayoutContext;
|
|
const { output } = newLayoutContextState;
|
|
const { cameraDock } = output;
|
|
|
|
return !disableVideo
|
|
&& !audioModalIsOpen
|
|
&& usersVideo.length > 0
|
|
? (
|
|
<WebcamComponent
|
|
{...{
|
|
swapLayout,
|
|
usersVideo,
|
|
cameraDockBounds: cameraDock,
|
|
}}
|
|
/>
|
|
)
|
|
: null;
|
|
};
|
|
|
|
let userWasInBreakout = false;
|
|
|
|
export default withModalMounter(withTracker(() => {
|
|
const { dataSaving } = Settings;
|
|
const { viewParticipantsWebcams } = dataSaving;
|
|
const { current_presentation: hasPresentation } = MediaService.getPresentationInfo();
|
|
const data = {
|
|
audioModalIsOpen: Session.get('audioModalIsOpen'),
|
|
isMeteorConnected: Meteor.status().connected,
|
|
};
|
|
|
|
const userIsInBreakout = breakoutService.getBreakoutUserIsIn(Auth.userID);
|
|
let deviceIds = Session.get('deviceIds');
|
|
|
|
if (!userIsInBreakout && userWasInBreakout && deviceIds && deviceIds !== '') {
|
|
/* used when re-sharing cameras after leaving a breakout room.
|
|
it is needed in cases where the user has more than one active camera
|
|
so we only share the second camera after the first
|
|
has finished loading (can't share more than one at the same time) */
|
|
const canConnect = Session.get('canConnect');
|
|
|
|
deviceIds = deviceIds.split(',');
|
|
|
|
if (canConnect) {
|
|
const deviceId = deviceIds.shift();
|
|
|
|
Session.set('canConnect', false);
|
|
Session.set('WebcamDeviceId', deviceId);
|
|
Session.set('deviceIds', deviceIds.join(','));
|
|
|
|
VideoService.joinVideo(deviceId);
|
|
}
|
|
} else {
|
|
userWasInBreakout = userIsInBreakout;
|
|
}
|
|
|
|
const { streams: usersVideo } = VideoService.getVideoStreams();
|
|
data.usersVideo = usersVideo;
|
|
data.swapLayout = (getSwapLayout() || !hasPresentation) && shouldEnableSwapLayout();
|
|
data.disableVideo = !viewParticipantsWebcams;
|
|
|
|
if (data.swapLayout) {
|
|
data.floatingOverlay = true;
|
|
data.hideOverlay = true;
|
|
}
|
|
|
|
return data;
|
|
})(WebcamContainer));
|