mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-13 13:02:32 +00:00
14cc4ea54a
- Reset some state on the singletons conference and VideoLayout. - Add a way for LocalVideo to clean itself up by sharing logic with the other SmallVideos. - Add clearing of chat messages so they don't linger. - Remove some UI event listeners.
84 lines
2.4 KiB
JavaScript
84 lines
2.4 KiB
JavaScript
/* global $ */
|
|
|
|
import SmallVideo from '../videolayout/SmallVideo';
|
|
|
|
const logger = require('jitsi-meet-logger').getLogger(__filename);
|
|
|
|
/**
|
|
*
|
|
*/
|
|
export default function SharedVideoThumb(participant, videoType, VideoLayout) {
|
|
this.id = participant.id;
|
|
|
|
this.url = participant.id;
|
|
this.setVideoType(videoType);
|
|
this.videoSpanId = 'sharedVideoContainer';
|
|
this.container = this.createContainer(this.videoSpanId);
|
|
this.$container = $(this.container);
|
|
|
|
this.bindHoverHandler();
|
|
SmallVideo.call(this, VideoLayout);
|
|
this.isVideoMuted = true;
|
|
this.setDisplayName(participant.name);
|
|
|
|
this.container.onclick = this._onContainerClick;
|
|
this.container.ondblclick = this._onContainerDoubleClick;
|
|
}
|
|
SharedVideoThumb.prototype = Object.create(SmallVideo.prototype);
|
|
SharedVideoThumb.prototype.constructor = SharedVideoThumb;
|
|
|
|
/**
|
|
* hide display name
|
|
*/
|
|
// eslint-disable-next-line no-empty-function
|
|
SharedVideoThumb.prototype.setDeviceAvailabilityIcons = function() {};
|
|
|
|
// eslint-disable-next-line no-empty-function
|
|
SharedVideoThumb.prototype.avatarChanged = function() {};
|
|
|
|
SharedVideoThumb.prototype.createContainer = function(spanId) {
|
|
const container = document.createElement('span');
|
|
|
|
container.id = spanId;
|
|
container.className = 'videocontainer';
|
|
|
|
// add the avatar
|
|
const avatar = document.createElement('img');
|
|
|
|
avatar.className = 'sharedVideoAvatar';
|
|
avatar.src = `https://img.youtube.com/vi/${this.url}/0.jpg`;
|
|
container.appendChild(avatar);
|
|
|
|
const displayNameContainer = document.createElement('div');
|
|
|
|
displayNameContainer.className = 'displayNameContainer';
|
|
container.appendChild(displayNameContainer);
|
|
|
|
const remoteVideosContainer
|
|
= document.getElementById('filmstripRemoteVideosContainer');
|
|
const localVideoContainer
|
|
= document.getElementById('localVideoTileViewContainer');
|
|
|
|
remoteVideosContainer.insertBefore(container, localVideoContainer);
|
|
|
|
return container;
|
|
};
|
|
|
|
/**
|
|
* Sets the display name for the thumb.
|
|
*/
|
|
SharedVideoThumb.prototype.setDisplayName = function(displayName) {
|
|
if (!this.container) {
|
|
logger.warn(`Unable to set displayName - ${this.videoSpanId
|
|
} does not exist`);
|
|
|
|
return;
|
|
}
|
|
|
|
this.updateDisplayName({
|
|
displayName: displayName || '',
|
|
elementID: `${this.videoSpanId}_name`,
|
|
participantID: this.id
|
|
});
|
|
};
|