diff --git a/modules/UI/ring_overlay/RingOverlay.js b/modules/UI/ring_overlay/RingOverlay.js index d7aa47e52..a59b83871 100644 --- a/modules/UI/ring_overlay/RingOverlay.js +++ b/modules/UI/ring_overlay/RingOverlay.js @@ -9,11 +9,11 @@ import UIEvents from "../../../service/UI/UIEvents"; let overlay = null; /** - * Handler for UIEvents.LARGE_VIDEO_AVATAR_DISPLAYED event. + * Handler for UIEvents.LARGE_VIDEO_AVATAR_VISIBLE event. * @param {boolean} shown indicates whether the avatar on the large video is * currently displayed or not. */ -function onAvatarDisplayed(shown) { +function onAvatarVisible(shown) { overlay._changeBackground(shown); } @@ -112,6 +112,9 @@ class RingOverlay { $(`#${this._containerId}`).remove(); } + /** + * Stops the ringing and clears related timers. + */ _stopAudio() { if (this.interval) { clearInterval(this.interval); @@ -144,8 +147,8 @@ export default { } overlay = new RingOverlay(callee, disableRingingSound); - APP.UI.addListener(UIEvents.LARGE_VIDEO_AVATAR_DISPLAYED, - onAvatarDisplayed); + APP.UI.addListener(UIEvents.LARGE_VIDEO_AVATAR_VISIBLE, + onAvatarVisible); }, /** @@ -158,8 +161,8 @@ export default { } overlay.destroy(); overlay = null; - APP.UI.removeListener(UIEvents.LARGE_VIDEO_AVATAR_DISPLAYED, - onAvatarDisplayed); + APP.UI.removeListener(UIEvents.LARGE_VIDEO_AVATAR_VISIBLE, + onAvatarVisible); return true; }, diff --git a/modules/UI/videolayout/VideoContainer.js b/modules/UI/videolayout/VideoContainer.js index f59e43cc0..b91f6542d 100644 --- a/modules/UI/videolayout/VideoContainer.js +++ b/modules/UI/videolayout/VideoContainer.js @@ -397,7 +397,7 @@ export class VideoContainer extends LargeContainer { this.$avatar.css("visibility", show ? "visible" : "hidden"); this.avatarDisplayed = show; - this.emitter.emit(UIEvents.LARGE_VIDEO_AVATAR_DISPLAYED, show); + this.emitter.emit(UIEvents.LARGE_VIDEO_AVATAR_VISIBLE, show); } /** diff --git a/service/UI/UIEvents.js b/service/UI/UIEvents.js index b92f0b4d8..ed2b492e5 100644 --- a/service/UI/UIEvents.js +++ b/service/UI/UIEvents.js @@ -118,8 +118,8 @@ export default { /** * Notifies that the avatar is displayed or not on the largeVideo. */ - LARGE_VIDEO_AVATAR_DISPLAYED: "UI.large_video_avatar_displayed", - + LARGE_VIDEO_AVATAR_VISIBLE: "UI.large_video_avatar_visible", + /** * Toggling room lock */