diff options
author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2023-02-14 13:57:30 +0100 |
---|---|---|
committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2023-02-15 22:00:45 +0100 |
commit | de75def58cd6faafbdb598dbef6fb12429b8eceb (patch) | |
tree | 431ff944edb98126eab6112de95cd6ecd892166d /src/components/CallView | |
parent | be3a4f2f0fd51fc62454165ba6ce4a9d33ce1e0a (diff) |
Add recording mode for call view
When the call view is shown in recording mode the local participant is
not shown, and there is no visible button to show the grid stripe
either.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
Diffstat (limited to 'src/components/CallView')
-rw-r--r-- | src/components/CallView/CallView.vue | 6 | ||||
-rw-r--r-- | src/components/CallView/Grid/Grid.vue | 10 |
2 files changed, 13 insertions, 3 deletions
diff --git a/src/components/CallView/CallView.vue b/src/components/CallView/CallView.vue index fbf90c8ec..c36e431f5 100644 --- a/src/components/CallView/CallView.vue +++ b/src/components/CallView/CallView.vue @@ -104,6 +104,7 @@ <Grid v-if="!isSidebar" v-bind="$attrs" :is-stripe="!isGrid" + :is-recording="isRecording" :token="token" :fit-video="true" :has-pagination="true" @@ -174,6 +175,11 @@ export default { type: Boolean, default: false, }, + // Determines whether this component is used in the recording view + isRecording: { + type: Boolean, + default: false, + }, }, data() { diff --git a/src/components/CallView/Grid/Grid.vue b/src/components/CallView/Grid/Grid.vue index 8d61a6c20..f2a82cd97 100644 --- a/src/components/CallView/Grid/Grid.vue +++ b/src/components/CallView/Grid/Grid.vue @@ -21,7 +21,7 @@ <template> <div class="grid-main-wrapper" :class="{'is-grid': !isStripe, 'transparent': isLessThanTwoVideos}"> - <button v-if="isStripe" + <button v-if="isStripe && !isRecording" class="stripe--collapse" :aria-label="stripeButtonTooltip" @click="handleClickStripeCollapse"> @@ -88,7 +88,7 @@ class="dev-mode-video--self video" :style="{'background': 'url(' + placeholderImage(8) + ')'}" /> </template> - <LocalVideo v-if="!isStripe && !screenshotMode" + <LocalVideo v-if="!isStripe && !isRecording && !screenshotMode" ref="localVideo" class="video" :is-grid="true" @@ -108,7 +108,7 @@ :size="20" /> </button> </div> - <LocalVideo v-if="isStripe && !screenshotMode" + <LocalVideo v-if="isStripe && !isRecording && !screenshotMode" ref="localVideo" class="video" :is-stripe="true" @@ -243,6 +243,10 @@ export default { type: Boolean, default: false, }, + isRecording: { + type: Boolean, + default: false, + }, callParticipantModels: { type: Array, required: true, |