diff --git a/src/App.vue b/src/App.vue
index b1f65775099..3fc30119db4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -30,7 +30,7 @@
 		</NcAppContent>
 		<RightSidebar :is-in-call="isInCall" />
 		<PreventUnload :when="warnLeaving || isSendingMessages" />
-		<MediaSettings :initialize-on-mounted="false" />
+		<MediaSettings :initialize-on-mounted="false" :recording-consent-given.sync="recordingConsentGiven" />
 		<SettingsDialog />
 		<ConversationSettingsDialog />
 	</NcContent>
@@ -104,6 +104,7 @@ export default {
 			defaultPageTitle: false,
 			loading: false,
 			isRefreshingCurrentConversation: false,
+			recordingConsentGiven: false,
 		}
 	},
 
@@ -220,13 +221,18 @@ export default {
 			this.setPageTitle(this.getConversationName(this.token), this.atLeastOneLastMessageIdChanged)
 		},
 
-		token() {
-			// Collapse the sidebar if it's a 1to1 conversation
+		token(newValue, oldValue) {
+			// Collapse the sidebar if it's a one to one conversation
 			if (this.isOneToOne || BrowserStorage.getItem('sidebarOpen') === 'false' || this.isMobile) {
 				this.$store.dispatch('hideSidebar')
 			} else if (BrowserStorage.getItem('sidebarOpen') === 'true') {
 				this.$store.dispatch('showSidebar')
 			}
+
+			// Reset recording consent if switch doesn't happen within breakout rooms or main room
+			if (!this.isBreakoutRoomsNavigation(oldValue, newValue)) {
+				this.recordingConsentGiven = false
+			}
 		},
 	},
 
@@ -348,6 +354,8 @@ export default {
 						token: params.token,
 						participantIdentifier: this.$store.getters.getParticipantIdentifier(),
 						flags,
+						silent: true,
+						recordingConsent: this.recordingConsentGiven,
 					})
 
 					this.$store.dispatch('setForceCallView', false)
@@ -676,6 +684,38 @@ export default {
 			})
 			document.querySelector('.conversations-search input').focus()
 		},
+
+		/**
+		 * Check if conversation was switched within breakout rooms and parent room.
+		 *
+		 * @param {string} oldToken The old conversation's token
+		 * @param {string} newToken The new conversation's token
+		 * @return {boolean}
+		 */
+		isBreakoutRoomsNavigation(oldToken, newToken) {
+			const oldConversation = this.$store.getters.conversation(oldToken)
+			const newConversation = this.$store.getters.conversation(newToken)
+
+			// One of rooms is undefined
+			if (!oldConversation || !newConversation) {
+				return false
+			}
+
+			// Parent to breakout
+			if (oldConversation.breakoutRoomMode !== CONVERSATION.BREAKOUT_ROOM_MODE.NOT_CONFIGURED
+				&& newConversation.objectType === 'room') {
+				return true
+			}
+
+			// Breakout to parent
+			if (oldConversation.objectType === 'room'
+				&& newConversation.breakoutRoomMode !== CONVERSATION.BREAKOUT_ROOM_MODE.NOT_CONFIGURED) {
+				return true
+			}
+
+			// Breakout to breakout
+			return oldConversation.objectType === 'room' && newConversation.objectType === 'room'
+		}
 	},
 }
 </script>
diff --git a/src/PublicShareAuthSidebar.vue b/src/PublicShareAuthSidebar.vue
index 75fb8b5fcfe..1a81388b45c 100644
--- a/src/PublicShareAuthSidebar.vue
+++ b/src/PublicShareAuthSidebar.vue
@@ -32,6 +32,7 @@
 					:is-sidebar="true" />
 				<CallView :token="token" :is-sidebar="true" />
 				<ChatView />
+				<MediaSettings :initialize-on-mounted="false" :recording-consent-given.sync="recordingConsentGiven" />
 			</template>
 		</aside>
 	</TransitionWrapper>
@@ -39,10 +40,12 @@
 
 <script>
 import { getCurrentUser } from '@nextcloud/auth'
+import { emit } from '@nextcloud/event-bus'
 import { loadState } from '@nextcloud/initial-state'
 
 import CallView from './components/CallView/CallView.vue'
 import ChatView from './components/ChatView.vue'
+import MediaSettings from './components/MediaSettings/MediaSettings.vue'
 import TopBar from './components/TopBar/TopBar.vue'
 import TransitionWrapper from './components/TransitionWrapper.vue'
 
@@ -61,6 +64,7 @@ export default {
 	components: {
 		CallView,
 		ChatView,
+		MediaSettings,
 		TopBar,
 		TransitionWrapper,
 	},
@@ -74,6 +78,7 @@ export default {
 		return {
 			fetchCurrentConversationIntervalId: null,
 			isWaitingToClose: false,
+			recordingConsentGiven: false
 		}
 	},
 
@@ -136,8 +141,9 @@ export default {
 
 			// Joining the call needs to be done once the participant identifier
 			// has been set, which is done once the conversation has been
-			// fetched.
-			this.joinCall()
+			// fetched. MediaSettings are called to set up audio and video devices
+			// and also to give a consent to recording, if set up
+			emit('talk:media-settings:show')
 
 			// FIXME The participant will not be updated with the server data
 			// when the conversation is got again (as "addParticipantOnce" is
@@ -156,14 +162,6 @@ export default {
 			}
 		},
 
-		async joinCall() {
-			await this.$store.dispatch('joinCall', {
-				token: this.token,
-				participantIdentifier: this.$store.getters.getParticipantIdentifier(),
-				silent: false,
-			})
-		},
-
 		async fetchCurrentConversation() {
 			if (!this.token) {
 				return
diff --git a/src/PublicShareSidebar.vue b/src/PublicShareSidebar.vue
index e548dd9bbeb..8d63872002a 100644
--- a/src/PublicShareSidebar.vue
+++ b/src/PublicShareSidebar.vue
@@ -46,7 +46,7 @@
 				<PreventUnload :when="warnLeaving" />
 				<CallButton class="call-button" />
 				<ChatView />
-				<MediaSettings :initialize-on-mounted="false" />
+				<MediaSettings :initialize-on-mounted="false" :recording-consent-given.sync="recordingConsentGiven" />
 			</template>
 		</aside>
 	</TransitionWrapper>
@@ -125,6 +125,7 @@ export default {
 		return {
 			fetchCurrentConversationIntervalId: null,
 			joiningConversation: false,
+			recordingConsentGiven: false,
 		}
 	},
 
diff --git a/src/components/AdminSettings/RecordingServers.vue b/src/components/AdminSettings/RecordingServers.vue
index f776a72a632..68dfa6628f3 100644
--- a/src/components/AdminSettings/RecordingServers.vue
+++ b/src/components/AdminSettings/RecordingServers.vue
@@ -65,6 +65,26 @@
 			:label="t('spreed', 'Shared secret')"
 			label-visible
 			@update:value="updateSecret" />
+
+		<template v-if="servers.length && recordingConsentCapability">
+			<h3>{{ t('spreed', 'Recording consent') }}</h3>
+
+			<template v-for="level in recordingConsentOptions">
+				<NcCheckboxRadioSwitch :key="level.value + '_radio'"
+					:value="level.value.toString()"
+					:checked.sync="recordingConsentSelected"
+					name="recording-consent"
+					type="radio"
+					:disabled="loading"
+					@update:checked="setRecordingConsent">
+					{{ level.label }}
+				</NcCheckboxRadioSwitch>
+
+				<p :key="level.value + '_description'" class="consent-description">
+					{{ getRecordingConsentDescription(level.value) }}
+				</p>
+			</template>
+		</template>
 	</section>
 </template>
 
@@ -73,22 +93,33 @@ import debounce from 'debounce'
 
 import Plus from 'vue-material-design-icons/Plus.vue'
 
+import { getCapabilities } from '@nextcloud/capabilities'
 import { showSuccess } from '@nextcloud/dialogs'
 import { formatFileSize } from '@nextcloud/files'
 import { loadState } from '@nextcloud/initial-state'
 
 import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
+import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
 import NcNoteCard from '@nextcloud/vue/dist/Components/NcNoteCard.js'
 import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js'
 
 import RecordingServer from '../../components/AdminSettings/RecordingServer.vue'
+import { CALL } from '../../constants.js'
 import TransitionWrapper from '../TransitionWrapper.vue'
 
+const recordingConsentCapability = getCapabilities()?.spreed?.features?.includes('recording-consent')
+const recordingConsentOptions = [
+	{ value: CALL.RECORDING_CONSENT.OFF, label: t('spreed', 'Disabled for all calls') },
+	{ value: CALL.RECORDING_CONSENT.REQUIRED, label: t('spreed', 'Enabled for all calls') },
+	{ value: CALL.RECORDING_CONSENT.OPTIONAL, label: t('spreed', 'Configurable on conversation level by moderators') },
+]
+
 export default {
 	name: 'RecordingServers',
 
 	components: {
 		NcButton,
+		NcCheckboxRadioSwitch,
 		NcNoteCard,
 		NcTextField,
 		Plus,
@@ -96,6 +127,13 @@ export default {
 		TransitionWrapper,
 	},
 
+	setup() {
+		return {
+			recordingConsentCapability,
+			recordingConsentOptions,
+		}
+	},
+
 	data() {
 		return {
 			servers: [],
@@ -103,6 +141,7 @@ export default {
 			uploadLimit: 0,
 			loading: false,
 			saved: false,
+			recordingConsentSelected: loadState('spreed', 'recording_consent').toString(),
 		}
 	},
 
@@ -164,6 +203,27 @@ export default {
 			})
 		},
 
+		setRecordingConsent(value) {
+			this.loading = true
+			OCP.AppConfig.setValue('spreed', 'recording_consent', value, {
+				success: function() {
+					this.loading = false
+				}.bind(this),
+			})
+		},
+
+		getRecordingConsentDescription(value) {
+			switch (value) {
+			case CALL.RECORDING_CONSENT.OPTIONAL:
+				return t('spreed', 'Moderators will be allowed to enable consent on conversation level. The consent to be recorded will be required for each participant before joining every call in this conversation.')
+			case CALL.RECORDING_CONSENT.REQUIRED:
+				return t('spreed', 'The consent to be recorded will be required for each participant before joining every call.')
+			case CALL.RECORDING_CONSENT.OFF:
+			default:
+				return t('spreed', 'The consent to be recorded is not required.')
+			}
+		},
+
 		toggleSave() {
 			this.saved = true
 			setTimeout(() => {
@@ -182,4 +242,14 @@ export default {
 .additional-top-margin {
 	margin-top: 10px;
 }
+
+h3 {
+	margin-top: 24px;
+	font-weight: 600;
+}
+
+.consent-description {
+	margin-bottom: 12px;
+	opacity: 0.7;
+}
 </style>
diff --git a/src/components/ConversationSettings/ConversationSettingsDialog.vue b/src/components/ConversationSettings/ConversationSettingsDialog.vue
index 9c5db5f2669..68b51322807 100644
--- a/src/components/ConversationSettings/ConversationSettingsDialog.vue
+++ b/src/components/ConversationSettings/ConversationSettingsDialog.vue
@@ -38,11 +38,15 @@
 			<NcAppSettingsSection v-if="!isNoteToSelf"
 				id="notifications"
 				:name="t('spreed', 'Personal')">
-				<NcCheckboxRadioSwitch :checked.sync="showMediaSettings"
-					type="switch">
+				<NcCheckboxRadioSwitch type="switch"
+					:disabled="recordingConsentRequired"
+					:checked="showMediaSettings"
+					@update:checked="setShowMediaSettings">
 					{{ t('spreed', 'Always show the device preview screen before joining a call in this conversation.') }}
 				</NcCheckboxRadioSwitch>
-
+				<p v-if="recordingConsentRequired">
+					{{ t('spreed', 'The consent to be recorded will be required for each participant before joining every call.') }}
+				</p>
 				<NotificationsSettings :conversation="conversation" />
 			</NcAppSettingsSection>
 
@@ -50,6 +54,7 @@
 				:name="canFullModerate ? t('spreed', 'Moderation') : t('spreed', 'Setup overview')">
 				<ListableSettings v-if="!isNoteToSelf && !isGuest" :token="token" :can-full-moderate="canFullModerate" />
 				<LinkShareSettings v-if="!isNoteToSelf" :token="token" :can-full-moderate="canFullModerate" />
+				<RecordingConsentSettings v-if="!isNoteToSelf && recordingConsentAvailable" :token="token" :can-full-moderate="canFullModerate" />
 				<ExpirationSettings :token="token" :can-full-moderate="canFullModerate" />
 			</NcAppSettingsSection>
 
@@ -123,10 +128,15 @@ import LobbySettings from './LobbySettings.vue'
 import LockingSettings from './LockingSettings.vue'
 import MatterbridgeSettings from './Matterbridge/MatterbridgeSettings.vue'
 import NotificationsSettings from './NotificationsSettings.vue'
+import RecordingConsentSettings from './RecordingConsentSettings.vue'
 import SipSettings from './SipSettings.vue'
 
-import { PARTICIPANT, CONVERSATION } from '../../constants.js'
-import BrowserStorage from '../../services/BrowserStorage.js'
+import { CALL, PARTICIPANT, CONVERSATION } from '../../constants.js'
+import { useSettingsStore } from '../../stores/settings.js'
+
+const recordingEnabled = getCapabilities()?.spreed?.config?.call?.recording || false
+const recordingConsentCapability = getCapabilities()?.spreed?.features?.includes('recording-consent')
+const recordingConsent = getCapabilities()?.spreed?.config?.call?.['recording-consent'] !== CALL.RECORDING_CONSENT.OFF
 
 export default {
 	name: 'ConversationSettingsDialog',
@@ -147,14 +157,19 @@ export default {
 		NcAppSettingsSection,
 		NcCheckboxRadioSwitch,
 		NotificationsSettings,
+		RecordingConsentSettings,
 		SipSettings,
 	},
 
+	setup() {
+		const settingsStore = useSettingsStore()
+		return { settingsStore }
+	},
+
 	data() {
 		return {
 			showSettings: false,
 			matterbridgeEnabled: loadState('spreed', 'enable_matterbridge'),
-			showMediaSettings: false,
 		}
 	},
 
@@ -180,6 +195,10 @@ export default {
 				|| this.$store.getters.getToken()
 		},
 
+		showMediaSettings() {
+			return this.settingsStore.getShowMediaSettings(this.token)
+		},
+
 		conversation() {
 			return this.$store.getters.conversation(this.token) || this.$store.getters.dummyConversation
 		},
@@ -229,24 +248,25 @@ export default {
 				&& breakoutRoomsEnabled
 				&& this.conversation.type === CONVERSATION.TYPE.GROUP
 		},
-	},
 
-	watch: {
-		showMediaSettings(newValue) {
-			const browserValue = newValue ? 'true' : 'false'
-			BrowserStorage.setItem('showMediaSettings' + this.token, browserValue)
+		recordingConsentAvailable() {
+			return recordingEnabled && recordingConsentCapability && recordingConsent
 		},
+
+		recordingConsentRequired() {
+			return this.conversation.recordingConsent === CALL.RECORDING_CONSENT.REQUIRED
+		}
 	},
 
 	mounted() {
 		subscribe('show-conversation-settings', this.handleShowSettings)
 		subscribe('hide-conversation-settings', this.handleHideSettings)
 
-		/**
-		 * Get the MediaSettings value from the browser storage.
-		 */
-		this.showMediaSettings = BrowserStorage.getItem('showMediaSettings' + this.token) === null
-			|| BrowserStorage.getItem('showMediaSettings' + this.token) === 'true'
+	},
+
+	beforeDestroy() {
+		unsubscribe('show-conversation-settings', this.handleShowSettings)
+		unsubscribe('hide-conversation-settings', this.handleHideSettings)
 	},
 
 	methods: {
@@ -260,10 +280,9 @@ export default {
 			this.$store.dispatch('updateConversationSettingsToken', '')
 		},
 
-		beforeDestroy() {
-			unsubscribe('show-conversation-settings', this.handleShowSettings)
-			unsubscribe('hide-conversation-settings', this.handleHideSettings)
-		},
+		setShowMediaSettings(newValue) {
+			this.settingsStore.setShowMediaSettings(this.token, newValue)
+		}
 	},
 }
 </script>
diff --git a/src/components/ConversationSettings/RecordingConsentSettings.vue b/src/components/ConversationSettings/RecordingConsentSettings.vue
new file mode 100644
index 00000000000..09cd9729e16
--- /dev/null
+++ b/src/components/ConversationSettings/RecordingConsentSettings.vue
@@ -0,0 +1,123 @@
+<!--
+  - @copyright Copyright (c) 2023 Maksim Sukharev <antreesy.web@gmail.com>
+  -
+  - @author Maksim Sukharev <antreesy.web@gmail.com>
+  -
+  - @license AGPL-3.0-or-later
+  -
+  - This program is free software: you can redistribute it and/or modify
+  - it under the terms of the GNU Affero General Public License as
+  - published by the Free Software Foundation, either version 3 of the
+  - License, or (at your option) any later version.
+  -
+  - This program is distributed in the hope that it will be useful,
+  - but WITHOUT ANY WARRANTY; without even the implied warranty of
+  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+  - GNU Affero General Public License for more details.
+  -
+  - You should have received a copy of the GNU Affero General Public License
+  - along with this program. If not, see <http://www.gnu.org/licenses/>.
+-->
+
+<template>
+	<div class="app-settings-subsection">
+		<h4 class="app-settings-section__subtitle">
+			{{ t('spreed', 'Recording Consent') }}
+		</h4>
+		<NcCheckboxRadioSwitch v-if="canFullModerate && !isGlobalConsent"
+			type="switch"
+			:checked.sync="recordingConsentSelected"
+			:disabled="disabled"
+			@update:checked="setRecordingConsent">
+			{{ t('spreed', 'Require recording consent before joining call in this conversation') }}
+		</NcCheckboxRadioSwitch>
+		<p v-else-if="isGlobalConsent">
+			{{ t('spreed', 'Recording consent is required for all calls') }}
+		</p>
+		<p v-else>
+			{{ summaryLabel }}
+		</p>
+	</div>
+</template>
+
+<script>
+import { showError, showSuccess } from '@nextcloud/dialogs'
+
+import NcCheckboxRadioSwitch from '@nextcloud/vue/dist/Components/NcCheckboxRadioSwitch.js'
+
+import { CALL } from '../../constants.js'
+import { getCapabilities } from '@nextcloud/capabilities'
+
+const recordingConsent = getCapabilities()?.spreed?.config?.call?.['recording-consent']
+
+export default {
+	name: 'RecordingConsentSettings',
+
+	components: {
+		NcCheckboxRadioSwitch,
+	},
+
+	props: {
+		token: {
+			type: String,
+			default: null,
+		},
+
+		canFullModerate: {
+			type: Boolean,
+			default: true,
+		},
+	},
+
+	data() {
+		return {
+			loading: false,
+			recordingConsentSelected: !!CALL.RECORDING_CONSENT.OFF,
+		}
+	},
+
+	computed: {
+		conversation() {
+			return this.$store.getters.conversation(this.token) || this.$store.getters.dummyConversation
+		},
+
+		isGlobalConsent() {
+			return recordingConsent === CALL.RECORDING_CONSENT.REQUIRED
+		},
+
+		disabled() {
+			return this.loading || this.conversation.hasCall
+		},
+
+		summaryLabel() {
+			return this.conversation.recordingConsent === CALL.RECORDING_CONSENT.REQUIRED
+				? t('spreed', 'Recording consent is required for calls in this conversation')
+				: t('spreed', 'Recording consent is not required for calls in this conversation')
+		},
+	},
+
+	mounted() {
+		this.recordingConsentSelected = !!this.conversation.recordingConsent
+	},
+
+	methods: {
+		async setRecordingConsent(value) {
+			this.loading = true
+			try {
+				await this.$store.dispatch('setRecordingConsent', {
+					token: this.token,
+					state: value ? CALL.RECORDING_CONSENT.REQUIRED : CALL.RECORDING_CONSENT.OFF,
+				})
+				showSuccess(t('spreed', 'Recording consent requirement was updated'))
+			} catch (error) {
+				showError(t('spreed', 'Error occurred while updating recording consent'))
+				console.error(error)
+			}
+			this.loading = false
+		},
+	},
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
diff --git a/src/components/MediaDevicesSelector.vue b/src/components/MediaDevicesSelector.vue
index 97299bb8ade..488db26173d 100644
--- a/src/components/MediaDevicesSelector.vue
+++ b/src/components/MediaDevicesSelector.vue
@@ -200,7 +200,7 @@ export default {
 <style lang="scss" scoped>
 .media-devices-selector {
 	display: flex;
-	margin: 16px 8px 16px 4px;
+	margin: 16px 0;
 	&__icon {
 		display: flex;
 		justify-content: flex-start;
diff --git a/src/components/MediaSettings/MediaSettings.vue b/src/components/MediaSettings/MediaSettings.vue
index 9e183e363b5..4f290759a21 100644
--- a/src/components/MediaSettings/MediaSettings.vue
+++ b/src/components/MediaSettings/MediaSettings.vue
@@ -120,7 +120,10 @@
 				@update-background="handleUpdateVirtualBackground" />
 
 			<!-- "Always show" setting -->
-			<NcCheckboxRadioSwitch :checked.sync="showMediaSettings" class="checkbox">
+			<NcCheckboxRadioSwitch class="checkbox"
+				:checked="showMediaSettings || showRecordingWarning"
+				:disabled="showRecordingWarning"
+				@update:checked="setShowMediaSettings">
 				{{ t('spreed', 'Always show preview for this conversation') }}
 			</NcCheckboxRadioSwitch>
 
@@ -132,8 +135,23 @@
 			</NcCheckboxRadioSwitch>
 
 			<!-- Recording warning -->
-			<NcNoteCard v-else-if="isStartingRecording || isRecording" type="warning">
-				<p>{{ t('spreed', 'The call is being recorded.') }}</p>
+			<NcNoteCard v-if="showRecordingWarning" type="warning">
+				<p v-if="isCurrentlyRecording">
+					<strong>{{ t('spreed', 'The call is being recorded.') }}</strong>
+				</p>
+				<p v-else>
+					<strong>{{ t('spreed', 'The call might be recorded.') }}</strong>
+				</p>
+				<template v-if="isRecordingConsentRequired">
+					<p>
+						{{ t('spreed', 'The recording might include your voice, video from camera, and screen share. Your consent is required before joining the call.') }}
+					</p>
+					<NcCheckboxRadioSwitch class="checkbox--warning"
+						:checked="recordingConsentGiven"
+						@update:checked="setRecordingConsentGiven">
+						{{ t('spreed', 'Give consent to the recording of this call') }}
+					</NcCheckboxRadioSwitch>
+				</template>
 			</NcNoteCard>
 
 			<!-- buttons bar at the bottom -->
@@ -169,7 +187,9 @@
 				<CallButton v-if="!isInCall"
 					class="call-button"
 					is-media-settings
-					:is-recording-from-start.sync="isRecordingFromStart"
+					:is-recording-from-start="isRecordingFromStart"
+					:disabled="isRecordingConsentRequired && !recordingConsentGiven"
+					:recording-consent-given="recordingConsentGiven"
 					:silent-call="silentCall" />
 				<NcButton v-else-if="showUpdateChangesButton" @click="closeModalAndApplySettings">
 					{{ t('spreed', 'Apply settings') }}
@@ -211,9 +231,11 @@ import { devices } from '../../mixins/devices.js'
 import isInLobby from '../../mixins/isInLobby.js'
 import BrowserStorage from '../../services/BrowserStorage.js'
 import { useGuestNameStore } from '../../stores/guestName.js'
+import { useSettingsStore } from '../../stores/settings.js'
 import { localMediaModel } from '../../utils/webrtc/index.js'
 
 const recordingEnabled = getCapabilities()?.spreed?.config?.call?.recording || false
+const recordingConsent = getCapabilities()?.spreed?.config?.call?.['recording-consent']
 
 export default {
 	name: 'MediaSettings',
@@ -245,10 +267,20 @@ export default {
 
 	mixins: [devices, isInLobby],
 
+	props: {
+		recordingConsentGiven: {
+			type: Boolean,
+			default: false
+		}
+	},
+
+	emits: ['update:recording-consent-given'],
+
 	setup() {
 		const isInCall = useIsInCall()
 		const guestNameStore = useGuestNameStore()
-		return { AVATAR, isInCall, guestNameStore }
+		const settingsStore = useSettingsStore()
+		return { AVATAR, isInCall, guestNameStore, settingsStore }
 	},
 
 	data() {
@@ -258,7 +290,6 @@ export default {
 			tabContent: 'none',
 			audioOn: undefined,
 			videoOn: undefined,
-			showMediaSettings: true,
 			silentCall: false,
 			updatedBackground: undefined,
 			deviceIdChanged: false,
@@ -296,6 +327,10 @@ export default {
 			return this.$store.getters.getToken()
 		},
 
+		showMediaSettings() {
+			return this.settingsStore.getShowMediaSettings(this.token)
+		},
+
 		showVideo() {
 			return this.videoPreviewAvailable && this.videoOn
 		},
@@ -322,14 +357,9 @@ export default {
 			return this.conversation.hasCall || this.conversation.hasCallOverwrittenByChat
 		},
 
-		isStartingRecording() {
-			return this.conversation.callRecording === CALL.RECORDING.VIDEO_STARTING
-				|| this.conversation.callRecording === CALL.RECORDING.AUDIO_STARTING
-		},
-
-		isRecording() {
-			return this.conversation.callRecording === CALL.RECORDING.VIDEO
-				|| this.conversation.callRecording === CALL.RECORDING.AUDIO
+		isCurrentlyRecording() {
+			return [CALL.RECORDING.VIDEO_STARTING, CALL.RECORDING.AUDIO_STARTING,
+				CALL.RECORDING.VIDEO, CALL.RECORDING.AUDIO].includes(this.conversation.callRecording)
 		},
 
 		canFullModerate() {
@@ -341,6 +371,15 @@ export default {
 			return this.canFullModerate && recordingEnabled
 		},
 
+		isRecordingConsentRequired() {
+			return recordingConsent === CALL.RECORDING_CONSENT.REQUIRED
+				|| (recordingConsent === CALL.RECORDING_CONSENT.OPTIONAL && this.conversation.recordingConsent === CALL.RECORDING_CONSENT.REQUIRED)
+		},
+
+		showRecordingWarning() {
+			return !this.isInCall && (this.isCurrentlyRecording || this.isRecordingConsentRequired)
+		},
+
 		showSilentCallOption() {
 			return !(this.hasCall && !this.isInLobby)
 		},
@@ -356,6 +395,7 @@ export default {
 		isVirtualBackgroundAvailable() {
 			return this.virtualBackground.isAvailable()
 		},
+
 		showUpdateChangesButton() {
 			return this.updatedBackground || this.deviceIdChanged || this.audioDeviceStateChanged
 				|| this.videoDeviceStateChanged
@@ -383,14 +423,6 @@ export default {
 			}
 		},
 
-		showMediaSettings(newValue) {
-			if (newValue) {
-				BrowserStorage.setItem('showMediaSettings' + this.token, 'true')
-			} else {
-				BrowserStorage.setItem('showMediaSettings' + this.token, 'false')
-			}
-		},
-
 		audioInputId(audioInputId) {
 			this.deviceIdChanged = true
 			if (this.showDeviceSelection && audioInputId && !this.audioOn) {
@@ -404,6 +436,10 @@ export default {
 				this.toggleVideo()
 			}
 		},
+
+		isRecordingFromStart(value) {
+			this.setRecordingConsentGiven(value)
+		},
 	},
 
 	mounted() {
@@ -565,18 +601,21 @@ export default {
 				this.tabContent = 'none'
 			}
 		},
+
+		setShowMediaSettings(newValue) {
+			this.settingsStore.setShowMediaSettings(this.token, newValue)
+		},
+
+		setRecordingConsentGiven(value) {
+			this.$emit('update:recording-consent-given', value)
+		}
 	},
 }
 </script>
 
 <style lang="scss" scoped>
 .media-settings {
-	padding: calc(var(--default-grid-baseline) * 4);
-	background-color: var(--color-main-background);
-	overflow-y: auto;
-	overflow-x: hidden;
-	margin: auto;
-	width: 100%;
+	padding: calc(var(--default-grid-baseline) * 5);
 
 	&__title {
 		text-align: center;
@@ -591,8 +630,8 @@ export default {
 		overflow: hidden;
 		border-radius: calc(var(--default-grid-baseline) * 3);
 		background-color: var(--color-loading-dark);
-		height: 300px;
-		width: 400px;
+		width: 100%;
+		aspect-ratio: 4/3;
 	}
 
 	&__toggles-wrapper {
@@ -658,6 +697,13 @@ export default {
 	display: flex;
 	justify-content: center;
 	margin: calc(var(--default-grid-baseline) * 2);
+
+	&--warning {
+		&:focus-within :deep(.checkbox-radio-switch__label),
+		& :deep(.checkbox-radio-switch__label:hover) {
+			background-color: var(--note-background) !important;
+		}
+	}
 }
 
 :deep(.modal-container) {
diff --git a/src/components/MediaSettings/VideoBackgroundEditor.vue b/src/components/MediaSettings/VideoBackgroundEditor.vue
index e098ef8b662..f4c578d9d20 100644
--- a/src/components/MediaSettings/VideoBackgroundEditor.vue
+++ b/src/components/MediaSettings/VideoBackgroundEditor.vue
@@ -286,21 +286,21 @@ export default {
 
 <style scoped lang="scss">
 .background-editor {
-	display: flex;
-	flex-wrap: wrap;
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
 	gap: calc(var(--default-grid-baseline) * 2);
 	margin-top: calc(var(--default-grid-baseline) * 2);
 
 	&__element {
 		border: none;
-		margin: 0;
+		margin: 0 !important;
 		border-radius: calc(var(--border-radius-large)* 1.5);
-		background: #1cafff2e;
 		height: calc(var(--default-grid-baseline) * 16);
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
 		align-items: center;
+		background-color: #1cafff2e;
 		background-size: cover;
 		background-position: center;
 		flex: 1 0 108px;
diff --git a/src/components/TopBar/CallButton.vue b/src/components/TopBar/CallButton.vue
index ea26bcd0cb5..a7b72b5e72d 100644
--- a/src/components/TopBar/CallButton.vue
+++ b/src/components/TopBar/CallButton.vue
@@ -100,8 +100,8 @@ import { CALL, CONVERSATION, PARTICIPANT } from '../../constants.js'
 import browserCheck from '../../mixins/browserCheck.js'
 import isInLobby from '../../mixins/isInLobby.js'
 import participant from '../../mixins/participant.js'
-import BrowserStorage from '../../services/BrowserStorage.js'
 import { EventBus } from '../../services/EventBus.js'
+import { useSettingsStore } from '../../stores/settings.js'
 
 export default {
 	name: 'CallButton',
@@ -127,6 +127,11 @@ export default {
 	],
 
 	props: {
+		disabled: {
+			type: Boolean,
+			default: false,
+		},
+
 		/**
 		 * Whether the component is used in MediaSettings or not
 		 * (when click will directly start a call)
@@ -148,12 +153,18 @@ export default {
 		isRecordingFromStart: {
 			type: Boolean,
 			default: false,
-		}
+		},
+
+		recordingConsentGiven: {
+			type: Boolean,
+			default: false,
+		},
 	},
 
 	setup() {
 		const isInCall = useIsInCall()
-		return { isInCall }
+		const settingsStore = useSettingsStore()
+		return { isInCall, settingsStore }
 	},
 
 	data() {
@@ -177,14 +188,14 @@ export default {
 			return this.$store.getters.conversation(this.token) || this.$store.getters.dummyConversation
 		},
 
-		isStartingRecording() {
-			return this.conversation.callRecording === CALL.RECORDING.VIDEO_STARTING
-				|| this.conversation.callRecording === CALL.RECORDING.AUDIO_STARTING
+		showRecordingWarning() {
+			return [CALL.RECORDING.VIDEO_STARTING, CALL.RECORDING.AUDIO_STARTING,
+				CALL.RECORDING.VIDEO, CALL.RECORDING.AUDIO].includes(this.conversation.callRecording)
+			|| this.conversation.recordingConsent === CALL.RECORDING_CONSENT.REQUIRED
 		},
 
-		isRecording() {
-			return this.conversation.callRecording === CALL.RECORDING.VIDEO
-				|| this.conversation.callRecording === CALL.RECORDING.AUDIO
+		showMediaSettings() {
+			return this.settingsStore.getShowMediaSettings(this.token)
 		},
 
 		participantType() {
@@ -203,8 +214,8 @@ export default {
 		},
 
 		startCallButtonDisabled() {
-			return (!this.conversation.canStartCall
-					&& !this.hasCall)
+			return this.disabled
+				|| (!this.conversation.canStartCall && !this.hasCall)
 				|| this.isInLobby
 				|| this.conversation.readOnly
 				|| this.isNextcloudTalkHashDirty
@@ -311,6 +322,7 @@ export default {
 				participantIdentifier: this.$store.getters.getParticipantIdentifier(),
 				flags,
 				silent: this.hasCall ? true : this.silentCall,
+				recordingConsent: this.recordingConsentGiven,
 			})
 			this.loading = false
 
@@ -355,11 +367,7 @@ export default {
 				return
 			}
 
-			const showMediaSettings = BrowserStorage.getItem('showMediaSettings' + this.token)
-			const shouldShowMediaSettingsScreen = (showMediaSettings === null || showMediaSettings === 'true')
-			console.debug('showMediaSettings:', shouldShowMediaSettingsScreen)
-
-			if (this.isStartingRecording || this.isRecording || shouldShowMediaSettingsScreen) {
+			if (this.showRecordingWarning || this.showMediaSettings) {
 				emit('talk:media-settings:show')
 			} else {
 				emit('talk:media-settings:hide')
diff --git a/src/components/TopBar/TopBarMenu.vue b/src/components/TopBar/TopBarMenu.vue
index 19d29c5bdbe..198e767ef7d 100644
--- a/src/components/TopBar/TopBarMenu.vue
+++ b/src/components/TopBar/TopBarMenu.vue
@@ -71,7 +71,7 @@
 
 				<!-- Device settings -->
 				<NcActionButton close-after-click
-					@click="showMediaSettings">
+					@click="showMediaSettingsDialog">
 					<template #icon>
 						<VideoIcon :size="20" />
 					</template>
@@ -446,7 +446,7 @@ export default {
 			this.$store.dispatch('selectedVideoPeerId', null)
 		},
 
-		showMediaSettings() {
+		showMediaSettingsDialog() {
 			emit('talk:media-settings:show')
 		},
 
diff --git a/src/constants.js b/src/constants.js
index 7834b052602..f05e998c10f 100644
--- a/src/constants.js
+++ b/src/constants.js
@@ -46,6 +46,11 @@ export const CALL = {
 		AUDIO_STARTING: 4,
 		FAILED: 5,
 	},
+	RECORDING_CONSENT: {
+		OFF: 0,
+		REQUIRED: 1,
+		OPTIONAL: 2,
+	},
 }
 
 export const CONVERSATION = {
diff --git a/src/services/callsService.js b/src/services/callsService.js
index 3a83d5c8b9d..199883ba375 100644
--- a/src/services/callsService.js
+++ b/src/services/callsService.js
@@ -43,11 +43,12 @@ import {
  * @param {number} flags The available PARTICIPANT.CALL_FLAG for this participants
  * @param {boolean} silent Whether the call should trigger a notifications and
  * sound for other participants or not
+ * @param {boolean} recordingConsent Whether the participant gave his consent to be recorded
  * @return {number} The actual flags based on the available media
  */
-const joinCall = async function(token, flags, silent) {
+const joinCall = async function(token, flags, silent, recordingConsent) {
 	try {
-		return await signalingJoinCall(token, flags, silent)
+		return await signalingJoinCall(token, flags, silent, recordingConsent)
 	} catch (error) {
 		console.debug('Error while joining call: ', error)
 	}
diff --git a/src/services/conversationsService.js b/src/services/conversationsService.js
index 28d5a718931..bb49ff083ac 100644
--- a/src/services/conversationsService.js
+++ b/src/services/conversationsService.js
@@ -326,6 +326,18 @@ const setSIPEnabled = async function(token, newState) {
 	})
 }
 
+/**
+ * Change the recording consent per conversation
+ *
+ * @param {string} token The token of the conversation to be modified
+ * @param {number} newState The new recording consent state to set
+ */
+const setRecordingConsent = async function(token, newState) {
+	return axios.put(generateOcsUrl('apps/spreed/api/v4/room/{token}/recording-consent', { token }), {
+		recordingConsent: newState,
+	})
+}
+
 /**
  * Change the lobby state
  *
@@ -461,6 +473,7 @@ export {
 	makePublic,
 	makePrivate,
 	setSIPEnabled,
+	setRecordingConsent,
 	changeLobbyState,
 	changeReadOnlyState,
 	changeListable,
diff --git a/src/store/conversationsStore.js b/src/store/conversationsStore.js
index 62bbee38184..06beea3d921 100644
--- a/src/store/conversationsStore.js
+++ b/src/store/conversationsStore.js
@@ -36,6 +36,7 @@ import {
 	makePublic,
 	makePrivate,
 	setSIPEnabled,
+	setRecordingConsent,
 	changeLobbyState,
 	changeReadOnlyState,
 	changeListable,
@@ -565,6 +566,18 @@ const actions = {
 		commit('addConversation', conversation)
 	},
 
+	async setRecordingConsent({ commit, getters }, { token, state }) {
+		if (!getters.conversations[token]) {
+			return
+		}
+
+		await setRecordingConsent(token, state)
+
+		const conversation = Object.assign({}, getters.conversations[token], { recordingConsent: state })
+
+		commit('addConversation', conversation)
+	},
+
 	async setConversationProperties({ commit, getters }, { token, properties }) {
 		if (!getters.conversations[token]) {
 			return
diff --git a/src/store/participantsStore.js b/src/store/participantsStore.js
index 40fe7a6b3cd..9e5e54e4d62 100644
--- a/src/store/participantsStore.js
+++ b/src/store/participantsStore.js
@@ -627,7 +627,7 @@ const actions = {
 		return false
 	},
 
-	async joinCall({ commit, getters }, { token, participantIdentifier, flags, silent }) {
+	async joinCall({ commit, getters }, { token, participantIdentifier, flags, silent, recordingConsent }) {
 		if (!participantIdentifier?.sessionId) {
 			console.error('Trying to join call without sessionId')
 			return
@@ -645,7 +645,7 @@ const actions = {
 			flags,
 		})
 
-		const actualFlags = await joinCall(token, flags, silent)
+		const actualFlags = await joinCall(token, flags, silent, recordingConsent)
 
 		const updatedData = {
 			inCall: actualFlags,
diff --git a/src/store/participantsStore.spec.js b/src/store/participantsStore.spec.js
index d01d4e269c7..f305f9cc66c 100644
--- a/src/store/participantsStore.spec.js
+++ b/src/store/participantsStore.spec.js
@@ -521,12 +521,13 @@ describe('participantsStore', () => {
 				},
 				flags,
 				silent: false,
+				recordingConsent: false,
 			})
 		})
 
 		test('joins call', async () => {
 			// Assert
-			expect(joinCall).toHaveBeenCalledWith(TOKEN, flags, false)
+			expect(joinCall).toHaveBeenCalledWith(TOKEN, flags, false, false)
 			expect(store.getters.isInCall(TOKEN)).toBe(true)
 			expect(store.getters.isConnecting(TOKEN)).toBe(true)
 			expect(store.getters.participantsList(TOKEN)).toStrictEqual([
diff --git a/src/stores/__tests__/settings.spec.js b/src/stores/__tests__/settings.spec.js
index 1c8b687a56e..7ca4414e6cd 100644
--- a/src/stores/__tests__/settings.spec.js
+++ b/src/stores/__tests__/settings.spec.js
@@ -3,6 +3,7 @@ import { setActivePinia, createPinia } from 'pinia'
 import { loadState } from '@nextcloud/initial-state'
 
 import { PRIVACY } from '../../constants.js'
+import BrowserStorage from '../../services/BrowserStorage.js'
 import { setReadStatusPrivacy, setTypingStatusPrivacy } from '../../services/settingsService.js'
 import { generateOCSResponse } from '../../test-helpers.js'
 import { useSettingsStore } from '../settings.js'
@@ -12,6 +13,11 @@ jest.mock('../../services/settingsService', () => ({
 	setTypingStatusPrivacy: jest.fn(),
 }))
 
+jest.mock('../../services/BrowserStorage.js', () => ({
+	getItem: jest.fn(),
+	setItem: jest.fn(),
+}))
+
 describe('settingsStore', () => {
 	let settingsStore
 
@@ -25,24 +31,81 @@ describe('settingsStore', () => {
 		jest.clearAllMocks()
 	})
 
-	it('shows correct loaded values for statuses', () => {
-		// Assert
-		expect(settingsStore.readStatusPrivacy).toBe(PRIVACY.PUBLIC)
-		expect(settingsStore.typingStatusPrivacy).toBe(PRIVACY.PUBLIC)
+	describe('reading and typing statuses', () => {
+		it('shows correct loaded values for statuses', () => {
+			// Assert
+			expect(settingsStore.readStatusPrivacy).toBe(PRIVACY.PUBLIC)
+			expect(settingsStore.typingStatusPrivacy).toBe(PRIVACY.PUBLIC)
+		})
+
+		it('updates statuses correctly', async () => {
+			// Arrange
+			const response = generateOCSResponse({ payload: [] })
+			setReadStatusPrivacy.mockResolvedValueOnce(response)
+			setTypingStatusPrivacy.mockResolvedValueOnce(response)
+
+			// Act: update read status and typing status privacy
+			await settingsStore.updateReadStatusPrivacy(PRIVACY.PRIVATE)
+			await settingsStore.updateTypingStatusPrivacy(PRIVACY.PRIVATE)
+
+			// Assert
+			expect(settingsStore.readStatusPrivacy).toBe(PRIVACY.PRIVATE)
+			expect(settingsStore.typingStatusPrivacy).toBe(PRIVACY.PRIVATE)
+		})
 	})
 
-	it('updates statuses correctly', async () => {
-		// Arrange
-		const response = generateOCSResponse({ payload: [] })
-		setReadStatusPrivacy.mockResolvedValueOnce(response)
-		setTypingStatusPrivacy.mockResolvedValueOnce(response)
+	describe('media settings dialog', () => {
+		it('shows correct stored values for conversations', () => {
+			// Arrange
+			settingsStore.showMediaSettings['token-1'] = true
+			settingsStore.showMediaSettings['token-2'] = false
+
+			// Act
+			const results = [settingsStore.getShowMediaSettings('token-1'),
+				settingsStore.getShowMediaSettings('token-2')]
+
+			// Assert
+			expect(results).toEqual([true, false])
+			expect(BrowserStorage.getItem).not.toHaveBeenCalled()
+		})
+
+		it('shows correct values received from BrowserStorage', () => {
+			// Arrange
+			BrowserStorage.getItem
+				.mockReturnValueOnce(null)
+				.mockReturnValueOnce('true')
+				.mockReturnValueOnce('false')
+
+			// Act
+			const results = [settingsStore.getShowMediaSettings('token-1'),
+				settingsStore.getShowMediaSettings('token-2'),
+				settingsStore.getShowMediaSettings('token-3'),]
+
+			// Assert
+			expect(results).toEqual([true, true, false])
+			expect(BrowserStorage.getItem).toHaveBeenCalledTimes(3)
+			expect(BrowserStorage.getItem).toHaveBeenNthCalledWith(1, 'showMediaSettings_token-1')
+			expect(BrowserStorage.getItem).toHaveBeenNthCalledWith(2, 'showMediaSettings_token-2')
+			expect(BrowserStorage.getItem).toHaveBeenNthCalledWith(3, 'showMediaSettings_token-3')
+		})
+
+		it('updates values correctly', async () => {
+			// Arrange
+			settingsStore.showMediaSettings['token-1'] = true
+			settingsStore.showMediaSettings['token-2'] = false
 
-		// Act: update read status and typing status privacy
-		await settingsStore.updateReadStatusPrivacy(PRIVACY.PRIVATE)
-		await settingsStore.updateTypingStatusPrivacy(PRIVACY.PRIVATE)
+			// Act
+			settingsStore.setShowMediaSettings('token-1', false)
+			settingsStore.setShowMediaSettings('token-2', true)
+			const results = [settingsStore.getShowMediaSettings('token-1'),
+				settingsStore.getShowMediaSettings('token-2')]
 
-		// Assert
-		expect(settingsStore.readStatusPrivacy).toBe(PRIVACY.PRIVATE)
-		expect(settingsStore.typingStatusPrivacy).toBe(PRIVACY.PRIVATE)
+			// Assert
+			expect(results).toEqual([false, true])
+			expect(BrowserStorage.getItem).not.toHaveBeenCalled()
+			expect(BrowserStorage.setItem).toHaveBeenCalledTimes(2)
+			expect(BrowserStorage.setItem).toHaveBeenNthCalledWith(1, 'showMediaSettings_token-1', 'false')
+			expect(BrowserStorage.setItem).toHaveBeenNthCalledWith(2, 'showMediaSettings_token-2', 'true')
+		})
 	})
 })
diff --git a/src/stores/settings.js b/src/stores/settings.js
index 64bb5c582e9..286d7e885bc 100644
--- a/src/stores/settings.js
+++ b/src/stores/settings.js
@@ -20,19 +20,66 @@
  *
  */
 
+import Vue from 'vue'
 import { defineStore } from 'pinia'
 
 import { loadState } from '@nextcloud/initial-state'
 
 import { PRIVACY } from '../constants.js'
+import BrowserStorage from '../services/BrowserStorage.js'
 import { setReadStatusPrivacy, setTypingStatusPrivacy } from '../services/settingsService.js'
 
+/**
+ * @typedef {string} Token
+ */
+
+/**
+ * @typedef {object} State
+ * @property {PRIVACY.PUBLIC|PRIVACY.PRIVATE} readStatusPrivacy - The overview loaded state.
+ * @property {PRIVACY.PUBLIC|PRIVACY.PRIVATE} typingStatusPrivacy - The overview loaded state.
+ * @property {{[key: Token]: boolean}} showMediaSettings - The shared items pool.
+ */
+
+/**
+ * Store for shared items shown in RightSidebar
+ *
+ * @param {string} id store name
+ * @param {State} options.state store state structure
+ */
 export const useSettingsStore = defineStore('settings', {
 	state: () => ({
 		readStatusPrivacy: loadState('spreed', 'read_status_privacy', PRIVACY.PRIVATE),
 		typingStatusPrivacy: loadState('spreed', 'typing_privacy', PRIVACY.PRIVATE),
+		showMediaSettings: {}
 	}),
 
+	getters: {
+		getShowMediaSettings: (state) => (token) => {
+			if (state.showMediaSettings[token] !== undefined) {
+				return state.showMediaSettings[token]
+			}
+
+			const storedValue = BrowserStorage.getItem('showMediaSettings_' + token)
+
+			switch (storedValue) {
+			case 'true': {
+				Vue.set(state.showMediaSettings, token, true)
+				return true
+			}
+			case 'false': {
+				Vue.set(state.showMediaSettings, token, false)
+				return false
+			}
+			case null:
+			default: {
+				BrowserStorage.setItem('showMediaSettings_' + token, 'true')
+				Vue.set(state.showMediaSettings, token, true)
+				return true
+			}
+			}
+		},
+	},
+
 	actions: {
 		/**
 		 * Update the read status privacy for the user
@@ -53,5 +100,14 @@ export const useSettingsStore = defineStore('settings', {
 			await setTypingStatusPrivacy(privacy)
 			this.typingStatusPrivacy = privacy
 		},
+
+		setShowMediaSettings(token, value) {
+			if (value) {
+				BrowserStorage.setItem('showMediaSettings_' + token, 'true')
+			} else {
+				BrowserStorage.setItem('showMediaSettings_' + token, 'false')
+			}
+			Vue.set(this.showMediaSettings, token, value)
+		},
 	},
 })
diff --git a/src/utils/signaling.js b/src/utils/signaling.js
index 3166c4447c5..724c62e0a1f 100644
--- a/src/utils/signaling.js
+++ b/src/utils/signaling.js
@@ -84,6 +84,7 @@ function Base(settings) {
 	this.currentCallToken = null
 	this.currentCallFlags = null
 	this.currentCallSilent = null
+	this.currentCallRecordingConsent = null
 	this.nextcloudSessionId = null
 	this.handlers = {}
 	this.features = {}
@@ -174,6 +175,7 @@ Signaling.Base.prototype._resetCurrentCallParameters = function() {
 	this.currentCallToken = null
 	this.currentCallFlags = null
 	this.currentCallSilent = null
+	this.currentCallRecordingConsent = null
 }
 
 Signaling.Base.prototype.disconnect = function() {
@@ -244,7 +246,7 @@ Signaling.Base.prototype.joinRoom = function(token, sessionId) {
 		resolve()
 		if (this.currentCallToken === token) {
 			// We were in this call before, join again.
-			this.joinCall(token, this.currentCallFlags, this.currentCallSilent)
+			this.joinCall(token, this.currentCallFlags, this.currentCallSilent, this.currentCallRecordingConsent)
 		} else {
 			this._resetCurrentCallParameters()
 		}
@@ -286,18 +288,20 @@ Signaling.Base.prototype._joinCallSuccess = function(/* token */) {
 	// Override in subclasses if necessary.
 }
 
-Signaling.Base.prototype.joinCall = function(token, flags, silent) {
+Signaling.Base.prototype.joinCall = function(token, flags, silent, recordingConsent) {
 	return new Promise((resolve, reject) => {
 		this._trigger('beforeJoinCall', [token])
 
 		axios.post(generateOcsUrl('apps/spreed/api/v4/call/{token}', { token }), {
 			flags,
 			silent,
+			recordingConsent,
 		})
 			.then(function() {
 				this.currentCallToken = token
 				this.currentCallFlags = flags
 				this.currentCallSilent = silent
+				this.currentCallRecordingConsent = recordingConsent
 				this._trigger('joinCall', [token])
 				resolve()
 				this._joinCallSuccess(token)
@@ -523,7 +527,7 @@ Signaling.Internal.prototype._startPullingMessages = function() {
 					localParticipant = message.data.find(participant => participant.sessionId === this.sessionId)
 					if (this._joinCallAgainOnceDisconnected && !localParticipant.inCall) {
 						this._joinCallAgainOnceDisconnected = false
-						this.joinCall(this.currentCallToken, this.currentCallFlags, this.currentCallSilent)
+						this.joinCall(this.currentCallToken, this.currentCallFlags, this.currentCallSilent, this.currentCallRecordingConsent)
 					}
 
 					break
@@ -1184,7 +1188,7 @@ Signaling.Standalone.prototype._joinRoomSuccess = function(token, nextcloudSessi
 	}.bind(this))
 }
 
-Signaling.Standalone.prototype.joinCall = function(token, flags, silent) {
+Signaling.Standalone.prototype.joinCall = function(token, flags, silent, recordingConsent) {
 	if (this.signalingRoomJoined !== token) {
 		console.debug('Not joined room yet, not joining call', token)
 
@@ -1199,6 +1203,7 @@ Signaling.Standalone.prototype.joinCall = function(token, flags, silent) {
 				token,
 				flags,
 				silent,
+				recordingConsent,
 				resolve,
 				reject,
 			}
@@ -1219,6 +1224,7 @@ Signaling.Standalone.prototype.joinCall = function(token, flags, silent) {
 			this.currentCallToken = token
 			this.currentCallFlags = flags
 			this.currentCallSilent = silent
+			this.currentCallRecordingConsent = recordingConsent
 			this._trigger('joinCall', [token])
 
 			resolve()
@@ -1235,11 +1241,13 @@ Signaling.Standalone.prototype.joinResponseReceived = function(data, token) {
 		const pendingJoinCallResolve = this.pendingJoinCall.resolve
 		const pendingJoinCallReject = this.pendingJoinCall.reject
 
-		this.joinCall(this.pendingJoinCall.token, this.pendingJoinCall.flags, this.pendingJoinCall.silent).then(() => {
-			pendingJoinCallResolve()
-		}).catch(error => {
-			pendingJoinCallReject(error)
-		})
+		const { flags, silent, recordingConsent } = this.pendingJoinCall
+		this.joinCall(token, flags, silent, recordingConsent)
+			.then(() => {
+				pendingJoinCallResolve()
+			}).catch(error => {
+				pendingJoinCallReject(error)
+			})
 
 		this.pendingJoinCall = null
 	}
diff --git a/src/utils/webrtc/index.js b/src/utils/webrtc/index.js
index 3c69decbd87..e765cd2abe2 100644
--- a/src/utils/webrtc/index.js
+++ b/src/utils/webrtc/index.js
@@ -152,8 +152,9 @@ let failedToStartCall = null
  * @param {object} configuration Media to connect with
  * @param {boolean} silent Whether the call should trigger a notifications and
  * sound for other participants or not
+ * @param {boolean} recordingConsent Whether the participant gave his consent to be recorded
  */
-function startCall(signaling, configuration, silent) {
+function startCall(signaling, configuration, silent, recordingConsent) {
 	let flags = PARTICIPANT.CALL_FLAG.IN_CALL
 	if (configuration) {
 		if (configuration.audio) {
@@ -164,7 +165,7 @@ function startCall(signaling, configuration, silent) {
 		}
 	}
 
-	signaling.joinCall(pendingJoinCallToken, flags, silent).then(() => {
+	signaling.joinCall(pendingJoinCallToken, flags, silent, recordingConsent).then(() => {
 		startedCall(flags)
 	}).catch(error => {
 		failedToStartCall(error)
@@ -209,10 +210,11 @@ async function signalingJoinConversation(token, sessionId) {
  * @param {number} flags Bitwise combination of PARTICIPANT.CALL_FLAG
  * @param {boolean} silent Whether the call should trigger a notifications and
  * sound for other participants or not
+ * @param {boolean} recordingConsent Whether the participant gave his consent to be recorded
  * @return {Promise<void>} Resolved with the actual flags based on the
  *          available media
  */
-async function signalingJoinCall(token, flags, silent) {
+async function signalingJoinCall(token, flags, silent, recordingConsent) {
 	if (tokensInSignaling[token]) {
 		pendingJoinCallToken = token
 
@@ -269,13 +271,13 @@ async function signalingJoinCall(token, flags, silent) {
 				webRtc.off('localMediaStarted', startCallOnceLocalMediaStarted)
 				webRtc.off('localMediaError', startCallOnceLocalMediaError)
 
-				startCall(_signaling, configuration, silent)
+				startCall(_signaling, configuration, silent, recordingConsent)
 			}
 			const startCallOnceLocalMediaError = () => {
 				webRtc.off('localMediaStarted', startCallOnceLocalMediaStarted)
 				webRtc.off('localMediaError', startCallOnceLocalMediaError)
 
-				startCall(_signaling, null, silent)
+				startCall(_signaling, null, silent, recordingConsent)
 			}
 
 			// ".once" can not be used, as both handlers need to be removed when
diff --git a/src/views/FilesSidebarChatView.vue b/src/views/FilesSidebarChatView.vue
index 67fed593926..8329ec19eef 100644
--- a/src/views/FilesSidebarChatView.vue
+++ b/src/views/FilesSidebarChatView.vue
@@ -23,7 +23,7 @@
 	<div class="talk-tab__wrapper">
 		<CallButton class="call-button" />
 		<ChatView />
-		<MediaSettings :initialize-on-mounted="false" />
+		<MediaSettings :initialize-on-mounted="false" :recording-consent-given.sync="recordingConsentGiven" />
 	</div>
 </template>
 <script>
@@ -42,6 +42,11 @@ export default {
 		MediaSettings,
 	},
 
+	data() {
+		return {
+			recordingConsentGiven: false,
+		}
+	},
 }
 
 </script>