feat(rn,filmstrip) add 1on1 mode

When there are only 2 participants in a call, don't show the remote thumbnail, unless the `disable1On1Mode` config option is set or the local participant pin themselves.
chore(deps): bump browserslist in /resources/load-test
2026-08-23 08:17:51 +00:00 · 2021-08-06 13:31:00 +02:00 · 2021-08-06 10:02:48 +02:00 · 2021-08-06 09:51:54 +02:00 · 2021-08-05 17:07:43 -04:00 · 2021-08-05 14:16:52 -04:00
41 changed files with 748 additions and 276 deletions
--- a/android/gradle.properties
+++ b/android/gradle.properties
@@ -25,5 +25,5 @@ android.enableDexingArtifactTransform.desugaring=false
 android.useAndroidX=true
 android.enableJetifier=true

-appVersion=21.2.0
-sdkVersion=3.7.0
+appVersion=21.3.0
+sdkVersion=3.8.0
--- a/conference.js
+++ b/conference.js
@@ -39,6 +39,7 @@ import {
    conferenceWillJoin,
    conferenceWillLeave,
    dataChannelOpened,
+    getConferenceOptions,
    kickedOut,
    lockStateChanged,
    onStartMutedPolicyChanged,
@@ -111,7 +112,6 @@ import {
    trackRemoved
 } from './react/features/base/tracks';
 import { downloadJSON } from './react/features/base/util/downloadJSON';
-import { getConferenceOptions } from './react/features/conference/functions';
 import { showDesktopPicker } from './react/features/desktop-picker';
 import { appendSuffix } from './react/features/display-name';
 import {
@@ -132,6 +132,7 @@ import { setScreenAudioShareState, isScreenAudioShared } from './react/features/
 import { toggleScreenshotCaptureEffect } from './react/features/screenshot-capture';
 import { AudioMixerEffect } from './react/features/stream-effects/audio-mixer/AudioMixerEffect';
 import { createPresenterEffect } from './react/features/stream-effects/presenter';
+import { createRnnoiseProcessor } from './react/features/stream-effects/rnnoise';
 import { endpointMessageReceived } from './react/features/subtitles';
 import UIEvents from './service/UI/UIEvents';

@@ -1357,7 +1358,11 @@ export default {
    },

    _getConferenceOptions() {
-        return getConferenceOptions(APP.store.getState());
+        const options = getConferenceOptions(APP.store.getState());
+
+        options.createVADProcessor = createRnnoiseProcessor;
+
+        return options;
    },

    /**
--- a/config.js
+++ b/config.js
@@ -71,7 +71,7 @@ var config = {
    },

    // Enables reactions feature.
-    enableReactions: false,
+    // enableReactions: false,

    // Disables ICE/UDP by filtering out local and remote UDP candidates in
    // signalling.
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -293,7 +293,7 @@ PODS:
    - react-native-video/Video (= 5.1.1)
  - react-native-video/Video (5.1.1):
    - React-Core
-  - react-native-webrtc (1.89.3):
+  - react-native-webrtc (1.92.0):
    - React-Core
  - react-native-webview (11.0.2):
    - React-Core
@@ -568,7 +568,7 @@ SPEC CHECKSUMS:
  react-native-slider: b733e17fdd31186707146debf1f04b5d94aa1a93
  react-native-splash-screen: 200d11d188e2e78cea3ad319964f6142b6384865
  react-native-video: 1574074179ecaf6a9dd067116c8f31bf9fec15c8
-  react-native-webrtc: 2e8095a43dd3d95ce796d9750280c0f48aadad3d
+  react-native-webrtc: bbb644859dcc37ccb7edaec860ca62ed47bf996c
  react-native-webview: b2542d6fd424bcc3e3b2ec5f854f0abb4ec86c87
  React-RCTActionSheet: bcbc311dc3b47bc8efb2737ff0940239a45789a9
  React-RCTAnimation: 65f61080ce632f6dea23d52e354ffac9948396c6
--- a/ios/app/broadcast-extension/Info.plist
+++ b/ios/app/broadcast-extension/Info.plist
@@ -17,7 +17,7 @@
 	<key>CFBundlePackageType</key>
 	<string>$(PRODUCT_BUNDLE_PACKAGE_TYPE)</string>
 	<key>CFBundleShortVersionString</key>
-	<string>21.2.0</string>
+	<string>21.3.0</string>
 	<key>CFBundleVersion</key>
 	<string>1</string>
 	<key>NSExtension</key>
--- a/ios/app/src/Info.plist
+++ b/ios/app/src/Info.plist
@@ -17,7 +17,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>21.2.0</string>
+	<string>21.3.0</string>
 	<key>CFBundleSignature</key>
 	<string>????</string>
 	<key>CFBundleURLTypes</key>
--- a/ios/app/watchos/app/Info.plist
+++ b/ios/app/watchos/app/Info.plist
@@ -17,7 +17,7 @@
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>
-	<string>21.2.0</string>
+	<string>21.3.0</string>
 	<key>CFBundleVersion</key>
 	<string>1</string>
 	<key>UISupportedInterfaceOrientations</key>
--- a/ios/app/watchos/extension/Info.plist
+++ b/ios/app/watchos/extension/Info.plist
@@ -17,7 +17,7 @@
 	<key>CFBundlePackageType</key>
 	<string>XPC!</string>
 	<key>CFBundleShortVersionString</key>
-	<string>21.2.0</string>
+	<string>21.3.0</string>
 	<key>CFBundleVersion</key>
 	<string>1</string>
 	<key>CLKComplicationPrincipalClass</key>
--- a/ios/sdk/src/Info.plist
+++ b/ios/sdk/src/Info.plist
@@ -15,7 +15,7 @@
 	<key>CFBundlePackageType</key>
 	<string>FMWK</string>
 	<key>CFBundleShortVersionString</key>
-	<string>3.7.0</string>
+	<string>3.8.0</string>
 	<key>CFBundleVersion</key>
 	<string>$(CURRENT_PROJECT_VERSION)</string>
 	<key>NSPrincipalClass</key>
--- a/lang/main-de.json
+++ b/lang/main-de.json
@@ -24,7 +24,7 @@
        "shareInvite": "Einladung zur Versammlung teilen",
        "shareLink": "Teilen Sie den Konferenzlink, um andere einzuladen",
        "shareStream": "Den Livestreaminglink freigeben",
-        "sip": "SIP: {{address}}",
+        "sipAddresses": "SIP-Adressen",
        "telephone": "Telefon: {{number}}",
        "title": "Personen zu dieser Konferenz einladen",
        "yahooEmail": "Yahoo-E-Mail"
@@ -215,6 +215,7 @@
        "gracefulShutdown": "Der Dienst steht momentan wegen Wartungsarbeiten nicht zur Verfügung. Bitte versuchen Sie es später noch einmal.",
        "grantModeratorDialog": "Möchten Sie wirklich Moderationsrechte an diese Person vergeben?",
        "grantModeratorTitle": "Moderationsrechte vergeben",
+        "hideShareAudioHelper": "Diese Meldung nicht mehr anzeigen",
        "IamHost": "Ich leite das Meeting",
        "incorrectRoomLockPassword": "Falsches Passwort",
        "incorrectPassword": "Name oder Passwort ungültig",
@@ -257,16 +258,21 @@
        "muteParticipantBody": "Sie können die Stummschaltung anderer Personen nicht aufheben, aber eine Person kann ihre eigene Stummschaltung jederzeit beenden.",
        "muteParticipantButton": "Stummschalten",
        "muteParticipantDialog": "Wollen Sie diese Person wirklich stummschalten? Sie können die Stummschaltung nicht wieder aufheben, die Person kann dies aber jederzeit selbst tun.",
+        "muteParticipantsVideoDialog": "Wollen Sie die Kamera dieser Person wirklich deaktivieren? Sie können die Kamera nicht wieder aktivieren, die Person kann dies aber jederzeit selbst tun.",
        "muteParticipantTitle": "Person stummschalten?",
        "muteParticipantsVideoButton": "Kamera ausschalten",
        "muteParticipantsVideoTitle": "Die Kamera von dieser Person ausschalten?",
        "muteParticipantsVideoBody": "Sie können die Kamera nicht wieder aktivieren, die Teilnehmer können dies aber jederzeit wieder ändern.",
+        "noDropboxToken": "Kein gültiges Dropbox-Token",
        "Ok": "OK",
        "password": "Passwort",
        "passwordLabel": "Dieses Meeting wurde gesichert. Bitte geben Sie das $t(lockRoomPasswordUppercase) ein, um dem Meeting beizutreten.",
        "passwordNotSupported": "Das Festlegen eines Konferenzpassworts wird nicht unterstützt.",
        "passwordNotSupportedTitle": "$t(lockRoomPasswordUppercase) nicht unterstützt",
        "passwordRequired": "$t(lockRoomPasswordUppercase) erforderlich",
+        "permissionErrorTitle": "Berechtigung benötigt",
+        "permissionCameraRequiredError": "Der Zugriff auf die Kamera wird benötigt, um in Videokonferenzen teilzunehmen. Bitte in den Einstellungen zulassen",
+        "permissionMicRequiredError": "Der Zugriff auf das Mikrofon wird benötigt, um an Konferenzen mit Ton teilzunehmen. Bitte in den Einstellungen zulassen",
        "popupError": "Ihr Browser blockiert Pop-ups von dieser Website. Bitte aktivieren Sie Pop-ups in den Sicherheitseinstellungen des Browsers und versuchen Sie es erneut.",
        "popupErrorTitle": "Pop-up blockiert",
        "readMore": "mehr",
@@ -300,6 +306,13 @@
        "sessTerminated": "Konferenz beendet",
        "sessionRestarted": "Konferenz neugestartet",
        "Share": "Teilen",
+        "shareAudio": "Fortfahren",
+        "shareAudioTitle" : "Wie kann Audio geteilt werden",
+        "shareAudioWarningTitle": "Sie müssen die Bildschirmfreigabe ausschalten, bevor Sie Audio teilen können",
+        "shareAudioWarningH1": "Wenn Sie Ihr Audio teilen wollen:",
+        "shareAudioWarningD1": "müssen Sie Ihre Bildschirmfreigabe stoppen, bevor Sie Audio teilen können.",
+        "shareAudioWarningD2": "müssen Sie Ihre Bildschirmfreigabe neustarten und die Option \"Audio freigeben\" auswählen.",
+        "shareMediaWarningGenericH2": "Wenn Sie Ihren Bildschirm und Audio teilen wollen",
        "shareVideoLinkError": "Bitte einen gültigen YouTube-Link angeben.",
        "shareVideoTitle": "Video teilen",
        "shareYourScreen": "Bildschirmfreigabe ein-/ausschalten",
@@ -307,6 +320,10 @@
        "startLiveStreaming": "Livestream starten",
        "startRecording": "Aufnahme starten",
        "startRemoteControlErrorMessage": "Beim Versuch, die Fernsteuerung zu starten, ist ein Fehler aufgetreten!",
+        "shareScreenWarningTitle": "Sie müssen die Audiofreigabe beenden, bevor Sie den Bildschirm freigeben können",
+        "shareScreenWarningH1": "Wenn Sie Ihren Bildschirm freigeben wollen:",
+        "shareScreenWarningD1": "müssen Sie Ihre Audiofreigabe stoppen, bevor Sie ihren Bildschirm freigeben.",
+        "shareScreenWarningD2": "müssen Sie Ihre Audiofreigabe stoppen und dann die Bildschirmfreigabe mit der Option \"Audio freigeben\" starten.",
        "stopLiveStreaming": "Livestream stoppen",
        "stopRecording": "Aufnahme stoppen",
        "stopRecordingWarning": "Sind Sie sicher, dass Sie die Aufnahme stoppen möchten?",
@@ -323,6 +340,9 @@
        "userIdentifier": "Benutzername",
        "userPassword": "Passwort",
        "videoLink": "Video-Link",
+        "viewUpgradeOptions": "Upgradeoptionen anzeigen",
+        "viewUpgradeOptionsContent": "Sie müssen Ihren Tarif erweitern, um Premium-Features wie Aufnahme, Transkription, RTMP-Streaming und mehr zu nutzen.",
+        "viewUpgradeOptionsTitle": "Sie haben ein Premium-Feature entdeckt!",
        "WaitForHostMsg": "Die Konferenz <b>{{room}}</b> wurde noch nicht gestartet. Falls Sie die Konferenz leiten, authentifizieren Sie sich bitte. Warten Sie andernfalls, bis die Konferenz gestartet wird.",
        "WaitForHostMsgWOk": "Die Konferenz <b>{{room}}</b> wurde noch nicht gestartet. Falls Sie die Konferenz leiten, authentifizieren Sie sich bitte. Warten Sie andernfalls, bis die Konferenz gestartet wird.",
        "WaitingForHostTitle": "Warten auf den Beginn der Konferenz …",
@@ -349,7 +369,6 @@
        "blur": "Hintergrund unscharf",
        "slightBlur": "Hintergrund leicht unscharf",
        "removeBackground": "Hintergrund entfernen",
-        "uploadImage": "Bild hochladen",
        "addBackground": "Hintergrund hinzufügen",
        "pleaseWait": "Bitte warten...",
        "none": "keiner",
@@ -363,7 +382,8 @@
        "image6" : "Wald",
        "image7" : "Sonnenaufgang",
        "desktopShareError": "Desktop konnte nicht freigegeben werden",
-        "desktopShare":"Desktopfreigabe"
+        "desktopShare": "Desktopfreigabe",
+        "webAssemblyWarning": "WebAssembly wird nicht unterstützt"
    },
    "feedback": {
        "average": "Durchschnittlich",
@@ -400,6 +420,10 @@
        "invitePhone": "Wenn Sie stattdessen per Telefon beitreten möchten, wählen sie: {{number}},,{{conferenceID}}#\n",
        "invitePhoneAlternatives": "Suchen Sie nach einer anderen Einwahlnummer ?\nEinwahlnummern der Konferenz anzeigen: {{url}}\n\n\nWenn Sie sich auch über ein Raumtelefon einwählen, nehmen Sie teil, ohne sich mit dem Ton zu verbinden: {{silentUrl}}",
        "inviteSipEndpoint": "Um mit SIP teilzunehmen, folgende Adresse nutzen: {{sipUri}}",
+        "inviteTextiOSPersonal": "{{name}} lädt Sie zu einem Meeting ein.",
+        "inviteTextiOSJoinSilent": "Wenn Sie über ein Konferenztelefon teilnehmen, können Sie diesen Link nutzen um ohne Ton an der Konferenz teilzunehmen: {{silentUrl}}.",
+        "inviteTextiOSInviteUrl": "Am Meeting teilnehmen: {{inviteUrl}}.",
+        "inviteTextiOSPhone": "Nutzen Sie folgende Nummer um via Telefon teilzunehmen: {{number}},,{{conferenceID}}#. Wenn Sie nach einer anderen Einwahlnummer suchen, finden Sie die vollständige Liste hier: {{didUrl}}.",
        "inviteURLFirstPartGeneral": "Sie wurden zur Teilnahme an einem Meeting eingeladen.",
        "inviteURLFirstPartPersonal": "{{name}} lädt Sie zu einem Meeting ein.\n",
        "inviteURLSecondPart": "\nAm Meeting teilnehmen:\n{{url}}\n",
@@ -410,6 +434,7 @@
        "noRoom": "Keine Konferenz für die Einwahlinformationen angegeben.",
        "numbers": "Einwahlnummern",
        "password": "$t(lockRoomPasswordUppercase):",
+        "sip": "SIP-Adresse",
        "title": "Teilen",
        "tooltip": "Freigabe-Link und Einwahlinformationen für dieses Meeting",
        "label": "Einwahlinformationen"
@@ -520,6 +545,7 @@
        "focus": "Konferenzleitung",
        "focusFail": "{{component}} ist im Moment nicht verfügbar – wiederholen in {{ms}} Sekunden",
        "grantedTo": "Moderationsrechte an {{to}} vergeben!",
+        "hostAskedUnmute": "Die Moderation bittet Sie, das Mikrofon zu aktivieren",
        "invitedOneMember": "{{name}} wurde eingeladen",
        "invitedThreePlusMembers": "{{name}} und {{count}} andere wurden eingeladen",
        "invitedTwoMembers": "{{first}} und {{second}} wurden eingeladen",
@@ -535,7 +561,7 @@
        "passwordRemovedRemotely": "$t(lockRoomPasswordUppercase) von einer anderen Person entfernt",
        "passwordSetRemotely": "$t(lockRoomPasswordUppercase) von einer anderen Person gesetzt",
        "raisedHand": "{{name}} möchte sprechen.",
-        "screenShareNoAudio": " Share audio box was not checked in the window selection screen.",
+        "screenShareNoAudio": "Die Option \"Audio freigeben\" wurde bei der Auswahl des Fensters nicht ausgewählt.",
        "screenShareNoAudioTitle": "Share audio was not checked",
        "somebody": "Jemand",
        "startSilentTitle": "Sie sind ohne Audioausgabe beigetreten!",
@@ -550,28 +576,40 @@
        "oldElectronClientDescription1": "Sie scheinen eine alte Version des Jitsi-Meet-Clients zu nutzen. Diese hat bekannte Schwachstellen. Bitte aktualisieren Sie auf unsere ",
        "oldElectronClientDescription2": "aktuelle Version",
        "oldElectronClientDescription3": "!",
+        "moderationInEffectDescription": "Bitte melden um zu sprechen",
+        "moderationInEffectCSDescription": "Bitte melden um ein Video zu teilen",
+        "moderationInEffectVideoDescription": "Bitte melden um die Kamera zu starten",
+        "moderationInEffectTitle": "Das Mikrofon ist von der Moderation gesperrt",
+        "moderationInEffectCSTitle": "Die Videofreigabe ist von der Moderation gesperrt",
+        "moderationInEffectVideoTitle": "Die Kamera ist von der Moderation gesperrt",
+        "moderationRequestFromModerator": "Die Moderation bittet Sie, das Mikrofon zu aktivieren",
+        "moderationRequestFromParticipant": "möchte sprechen",
+        "moderationStartedTitle": "Moderation gestartet",
+        "moderationStoppedTitle": "Moderation gestoppt",
+        "moderationToggleDescription": "von {{participantDisplayName}}",
+        "raiseHandAction": "Melden",
        "groupTitle": "Benachrichtigungen"
    },
    "participantsPane": {
        "close": "Schließen",
+        "header": "Anwesende",
        "headings": {
            "lobby": "Lobby ({{count}})",
-            "participantsList": "Teilnehmer ({{count}})"
-        },
-        "actions": {
-            "muteAll": "Alle stummschalten",
-            "stopVideo": "Video stoppen"
-        }
-    },
-    "participantsPane": {
-        "headings": {
-            "lobby": "Lobby ({{count}})",
-            "participantsList": "Anwesende ({{count}})"
+            "participantsList": "Anwesende ({{count}})",
+            "waitingLobby": "In der Lobby ({{count}})"
        },
        "actions": {
+            "allow": "Anwesenden erlauben:",
+            "blockEveryoneMicCamera": "Kamera und Mikrofon von allen sperren",
            "invite": "Person einladen",
+            "askUnmute": "Anfragen, Stummschaltung aufzuheben",
+            "mute": "Stummschalten",
            "muteAll": "Alle stummschalten",
-            "stopVideo": "Kamera ausschalten"
+            "muteEveryoneElse": "Alle anderen stummschalten",
+            "startModeration": "Stummschaltung aufheben oder Kamera aktivieren",
+            "stopEveryonesVideo": "Alle Kameras ausschalten",
+            "stopVideo": "Kamera ausschalten",
+            "unblockEveryoneMicCamera": "Kamera und Mikrofon von allen entsperren"
        }
    },
    "passwordSetRemotely": "von einer anderen Person gesetzt",
@@ -626,9 +664,9 @@
        "linkCopied": "Link in die Zwischenablage kopiert",
        "lookGood": "Ihr Mikrofon scheint zu funktionieren.",
        "or": "oder",
-        "keyboardShortcuts" : "Tastaturkurzbefehle aktivieren",
        "premeeting": "Vorschau",
        "showScreen": "Konferenzvorschau aktivieren",
+        "keyboardShortcuts" : "Tastaturkurzbefehle aktivieren",
        "startWithPhone": "Mit Telefonaudio starten",
        "screenSharingError": "Fehler bei Bildschirmfreigabe:",
        "videoOnlyError": "Videofehler:",
@@ -665,12 +703,15 @@
        "beta": "BETA",
        "busy": "Es werden Ressourcen für eine Aufnahme bereitgestellt. Bitte in ein paar Minuten erneut versuchen.",
        "busyTitle": "Alle Aufnahme-Instanzen sind in Gebrauch",
+        "copyLink": "Link kopieren",
        "error": "Die Aufzeichnung ist fehlgeschlagen. Bitte versuchen Sie es erneut.",
+        "errorFetchingLink": "Der Link zur Aufzeichnung konnte nicht geladen werden.",
        "expandedOff": "Aufzeichnung wurde gestoppt",
        "expandedOn": "Das Meeting wird momentan aufgezeichnet.",
        "expandedPending": "Aufzeichnung wird gestartet…",
        "failedToStart": "Die Aufnahme konnte nicht gestartet werden",
        "fileSharingdescription": "Aufzeichnung mit den Personen der Konferenz teilen",
+        "linkGenerated": "Link zur Aufzeichnung wurde generiert.",
        "live": "LIVE",
        "loggedIn": "Als {{userName}} angemeldet",
        "off": "Aufnahme gestoppt",
@@ -685,7 +726,8 @@
        "signIn": "Anmelden",
        "signOut": "Abmelden",
        "unavailable": "Oh! Der {{serviceName}} ist aktuell nicht verfügbar. Wir arbeiten an der Behebung des Problems. Bitte versuchen Sie es später noch einmal.",
-        "unavailableTitle": "Aufnahme nicht verfügbar"
+        "unavailableTitle": "Aufnahme nicht verfügbar",
+        "uploadToCloud": "In die Cloud hochladen"
    },
    "sectionList": {
        "pullToRefresh": "Ziehen, um zu aktualisieren"
@@ -704,8 +746,13 @@
            "signedIn": "Momentan wird auf Kalendertermine von {{email}} zugegriffen. Klicken Sie auf die folgende Schaltfläche „Trennen“, um den Zugriff auf die Kalendertermine zu stoppen.",
            "title": "Kalender"
        },
+        "desktopShareFramerate": "Framerate für Bildschirmfreigabe",
+        "desktopShareWarning": "Sie müssen die Bildschirmfreigabe neustarten, damit die Einstellung übernommen wird.",
+        "desktopShareHighFpsWarning": "Eine höhere Framerate könnte sich auf Ihre Datenrate auswirken. Sie müssen die Bildschirmfreigabe neustarten, damit die Einstellung übernommen wird.",
        "devices": "Geräte",
        "followMe": "Follow-me für alle Personen",
+        "framesPerSecond": "FPS",
+        "incomingMessage": "Eingehende Nachricht",
        "language": "Sprache",
        "loggedIn": "Als {{name}} angemeldet",
        "microphones": "Mikrofon",
@@ -713,12 +760,18 @@
        "more": "Mehr",
        "name": "Name",
        "noDevice": "Kein",
+        "participantJoined": "Neue Person nimmt teil",
+        "participantLeft": "Person verlässt die Konferenz",
+        "playSounds": "Hinweistöne aktiviert",
+        "sameAsSystem": "Wie System ({{label}})",
        "selectAudioOutput": "Audioausgabe",
        "selectCamera": "Kamera",
        "selectMic": "Mikrofon",
+        "sounds": "Hinweistöne",
        "speakers": "Lautsprecher",
-        "startAudioMuted": "Alle Personen treten stumm geschaltet bei",
+        "startAudioMuted": "Alle Personen treten stummgeschaltet bei",
        "startVideoMuted": "Alle Personen treten ohne Video bei",
+        "talkWhileMuted": "Wenn bei Stummschaltung gesprochen wird",
        "title": "Einstellungen"
    },
    "settingsView": {
@@ -767,12 +820,14 @@
        "title": "Die Konferenz wurde unterbrochen, weil der Standby-Modus aktiviert wurde."
    },
    "toolbar": {
-            "accessibilityLabel": {
+        "accessibilityLabel": {
            "audioOnly": "„Nur Audio“ ein-/ausschalten",
            "audioRoute": "Audiogerät auswählen",
+            "boo": "Buhen",
            "callQuality": "Qualitätseinstellungen",
            "cc": "Untertitel ein-/ausschalten",
            "chat": "Chatfenster öffnen / schließen",
+            "clap": "Klatschen",
            "document": "Geteiltes Dokument schließen",
            "download": "Unsere Apps herunterladen",
            "embedMeeting": "Konferenz einbetten",
@@ -783,6 +838,8 @@
            "help": "Hilfe",
            "invite": "Person einladen",
            "kick": "Person entfernen",
+            "laugh": "Lachen",
+            "like": "Daumen nach oben",
            "lobbyButton": "Lobbymodus ein-/ausschalten",
            "localRecording": "Lokale Aufzeichnungssteuerelemente ein-/ausschalten",
            "lockRoom": "Konferenzpasswort ein-/ausschalten",
@@ -795,10 +852,12 @@
            "muteEveryonesVideo": "Alle Kameras ausschalten",
            "muteEveryoneElsesVideo": "Alle anderen Kameras ausschalten",
            "participants": "Anwesende",
+            "party": "Konfetti",
            "pip": "Bild-in-Bild-Modus ein-/ausschalten",
            "privateMessage": "Private Nachricht senden",
            "profile": "Profil bearbeiten",
            "raiseHand": "Hand erheben / senken",
+            "reactionsMenu": "Interaktionsmenü öffnen / schließen",
            "recording": "Aufzeichnung ein-/ausschalten",
            "remoteMute": "Personen stummschalten",
            "remoteVideoMute": "Kamera von dieser Person ausschalten",
@@ -811,23 +870,29 @@
            "shortcuts": "Tastenkombinationen ein-/ausblenden",
            "show": "Im Vordergrund anzeigen",
            "speakerStats": "Sprechstatistik ein-/ausblenden",
+            "surprised": "Überrascht",
            "tileView": "Kachelansicht ein-/ausschalten",
            "toggleCamera": "Kamera wechseln",
            "toggleFilmstrip": "Miniaturansichten ein-/ausschalten",
            "videomute": "„Video stummschalten“ ein-/ausschalten",
+            "videoblur": "Unscharfer Hintergrund ein-/ausschalten",
            "selectBackground": "Hintergrund auswählen",
            "expand": "Ausklappen",
            "collapse": "Einklappen"
        },
        "addPeople": "Personen zur Konferenz hinzufügen",
        "audioSettings": "Ton-Einstellungen",
+        "videoSettings": "Kameraeinstellungen",
        "audioOnlyOff": "Modus „Nur Audio“ deaktivieren",
        "audioOnlyOn": "Modus „Nur Audio“ aktivieren",
        "audioRoute": "Audiogerät auswählen",
        "authenticate": "Anmelden",
+        "boo": "Buhen",
        "callQuality": "Qualitätseinstellungen",
        "chat": "Chat öffnen / schließen",
+        "clap": "Klatschen",
        "closeChat": "Chat schließen",
+        "closeReactionsMenu": "Interationsmenü schließen",
        "documentClose": "Geteiltes Dokument schließen",
        "documentOpen": "Geteiltes Dokument öffnen",
        "download": "Unsere Apps herunterladen",
@@ -841,6 +906,8 @@
        "hangup": "Konferenz verlassen",
        "help": "Hilfe",
        "invite": "Personen einladen",
+        "laugh": "Lachen",
+        "like": "Daumen hoch",
        "lobbyButtonDisable": "Lobbymodus deaktivieren",
        "lobbyButtonEnable": "Lobbymodus aktivieren",
        "login": "Anmelden",
@@ -859,12 +926,20 @@
        "noisyAudioInputTitle": "Ihr Mikrofon scheint lärmintensiv zu sein!",
        "noisyAudioInputDesc": "Es klingt, als ob Ihr Mikrofon Störgeräusche verursacht. Bitte überlegen Sie, ob Sie das Gerät stummschalten oder austauschen wollen.",
        "openChat": "Chat öffnen",
+        "openReactionsMenu": "Interationsmenü öffnen",
        "participants": "Anwesende",
+        "party": "Konfetti",
        "pip": "Bild-in-Bild-Modus einschalten",
        "privateMessage": "Private Nachricht senden",
        "profile": "Profil bearbeiten",
        "raiseHand": "Hand erheben / senken",
        "raiseYourHand": "Melden",
+        "reactionBoo": "Buhen senden",
+        "reactionClap": "Klatschen senden",
+        "reactionLaugh": "Lachen senden",
+        "reactionLike": "Daumen hoch senden",
+        "reactionParty": "Konfetti senden",
+        "reactionSurprised": "Überrascht senden",
        "security": "Sicherheitsoptionen",
        "Settings": "Einstellungen",
        "shareaudio": "Audio teilen",
@@ -874,14 +949,15 @@
        "speakerStats": "Sprechstatistik",
        "startScreenSharing": "Bildschirmfreigabe starten",
        "startSubtitles": "Untertitel einschalten",
+        "stopAudioSharing": "Audiofreigabe stoppen",
        "stopScreenSharing": "Bildschirmfreigabe stoppen",
        "stopSubtitles": "Untertitel ausschalten",
        "stopSharedVideo": "YouTube-Video stoppen",
+        "surprised": "Überrascht",
        "talkWhileMutedPopup": "Versuchen Sie zu sprechen? Ihr Mikrofon ist stummgeschaltet.",
        "tileViewToggle": "Kachelansicht ein-/ausschalten",
        "toggleCamera": "Kamera wechseln",
        "videomute": "Kamera starten / stoppen",
-        "videoSettings": "Video-Einstellungen",
        "selectBackground": "Hintergrund auswählen"
    },
    "transcribing": {
@@ -975,10 +1051,10 @@
        "info": "Einwahlinformationen",
        "join": "ERSTELLEN / BEITRETEN",
        "jitsiOnMobile": "Jitsi unterwegs – einfach unsere Apps herunterladen und Meetings von überall starten",
-        "moderatedMessage": "Oder <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reservieren Sie sich eine Konferenz-URL</a>, die nur Sie moderieren.",
        "mobileDownLoadLinkIos": "iOS App Download",
        "mobileDownLoadLinkAndroid": "Android App Download",
        "mobileDownLoadLinkFDroid": "F-Droid App Download",
+        "moderatedMessage": "Oder <a href=\"{{url}}\" rel=\"noopener noreferrer\" target=\"_blank\">reservieren Sie sich eine Konferenz-URL</a>, die nur Sie moderieren.",
        "privacy": "Datenschutz",
        "recentList": "Verlauf",
        "recentListDelete": "Eintrag löschen",
@@ -1009,6 +1085,7 @@
    },
    "lobby": {
        "admit": "Zulassen",
+        "admitAll": "Alle zulassen",
        "knockingParticipantList": "Liste anklopfender Personen",
        "allow": "Annehmen",
        "backToKnockModeButton": "Kein Passwort, stattdessen Beitritt anfragen",
@@ -1039,6 +1116,7 @@
        "passwordField": "Konferenzpasswort eingeben",
        "passwordJoinButton": "Beitreten",
        "reject": "Ablehnen",
+        "rejectAll": "Alle ablehnen",
        "toggleLabel": "Lobby aktivieren"
    }
 }
--- a/modules/API/external/external_api.js
+++ b/modules/API/external/external_api.js
@@ -170,7 +170,7 @@ function parseArguments(args) {

    switch (typeof firstArg) {
    case 'string': // old arguments format
-    case undefined: {
+    case 'undefined': {
        // Not sure which format but we are trying to parse the old
        // format because if the new format is used everything will be undefined
        // anyway.
--- a/package-lock.json
+++ b/package-lock.json
@@ -11087,8 +11087,8 @@
      }
    },
    "lib-jitsi-meet": {
-      "version": "github:jitsi/lib-jitsi-meet#fa834c2923e78fe00cc206b1bc99248874d544c6",
-      "from": "github:jitsi/lib-jitsi-meet#fa834c2923e78fe00cc206b1bc99248874d544c6",
+      "version": "github:jitsi/lib-jitsi-meet#6a3df11ffa7a2204b579326e23cdaa85a79521d1",
+      "from": "github:jitsi/lib-jitsi-meet#6a3df11ffa7a2204b579326e23cdaa85a79521d1",
      "requires": {
        "@jitsi/js-utils": "1.0.2",
        "@jitsi/sdp-interop": "github:jitsi/sdp-interop#5fc4af6dcf8a6e6af9fedbcd654412fd47b1b4ae",
@@ -15170,9 +15170,9 @@
      "integrity": "sha512-iqdJ1KpZbR4XGahgVmaeibB7kDhyMT7wrylINgJaYBY38IAiI0LF32VX1umO4pko6n21YF5I/kSeNQ+OXGqqow=="
    },
    "react-native-webrtc": {
-      "version": "1.89.3",
-      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-1.89.3.tgz",
-      "integrity": "sha512-K6GbLfOeOhJuxgWx8NKoSMnvl6hkqqOCUHZISABOspj00CXNtJgKvFBuCi+fBeNT/RribOODBFxK2sfHqRz7Ww==",
+      "version": "1.92.0",
+      "resolved": "https://registry.npmjs.org/react-native-webrtc/-/react-native-webrtc-1.92.0.tgz",
+      "integrity": "sha512-nztKQ/SmO1DgA3QWCDHHK8ZVDf+5rLbmH42Ukoqnld7ut8/ehmFZXc17aSV/BN0H60jPigGqAMYopt/LZak7Sg==",
      "requires": {
        "base64-js": "^1.1.2",
        "cross-os": "^1.3.0",
--- a/package.json
+++ b/package.json
@@ -56,7 +56,7 @@
    "jquery-i18next": "1.2.1",
    "js-md5": "0.6.1",
    "jwt-decode": "2.2.0",
-    "lib-jitsi-meet": "github:jitsi/lib-jitsi-meet#fa834c2923e78fe00cc206b1bc99248874d544c6",
+    "lib-jitsi-meet": "github:jitsi/lib-jitsi-meet#6a3df11ffa7a2204b579326e23cdaa85a79521d1",
    "libflacjs": "github:mmig/libflac.js#93d37e7f811f01cf7d8b6a603e38bd3c3810907d",
    "lodash": "4.17.21",
    "moment": "2.29.1",
@@ -89,7 +89,7 @@
    "react-native-url-polyfill": "1.2.0",
    "react-native-video": "5.1.1",
    "react-native-watch-connectivity": "0.4.3",
-    "react-native-webrtc": "1.89.3",
+    "react-native-webrtc": "1.92.0",
    "react-native-webview": "11.0.2",
    "react-native-youtube-iframe": "2.1.1",
    "react-redux": "7.1.0",
--- a/react/features/base/conference/actions.js
+++ b/react/features/base/conference/actions.js
@@ -6,7 +6,6 @@ import {
    createStartMutedConfigurationEvent,
    sendAnalytics
 } from '../../analytics';
-import { getName } from '../../app/functions';
 import { endpointMessageReceived } from '../../subtitles';
 import { getReplaceParticipant } from '../config/functions';
 import { JITSI_CONNECTION_CONFERENCE_KEY } from '../connection';
@@ -14,7 +13,6 @@ import { JitsiConferenceEvents } from '../lib-jitsi-meet';
 import { MEDIA_TYPE, setAudioMuted, setVideoMuted } from '../media';
 import {
    dominantSpeakerChanged,
-    getLocalParticipant,
    getNormalizedDisplayName,
    participantConnectionStatusChanged,
    participantKicked,
@@ -24,11 +22,7 @@ import {
    participantUpdated
 } from '../participants';
 import { getLocalTracks, replaceLocalTrack, trackAdded, trackRemoved } from '../tracks';
-import {
-    getBackendSafePath,
-    getBackendSafeRoomName,
-    getJitsiMeetGlobalNS
-} from '../util';
+import { getBackendSafeRoomName } from '../util';

 import {
    AUTH_STATUS_CHANGED,
@@ -61,6 +55,7 @@ import {
    _addLocalTracksToConference,
    commonUserJoinedHandling,
    commonUserLeftHandling,
+    getConferenceOptions,
    getCurrentConference,
    sendLocalParticipant
 } from './functions';
@@ -434,22 +429,7 @@ export function createConference() {
            throw new Error('Cannot join a conference without a room name!');
        }

-        const config = state['features/base/config'];
-        const { tenant } = state['features/base/jwt'];
-        const { email, name: nick } = getLocalParticipant(state);
-
-        const conference
-            = connection.initJitsiConference(
-
-                getBackendSafeRoomName(room), {
-                    ...config,
-                    applicationName: getName(),
-                    getWiFiStatsMethod: getJitsiMeetGlobalNS().getWiFiStats,
-                    confID: `${locationURL.host}${getBackendSafePath(locationURL.pathname)}`,
-                    siteID: tenant,
-                    statisticsDisplayName: config.enableDisplayNameInStats ? nick : undefined,
-                    statisticsId: config.enableEmailInStats ? email : undefined
-                });
+        const conference = connection.initJitsiConference(getBackendSafeRoomName(room), getConferenceOptions(state));

        connection[JITSI_CONNECTION_CONFERENCE_KEY] = conference;

--- a/react/features/base/conference/functions.js
+++ b/react/features/base/conference/functions.js
@@ -2,6 +2,7 @@

 import _ from 'lodash';

+import { getName } from '../../app/functions';
 import { JitsiTrackErrors } from '../lib-jitsi-meet';
 import {
    getLocalParticipant,
@@ -11,7 +12,7 @@ import {
    participantLeft
 } from '../participants';
 import { toState } from '../redux';
-import { safeDecodeURIComponent } from '../util';
+import { getBackendSafePath, getJitsiMeetGlobalNS, safeDecodeURIComponent } from '../util';

 import {
    AVATAR_URL_COMMAND,
@@ -198,6 +199,53 @@ export function getConferenceNameForTitle(stateful: Function | Object) {
    return safeStartCase(safeDecodeURIComponent(getConferenceState(toState(stateful)).room));
 }

+/**
+ * Returns an object aggregating the conference options.
+ *
+ * @param {Object|Function} stateful - The redux store state.
+ * @returns {Object} - Options object.
+ */
+export function getConferenceOptions(stateful: Function | Object) {
+    const state = toState(stateful);
+
+    const config = state['features/base/config'];
+    const { locationURL } = state['features/base/connection'];
+    const { tenant } = state['features/base/jwt'];
+    const { email, name: nick } = getLocalParticipant(state);
+    const options = { ...config };
+
+    if (tenant) {
+        options.siteID = tenant;
+    }
+
+    if (options.enableDisplayNameInStats && nick) {
+        options.statisticsDisplayName = nick;
+    }
+
+    if (options.enableEmailInStats && email) {
+        options.statisticsId = email;
+    }
+
+    if (locationURL) {
+        options.confID = `${locationURL.host}${getBackendSafePath(locationURL.pathname)}`;
+    }
+
+    options.applicationName = getName();
+
+    // Disable analytics, if requessted.
+    if (options.disableThirdPartyRequests) {
+        delete config.analytics.scriptURLs;
+        delete config.analytics.amplitudeAPPKey;
+        delete config.analytics.googleAnalyticsTrackingId;
+        delete options.callStatsID;
+        delete options.callStatsSecret;
+    } else {
+        options.getWiFiStatsMethod = getWiFiStatsMethod;
+    }
+
+    return options;
+}
+
 /**
 * Returns the UTC timestamp when the first participant joined the conference.
 *
@@ -244,6 +292,21 @@ export function getRoomName(state: Object): string {
    return getConferenceState(state).room;
 }

+/**
+ * Returns the result of getWiFiStats from the global NS or does nothing
+ * (returns empty result).
+ * Fixes a concurrency problem where we need to pass a function when creating
+ * a JitsiConference, but that method is added to the context later.
+ *
+ * @returns {Promise}
+ * @private
+ */
+function getWiFiStatsMethod() {
+    const gloabalNS = getJitsiMeetGlobalNS();
+
+    return gloabalNS.getWiFiStats ? gloabalNS.getWiFiStats() : Promise.resolve('{}');
+}
+
 /**
 * Handle an error thrown by the backend (i.e. {@code lib-jitsi-meet}) while
 * manipulating a conference participant (e.g. Pin or select participant).
--- a/react/features/base/dialog/components/native/BottomSheet.js
+++ b/react/features/base/dialog/components/native/BottomSheet.js
@@ -142,7 +142,9 @@ class BottomSheet extends PureComponent<Props> {
                    <SafeAreaView
                        style = { [
                            styles.sheetItemContainer,
-                            _styles.sheet,
+                            renderHeader
+                                ? _styles.sheetHeader
+                                : _styles.sheet,
                            style,
                            {
                                maxHeight: _height - 100
--- a/react/features/base/dialog/components/native/styles.js
+++ b/react/features/base/dialog/components/native/styles.js
@@ -2,6 +2,7 @@

 import { StyleSheet } from 'react-native';

+import BaseTheme from '../../../../base/ui/components/BaseTheme.native';
 import { ColorSchemeRegistry, schemeColor } from '../../../color-scheme';
 import { BoxModel, ColorPalette } from '../../../styles';
 import { PREFERRED_DIALOG_SIZE } from '../../constants';
@@ -192,9 +193,16 @@ ColorSchemeRegistry.register('BottomSheet', {
     * Bottom sheet's base style.
     */
    sheet: {
-        backgroundColor: ColorPalette.black,
+        backgroundColor: BaseTheme.palette.ui02,
        borderTopLeftRadius: 16,
        borderTopRightRadius: 16
+    },
+
+    /**
+     * Bottom sheet's base style with header.
+     */
+    sheetHeader: {
+        backgroundColor: BaseTheme.palette.ui02
    }
 });

--- a/react/features/base/tracks/actions.js
+++ b/react/features/base/tracks/actions.js
@@ -227,7 +227,7 @@ export function noDataFromSource(track) {
 * @returns {Function}
 */
 export function showNoDataFromSourceVideoError(jitsiTrack) {
-    return (dispatch, getState) => {
+    return async (dispatch, getState) => {
        let notificationInfo;

        const track = getTrackByJitsiTrack(getState()['features/base/tracks'], jitsiTrack);
@@ -239,12 +239,11 @@ export function showNoDataFromSourceVideoError(jitsiTrack) {
        if (track.isReceivingData) {
            notificationInfo = undefined;
        } else {
-            const notificationAction = showErrorNotification({
+            const notificationAction = await dispatch(showErrorNotification({
                descriptionKey: 'dialog.cameraNotSendingData',
                titleKey: 'dialog.cameraNotSendingDataTitle'
-            });
+            }));

-            dispatch(notificationAction);
            notificationInfo = {
                uid: notificationAction.uid
            };
@@ -362,7 +361,7 @@ function replaceStoredTracks(oldTrack, newTrack) {
 * @returns {{ type: TRACK_ADDED, track: Track }}
 */
 export function trackAdded(track) {
-    return (dispatch, getState) => {
+    return async (dispatch, getState) => {
        track.on(
            JitsiTrackEvents.TRACK_MUTE_CHANGED,
            () => dispatch(trackMutedChanged(track)));
@@ -389,12 +388,10 @@ export function trackAdded(track) {
            track.on(JitsiTrackEvents.NO_DATA_FROM_SOURCE, () => dispatch(noDataFromSource({ jitsiTrack: track })));
            if (!isReceivingData) {
                if (mediaType === MEDIA_TYPE.AUDIO) {
-                    const notificationAction = showNotification({
+                    const notificationAction = await dispatch(showNotification({
                        descriptionKey: 'dialog.micNotSendingData',
                        titleKey: 'dialog.micNotSendingDataTitle'
-                    });
-
-                    dispatch(notificationAction);
+                    }));

                    // Set the notification ID so that other parts of the application know that this was
                    // displayed in the context of the current device.
--- a/react/features/conference/components/web/ConferenceInfo.js
+++ b/react/features/conference/components/web/ConferenceInfo.js
@@ -120,6 +120,13 @@ function ConferenceInfo(props: Props) {
                    }
                    { _showParticipantCount && <ParticipantsCount /> }
                    <E2EELabel />
+                    {_hideRecordingLabel && (
+                        <>
+                            <RecordingLabel mode = { JitsiRecordingConstants.mode.FILE } />
+                            <RecordingLabel mode = { JitsiRecordingConstants.mode.STREAM } />
+                            <LocalRecordingLabel />
+                        </>
+                    )}
                    <TranscribingLabel />
                    <VideoQualityLabel />
                    <InsecureRoomNameLabel />
@@ -148,10 +155,12 @@ function _mapStateToProps(state) {
        hideConferenceTimer,
        hideConferenceSubject,
        hideParticipantsStats,
-        hideRecordingLabel
+        hideRecordingLabel,
+        iAmRecorder
    } = state['features/base/config'];
    const { clientWidth } = state['features/base/responsive-ui'];

+    const shouldHideRecordingLabel = hideRecordingLabel || iAmRecorder;
    const fileRecordingStatus = getSessionStatusToShow(state, JitsiRecordingConstants.mode.FILE);
    const streamRecordingStatus = getSessionStatusToShow(state, JitsiRecordingConstants.mode.STREAM);
    const isFileRecording = fileRecordingStatus ? fileRecordingStatus !== JitsiRecordingConstants.status.OFF : false;
@@ -162,12 +171,12 @@ function _mapStateToProps(state) {
    return {
        _hideConferenceNameAndTimer: clientWidth < 300,
        _hideConferenceTimer: Boolean(hideConferenceTimer),
-        _hideRecordingLabel: hideRecordingLabel,
+        _hideRecordingLabel: shouldHideRecordingLabel,
        _fullWidth: state['features/video-layout'].tileViewEnabled,
        _showParticipantCount: participantCount > 2 && !hideParticipantsStats,
        _subject: hideConferenceSubject ? '' : getConferenceName(state),
        _visible: isToolboxVisible(state),
-        _recordingLabel: (isFileRecording || isStreamRecording || isEngaged) && !hideRecordingLabel
+        _recordingLabel: (isFileRecording || isStreamRecording || isEngaged) && !shouldHideRecordingLabel
    };
 }

--- a/react/features/conference/functions.web.js
+++ b/react/features/conference/functions.web.js
@@ -1,29 +1,9 @@
-import { getName } from '../app/functions.web';
 import { isSuboptimalBrowser } from '../base/environment';
 import { translateToHTML } from '../base/i18n';
-import { getLocalParticipant } from '../base/participants';
-import { toState } from '../base/redux';
-import { getBackendSafePath, getJitsiMeetGlobalNS } from '../base/util';
 import { showWarningNotification } from '../notifications';
-import { createRnnoiseProcessor } from '../stream-effects/rnnoise';

 export * from './functions.any';

-/**
- * Returns the result of getWiFiStats from the global NS or does nothing
-(returns empty result).
- * Fixes a concurrency problem where we need to pass a function when creating
- * a JitsiConference, but that method is added to the context later.
- *
- * @returns {Promise}
- * @private
- */
-const getWiFiStatsMethod = () => {
-    const gloabalNS = getJitsiMeetGlobalNS();
-
-    return gloabalNS.getWiFiStats ? gloabalNS.getWiFiStats() : Promise.resolve('{}');
-};
-
 /**
 * Shows the suboptimal experience notification if needed.
 *
@@ -49,48 +29,3 @@ export function maybeShowSuboptimalExperienceNotification(dispatch, t) {
        );
    }
 }
-
-/**
- * Returns an object aggregating the conference options.
- *
- * @param {Object|Function} stateful - The redux store state.
- * @returns {Object} - Options object.
- */
-export function getConferenceOptions(stateful) {
-    const state = toState(stateful);
-
-    const options = state['features/base/config'];
-    const { locationURL } = state['features/base/connection'];
-    const { tenant } = state['features/base/jwt'];
-
-    const { email, name: nick } = getLocalParticipant(state);
-
-    if (tenant) {
-        options.siteID = tenant;
-    }
-
-    if (options.enableDisplayNameInStats && nick) {
-        options.statisticsDisplayName = nick;
-    }
-
-    if (options.enableEmailInStats && email) {
-        options.statisticsId = email;
-    }
-
-    if (locationURL) {
-        options.confID = `${locationURL.host}${getBackendSafePath(locationURL.pathname)}`;
-    }
-
-    options.applicationName = getName();
-    options.getWiFiStatsMethod = getWiFiStatsMethod;
-    options.createVADProcessor = createRnnoiseProcessor;
-
-    // Disable CallStats, if requessted.
-    if (options.disableThirdPartyRequests) {
-        delete options.callStatsID;
-        delete options.callStatsSecret;
-        delete options.getWiFiStatsMethod;
-    }
-
-    return options;
-}
--- a/react/features/filmstrip/components/native/Filmstrip.js
+++ b/react/features/filmstrip/components/native/Filmstrip.js
@@ -6,12 +6,15 @@ import { SafeAreaView, ScrollView } from 'react-native';
 import { Platform } from '../../../base/react';
 import { connect } from '../../../base/redux';
 import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
-import { isFilmstripVisible } from '../../functions';
+import { isFilmstripVisible, shouldRemoteVideosBeVisible } from '../../functions';

 import LocalThumbnail from './LocalThumbnail';
 import Thumbnail from './Thumbnail';
 import styles from './styles';

+// Immutable reference to avoid re-renders.
+const NO_REMOTE_VIDEOS = [];
+
 /**
 * Filmstrip component's property types.
 */
@@ -167,10 +170,11 @@ class Filmstrip extends Component<Props> {
 */
 function _mapStateToProps(state) {
    const { enabled, remoteParticipants } = state['features/filmstrip'];
+    const showRemoteVideos = shouldRemoteVideosBeVisible(state);

    return {
        _aspectRatio: state['features/base/responsive-ui'].aspectRatio,
-        _participants: remoteParticipants,
+        _participants: showRemoteVideos ? remoteParticipants : NO_REMOTE_VIDEOS,
        _visible: enabled && isFilmstripVisible(state)
    };
 }
--- a/react/features/filmstrip/components/native/Thumbnail.js
+++ b/react/features/filmstrip/components/native/Thumbnail.js
@@ -13,7 +13,8 @@ import {
    getParticipantCount,
    isEveryoneModerator,
    pinParticipant,
-    getParticipantByIdOrUndefined
+    getParticipantByIdOrUndefined,
+    getLocalParticipant
 } from '../../../base/participants';
 import { Container } from '../../../base/react';
 import { connect } from '../../../base/redux';
@@ -24,6 +25,8 @@ import { DisplayNameLabel } from '../../../display-name';
 import { toggleToolboxVisible } from '../../../toolbox/actions.native';
 import { RemoteVideoMenu } from '../../../video-menu';
 import ConnectionStatusComponent from '../../../video-menu/components/native/ConnectionStatusComponent';
+import SharedVideoMenu
+    from '../../../video-menu/components/native/SharedVideoMenu';

 import AudioMutedIndicator from './AudioMutedIndicator';
 import DominantSpeakerIndicator from './DominantSpeakerIndicator';
@@ -48,6 +51,11 @@ type Props = {
     */
    _largeVideo: Object,

+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean,
+
    /**
     * The Redux representation of the participant to display.
     */
@@ -116,6 +124,7 @@ function Thumbnail(props: Props) {
    const {
        _audioMuted: audioMuted,
        _largeVideo: largeVideo,
+        _localVideoOwner,
        _renderDominantSpeakerIndicator: renderDominantSpeakerIndicator,
        _renderModeratorIndicator: renderModeratorIndicator,
        _participant: participant,
@@ -144,6 +153,12 @@ function Thumbnail(props: Props) {
            dispatch(openDialog(ConnectionStatusComponent, {
                participantID: participant.id
            }));
+        } else if (participant.isFakeParticipant) {
+            if (_localVideoOwner) {
+                dispatch(openDialog(SharedVideoMenu, {
+                    participant
+                }));
+            }
        } else {
            dispatch(openDialog(RemoteVideoMenu, {
                participant
@@ -223,9 +238,11 @@ function _mapStateToProps(state, ownProps) {
    // filmstrip doesn't render the video of the participant who is rendered on
    // the stage i.e. as a large video.
    const largeVideo = state['features/large-video'];
+    const { ownerId } = state['features/shared-video'];
    const tracks = state['features/base/tracks'];
    const { participantID } = ownProps;
    const participant = getParticipantByIdOrUndefined(state, participantID);
+    const localParticipantId = getLocalParticipant(state).id;
    const id = participant?.id;
    const audioTrack
        = getTrackByMediaTypeAndParticipant(tracks, MEDIA_TYPE.AUDIO, id);
@@ -240,6 +257,7 @@ function _mapStateToProps(state, ownProps) {
    return {
        _audioMuted: audioTrack?.muted ?? true,
        _largeVideo: largeVideo,
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
        _participant: participant,
        _renderDominantSpeakerIndicator: renderDominantSpeakerIndicator,
        _renderModeratorIndicator: renderModeratorIndicator,
--- a/react/features/filmstrip/functions.native.js
+++ b/react/features/filmstrip/functions.native.js
@@ -1,7 +1,7 @@
 // @flow

 import { getFeatureFlag, FILMSTRIP_ENABLED } from '../base/flags';
-import { getParticipantCountWithFake } from '../base/participants';
+import { getParticipantCountWithFake, getPinnedParticipant } from '../base/participants';
 import { toState } from '../base/redux';

 /**
@@ -26,3 +26,34 @@ export function isFilmstripVisible(stateful: Object | Function) {
    return getParticipantCountWithFake(state) > 1;
 }

+/**
+ * Determines whether the remote video thumbnails should be displayed/visible in
+ * the filmstrip.
+ *
+ * @param {Object} state - The full redux state.
+ * @returns {boolean} - If remote video thumbnails should be displayed/visible
+ * in the filmstrip, then {@code true}; otherwise, {@code false}.
+ */
+export function shouldRemoteVideosBeVisible(state: Object) {
+    if (state['features/invite'].calleeInfoVisible) {
+        return false;
+    }
+
+    // Include fake participants to derive how many thumbnails are dispalyed,
+    // as it is assumed all participants, including fake, will be displayed
+    // in the filmstrip.
+    const participantCount = getParticipantCountWithFake(state);
+    const pinnedParticipant = getPinnedParticipant(state);
+    const { disable1On1Mode } = state['features/base/config'];
+
+    return Boolean(
+        participantCount > 2
+
+            // Always show the filmstrip when there is another participant to
+            // show and the local video is pinned. Note we are not taking the
+            // toolbar visibility into account here (unlike web) because
+            // showing / hiding views in quick succession on mobile is taxing.
+            || (participantCount > 1 && pinnedParticipant?.local)
+
+            || disable1On1Mode);
+}
--- a/react/features/mobile/watchos/middleware.js
+++ b/react/features/mobile/watchos/middleware.js
@@ -98,7 +98,7 @@ function _appWillMount({ dispatch, getState }) {

        switch (command) {
        case CMD_HANG_UP:
-            if (typeof getCurrentConferenceUrl(getState()) !== undefined) {
+            if (typeof getCurrentConferenceUrl(getState()) !== 'undefined') {
                dispatch(appNavigate(undefined));
            }
            break;
--- a/react/features/participants-pane/actions.native.js
+++ b/react/features/participants-pane/actions.native.js
@@ -1,6 +1,7 @@
 // @flow

 import { openDialog } from '../base/dialog';
+import { SharedVideoMenu } from '../video-menu';
 import ConnectionStatusComponent
    from '../video-menu/components/native/ConnectionStatusComponent';
 import RemoteVideoMenu from '../video-menu/components/native/RemoteVideoMenu';
@@ -42,6 +43,16 @@ export function showContextMenuDetails(participant: Object) {
    return openDialog(RemoteVideoMenu, { participant });
 }

+/**
+ * Displays the shared video menu.
+ *
+ * @param {Object} participant - The selected meeting participant.
+ * @returns {Function}
+ */
+export function showSharedVideoMenu(participant: Object) {
+    return openDialog(SharedVideoMenu, { participant });
+}
+
 /**
 * Sets the volume.
 *
--- a/react/features/participants-pane/components/native/MeetingParticipantList.js
+++ b/react/features/participants-pane/components/native/MeetingParticipantList.js
@@ -6,20 +6,34 @@ import { Text, View } from 'react-native';
 import { Button } from 'react-native-paper';
 import { useDispatch, useSelector } from 'react-redux';

+
 import { Icon, IconInviteMore } from '../../../base/icons';
 import {
    getLocalParticipant,
    getParticipantCountWithFake,
    getRemoteParticipants
 } from '../../../base/participants';
+import { connect } from '../../../base/redux';
 import { doInvitePeople } from '../../../invite/actions.native';
-import { showConnectionStatus, showContextMenuDetails } from '../../actions.native';
+import {
+    showConnectionStatus,
+    showContextMenuDetails,
+    showSharedVideoMenu
+} from '../../actions.native';
 import { shouldRenderInviteButton } from '../../functions';

 import MeetingParticipantItem from './MeetingParticipantItem';
 import styles from './styles';

-export const MeetingParticipantList = () => {
+type Props = {
+
+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean
+}
+
+const MeetingParticipantList = ({ _localVideoOwner }: Props) => {
    const dispatch = useDispatch();
    const items = [];
    const localParticipant = useSelector(getLocalParticipant);
@@ -30,14 +44,34 @@ export const MeetingParticipantList = () => {
    const { t } = useTranslation();

    // eslint-disable-next-line react/no-multi-comp
-    const renderParticipant = p => (
-        <MeetingParticipantItem
-            key = { p.id }
-            /* eslint-disable-next-line react/jsx-no-bind,no-confusing-arrow */
-            onPress = { () => p.local
-                ? dispatch(showConnectionStatus(p.id)) : dispatch(showContextMenuDetails(p)) }
-            participantID = { p.id } />
-    );
+    const renderParticipant = p => {
+        if (p.isFakeParticipant) {
+            if (_localVideoOwner) {
+                return (
+                    <MeetingParticipantItem
+                        key = { p.id }
+                        /* eslint-disable-next-line react/jsx-no-bind,no-confusing-arrow */
+                        onPress = { () => dispatch(showSharedVideoMenu(p)) }
+                        participantID = { p.id } />
+                );
+            }
+
+            return (
+                <MeetingParticipantItem
+                    key = { p.id }
+                    participantID = { p.id } />
+            );
+        }
+
+        return (
+            <MeetingParticipantItem
+                key = { p.id }
+                /* eslint-disable-next-line react/jsx-no-bind,no-confusing-arrow */
+                onPress = { () => p.local
+                    ? dispatch(showConnectionStatus(p.id)) : dispatch(showContextMenuDetails(p)) }
+                participantID = { p.id } />
+        );
+    };

    items.push(renderParticipant(localParticipant));

@@ -71,3 +105,20 @@ export const MeetingParticipantList = () => {
    );
 };

+/**
+ * Maps (parts of) the redux state to the associated props for this component.
+ *
+ * @param {Object} state - The Redux state.
+ * @private
+ * @returns {Props}
+ */
+function _mapStateToProps(state): Object {
+    const { ownerId } = state['features/shared-video'];
+    const localParticipantId = getLocalParticipant(state).id;
+
+    return {
+        _localVideoOwner: Boolean(ownerId === localParticipantId)
+    };
+}
+
+export default connect(_mapStateToProps)(MeetingParticipantList);
--- a/react/features/participants-pane/components/native/ParticipantsPane.js
+++ b/react/features/participants-pane/components/native/ParticipantsPane.js
@@ -19,7 +19,7 @@ import { close } from '../../actions.native';

 import { ContextMenuMore } from './ContextMenuMore';
 import LobbyParticipantList from './LobbyParticipantList';
-import { MeetingParticipantList } from './MeetingParticipantList';
+import MeetingParticipantList from './MeetingParticipantList';
 import styles from './styles';

 /**
--- a/react/features/participants-pane/components/native/index.js
+++ b/react/features/participants-pane/components/native/index.js
@@ -1,5 +1,6 @@
 // @flow

+export { default as MeetingParticipantList } from './MeetingParticipantList';
 export { default as ParticipantsPane } from './ParticipantsPane';
 export { default as ParticipantsPaneButton } from './ParticipantsPaneButton';
 export { default as ContextMenuLobbyParticipantReject } from './ContextMenuLobbyParticipantReject';
--- a/react/features/participants-pane/components/web/MeetingParticipantContextMenu.js
+++ b/react/features/participants-pane/components/web/MeetingParticipantContextMenu.js
@@ -11,9 +11,11 @@ import {
    IconMessage,
    IconMicDisabled,
    IconMuteEveryoneElse,
+    IconShareVideo,
    IconVideoOff
 } from '../../../base/icons';
 import {
+    getLocalParticipant,
    getParticipantByIdOrUndefined,
    isLocalParticipantModerator,
    isParticipantModerator
@@ -21,6 +23,7 @@ import {
 import { connect } from '../../../base/redux';
 import { isParticipantAudioMuted, isParticipantVideoMuted } from '../../../base/tracks';
 import { openChat } from '../../../chat/actions';
+import { stopSharedVideo } from '../../../shared-video/actions.any';
 import { GrantModeratorDialog, KickRemoteParticipantDialog, MuteEveryoneDialog } from '../../../video-menu';
 import MuteRemoteParticipantsVideoDialog from '../../../video-menu/components/web/MuteRemoteParticipantsVideoDialog';
 import { getComputedOuterHeight } from '../../functions';
@@ -60,6 +63,11 @@ type Props = {
     */
    _isParticipantAudioMuted: boolean,

+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean,
+
    /**
     * Participant reference
     */
@@ -143,6 +151,7 @@ class MeetingParticipantContextMenu extends Component<Props, State> {
        this._onMuteEveryoneElse = this._onMuteEveryoneElse.bind(this);
        this._onMuteVideo = this._onMuteVideo.bind(this);
        this._onSendPrivateMessage = this._onSendPrivateMessage.bind(this);
+        this._onStopSharedVideo = this._onStopSharedVideo.bind(this);
        this._position = this._position.bind(this);
    }

@@ -176,6 +185,19 @@ class MeetingParticipantContextMenu extends Component<Props, State> {
        }));
    }

+    _onStopSharedVideo: () => void;
+
+    /**
+     * Stops shared video.
+     *
+     * @returns {void}
+     */
+    _onStopSharedVideo() {
+        const { dispatch } = this.props;
+
+        dispatch(stopSharedVideo());
+    }
+
    _onMuteEveryoneElse: () => void;

    /**
@@ -282,6 +304,7 @@ class MeetingParticipantContextMenu extends Component<Props, State> {
            _isParticipantModerator,
            _isParticipantVideoMuted,
            _isParticipantAudioMuted,
+            _localVideoOwner,
            _participant,
            onEnter,
            onLeave,
@@ -302,66 +325,81 @@ class MeetingParticipantContextMenu extends Component<Props, State> {
                onClick = { onSelect }
                onMouseEnter = { onEnter }
                onMouseLeave = { onLeave }>
-                <ContextMenuItemGroup>
-                    {
-                        _isLocalModerator && (
-                            <>
+                {
+                    !_participant.isFakeParticipant && (
+                        <>
+                            <ContextMenuItemGroup>
                                {
-                                    !_isParticipantAudioMuted
-                                        && <ContextMenuItem onClick = { muteAudio(_participant) }>
-                                            <ContextMenuIcon src = { IconMicDisabled } />
-                                            <span>{t('dialog.muteParticipantButton')}</span>
-                                        </ContextMenuItem>
+                                    _isLocalModerator && (
+                                        <>
+                                            {
+                                                !_isParticipantAudioMuted
+                                                && <ContextMenuItem onClick = { muteAudio(_participant) }>
+                                                    <ContextMenuIcon src = { IconMicDisabled } />
+                                                    <span>{t('dialog.muteParticipantButton')}</span>
+                                                </ContextMenuItem>
+                                            }
+
+                                            <ContextMenuItem onClick = { this._onMuteEveryoneElse }>
+                                                <ContextMenuIcon src = { IconMuteEveryoneElse } />
+                                                <span>{t('toolbar.accessibilityLabel.muteEveryoneElse')}</span>
+                                            </ContextMenuItem>
+                                        </>
+                                    )
                                }

-                                <ContextMenuItem onClick = { this._onMuteEveryoneElse }>
-                                    <ContextMenuIcon src = { IconMuteEveryoneElse } />
-                                    <span>{t('toolbar.accessibilityLabel.muteEveryoneElse')}</span>
-                                </ContextMenuItem>
-                            </>
-                        )
-                    }
-
-                    {
-                        _isLocalModerator && (
-                            _isParticipantVideoMuted || (
-                                <ContextMenuItem onClick = { this._onMuteVideo }>
-                                    <ContextMenuIcon src = { IconVideoOff } />
-                                    <span>{t('participantsPane.actions.stopVideo')}</span>
-                                </ContextMenuItem>
-                            )
-                        )
-                    }
-                </ContextMenuItemGroup>
-
-                <ContextMenuItemGroup>
-                    {
-                        _isLocalModerator && (
-                            <>
                                {
-                                    !_isParticipantModerator && (
-                                        <ContextMenuItem onClick = { this._onGrantModerator }>
-                                            <ContextMenuIcon src = { IconCrown } />
-                                            <span>{t('toolbar.accessibilityLabel.grantModerator')}</span>
+                                    _isLocalModerator && (
+                                        _isParticipantVideoMuted || (
+                                            <ContextMenuItem onClick = { this._onMuteVideo }>
+                                                <ContextMenuIcon src = { IconVideoOff } />
+                                                <span>{t('participantsPane.actions.stopVideo')}</span>
+                                            </ContextMenuItem>
+                                        )
+                                    )
+                                }
+                            </ContextMenuItemGroup>
+
+                            <ContextMenuItemGroup>
+                                {
+                                    _isLocalModerator && (
+                                        <>
+                                            {
+                                                !_isParticipantModerator && (
+                                                    <ContextMenuItem onClick = { this._onGrantModerator }>
+                                                        <ContextMenuIcon src = { IconCrown } />
+                                                        <span>{t('toolbar.accessibilityLabel.grantModerator')}</span>
+                                                    </ContextMenuItem>
+                                                )
+                                            }
+                                            <ContextMenuItem onClick = { this._onKick }>
+                                                <ContextMenuIcon src = { IconCloseCircle } />
+                                                <span>{ t('videothumbnail.kick') }</span>
+                                            </ContextMenuItem>
+                                        </>
+                                    )
+                                }
+                                {
+                                    _isChatButtonEnabled && (
+                                        <ContextMenuItem onClick = { this._onSendPrivateMessage }>
+                                            <ContextMenuIcon src = { IconMessage } />
+                                            <span>{t('toolbar.accessibilityLabel.privateMessage')}</span>
                                        </ContextMenuItem>
                                    )
                                }
-                                <ContextMenuItem onClick = { this._onKick }>
-                                    <ContextMenuIcon src = { IconCloseCircle } />
-                                    <span>{ t('videothumbnail.kick') }</span>
-                                </ContextMenuItem>
-                            </>
-                        )
-                    }
-                    {
-                        _isChatButtonEnabled && (
-                            <ContextMenuItem onClick = { this._onSendPrivateMessage }>
-                                <ContextMenuIcon src = { IconMessage } />
-                                <span>{t('toolbar.accessibilityLabel.privateMessage')}</span>
-                            </ContextMenuItem>
-                        )
-                    }
-                </ContextMenuItemGroup>
+                            </ContextMenuItemGroup>
+                        </>
+                    )
+                }
+
+                {
+                    _participant.isFakeParticipant && _localVideoOwner && (
+                        <ContextMenuItem onClick = { this._onStopSharedVideo }>
+                            <ContextMenuIcon src = { IconShareVideo } />
+                            <span>{t('toolbar.stopSharedVideo')}</span>
+                        </ContextMenuItem>
+                    )
+                }
            </ContextMenu>
        );
    }
@@ -377,7 +415,8 @@ class MeetingParticipantContextMenu extends Component<Props, State> {
 */
 function _mapStateToProps(state, ownProps): Object {
    const { participantID } = ownProps;
-
+    const { ownerId } = state['features/shared-video'];
+    const localParticipantId = getLocalParticipant(state).id;
    const participant = getParticipantByIdOrUndefined(state, participantID);

    const _isLocalModerator = isLocalParticipantModerator(state);
@@ -392,6 +431,7 @@ function _mapStateToProps(state, ownProps): Object {
        _isParticipantModerator,
        _isParticipantVideoMuted,
        _isParticipantAudioMuted,
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
        _participant: participant
    };
 }
--- a/react/features/participants-pane/components/web/MeetingParticipantItem.js
+++ b/react/features/participants-pane/components/web/MeetingParticipantItem.js
@@ -2,7 +2,11 @@

 import React from 'react';

-import { getParticipantByIdOrUndefined, getParticipantDisplayName } from '../../../base/participants';
+import {
+    getLocalParticipant,
+    getParticipantByIdOrUndefined,
+    getParticipantDisplayName
+} from '../../../base/participants';
 import { connect } from '../../../base/redux';
 import { isParticipantAudioMuted, isParticipantVideoMuted } from '../../../base/tracks';
 import { ACTION_TRIGGER, MEDIA_STATE, type MediaState } from '../../constants';
@@ -34,6 +38,16 @@ type Props = {
     */
    _local: boolean,

+    /**
+     * Shared video local participant owner.
+     */
+    _localVideoOwner: boolean,
+
+    /**
+     * The participant.
+     */
+    _participant: Object,
+
    /**
     * The participant ID.
     *
@@ -108,7 +122,9 @@ function MeetingParticipantItem({
    _audioMediaState,
    _displayName,
    _isVideoMuted,
+    _localVideoOwner,
    _local,
+    _participant,
    _participantID,
    _quickActionButtonType,
    _raisedHand,
@@ -133,15 +149,28 @@ function MeetingParticipantItem({
            raisedHand = { _raisedHand }
            videoMuteState = { _isVideoMuted ? MEDIA_STATE.MUTED : MEDIA_STATE.UNMUTED }
            youText = { youText }>
-            <ParticipantQuickAction
-                askUnmuteText = { askUnmuteText }
-                buttonType = { _quickActionButtonType }
-                muteAudio = { muteAudio }
-                muteParticipantButtonText = { muteParticipantButtonText }
-                participantID = { _participantID } />
-            <ParticipantActionEllipsis
-                aria-label = { participantActionEllipsisLabel }
-                onClick = { onContextMenu } />
+            {
+                !_participant.isFakeParticipant && (
+                    <>
+                        <ParticipantQuickAction
+                            askUnmuteText = { askUnmuteText }
+                            buttonType = { _quickActionButtonType }
+                            muteAudio = { muteAudio }
+                            muteParticipantButtonText = { muteParticipantButtonText }
+                            participantID = { _participantID } />
+                        <ParticipantActionEllipsis
+                            aria-label = { participantActionEllipsisLabel }
+                            onClick = { onContextMenu } />
+                    </>
+                )
+            }
+            {
+                _participant.isFakeParticipant && _localVideoOwner && (
+                    <ParticipantActionEllipsis
+                        aria-label = { participantActionEllipsisLabel }
+                        onClick = { onContextMenu } />
+                )
+            }
        </ParticipantItem>
    );
 }
@@ -156,6 +185,8 @@ function MeetingParticipantItem({
 */
 function _mapStateToProps(state, ownProps): Object {
    const { participantID } = ownProps;
+    const { ownerId } = state['features/shared-video'];
+    const localParticipantId = getLocalParticipant(state).id;

    const participant = getParticipantByIdOrUndefined(state, participantID);

@@ -170,6 +201,8 @@ function _mapStateToProps(state, ownProps): Object {
        _isAudioMuted,
        _isVideoMuted,
        _local: Boolean(participant?.local),
+        _localVideoOwner: Boolean(ownerId === localParticipantId),
+        _participant: participant,
        _participantID: participant?.id,
        _quickActionButtonType,
        _raisedHand: Boolean(participant?.raisedHand)
--- a/react/features/participants-pane/components/web/styled.js
+++ b/react/features/participants-pane/components/web/styled.js
@@ -235,7 +235,6 @@ export const ParticipantActionsHover = styled(ParticipantActions)`
    position: absolute;
    top: 0;
    transform: translateX(-100%);
-    width: 40px;
  }
 `;

--- a/react/features/prejoin/components/PrejoinApp.js
+++ b/react/features/prejoin/components/PrejoinApp.js
@@ -5,10 +5,10 @@ import React from 'react';
 import { batch } from 'react-redux';

 import { BaseApp } from '../../../features/base/app';
+import { getConferenceOptions } from '../../base/conference/functions';
 import { setConfig } from '../../base/config';
 import { DialogContainer } from '../../base/dialog';
 import { createPrejoinTracks } from '../../base/tracks';
-import { getConferenceOptions } from '../../conference/functions';
 import { initPrejoin, makePrecallTest } from '../actions';

 import Prejoin from './Prejoin';
--- a/react/features/toolbox/components/native/OverflowMenu.js
+++ b/react/features/toolbox/components/native/OverflowMenu.js
@@ -1,6 +1,7 @@
 // @flow

 import React, { PureComponent } from 'react';
+import { Divider } from 'react-native-paper';

 import { ColorSchemeRegistry } from '../../../base/color-scheme';
 import { BottomSheet, hideDialog, isDialogOpen } from '../../../base/dialog';
@@ -16,6 +17,7 @@ import SecurityDialogButton from '../../../security/components/security-dialog/S
 import { SharedVideoButton } from '../../../shared-video/components';
 import { ClosedCaptionButton } from '../../../subtitles';
 import { TileViewButton } from '../../../video-layout';
+import styles from '../../../video-menu/components/native/styles';
 import { getMovableButtons } from '../../functions.native';
 import HelpButton from '../HelpButton';
 import MuteEveryoneButton from '../MuteEveryoneButton';
@@ -140,17 +142,20 @@ class OverflowMenu extends PureComponent<Props, State> {
                <ParticipantsPaneButton { ...buttonProps } />
                <AudioOnlyButton { ...buttonProps } />
                {!_reactionsEnabled && !toolbarButtons.has('raisehand') && <RaiseHandButton { ...buttonProps } />}
+                <Divider style = { styles.divider } />
                <SecurityDialogButton { ...buttonProps } />
+                <RecordButton { ...buttonProps } />
+                <LiveStreamButton { ...buttonProps } />
+                <MuteEveryoneButton { ...buttonProps } />
+                <MuteEveryonesVideoButton { ...buttonProps } />
+                <Divider style = { styles.divider } />
+                <SharedVideoButton { ...buttonProps } />
                <ScreenSharingButton { ...buttonProps } />
                {!toolbarButtons.has('togglecamera') && <ToggleCameraButton { ...buttonProps } />}
                {!toolbarButtons.has('tileview') && <TileViewButton { ...buttonProps } />}
-                <RecordButton { ...buttonProps } />
-                <LiveStreamButton { ...buttonProps } />
-                <SharedVideoButton { ...buttonProps } />
+                <Divider style = { styles.divider } />
                <ClosedCaptionButton { ...buttonProps } />
                <SharedDocumentButton { ...buttonProps } />
-                <MuteEveryoneButton { ...buttonProps } />
-                <MuteEveryonesVideoButton { ...buttonProps } />
                <HelpButton { ...buttonProps } />
            </BottomSheet>
        );
--- a/react/features/toolbox/components/web/Toolbox.js
+++ b/react/features/toolbox/components/web/Toolbox.js
@@ -655,6 +655,12 @@ class Toolbox extends Component<Props> {
            group: 2
        };

+        const livestreaming = {
+            key: 'livestreaming',
+            Content: LiveStreamButton,
+            group: 2
+        };
+
        const muteEveryone = {
            key: 'mute-everyone',
            Content: MuteEveryoneButton,
@@ -667,12 +673,6 @@ class Toolbox extends Component<Props> {
            group: 2
        };

-        const livestreaming = {
-            key: 'livestreaming',
-            Content: LiveStreamButton,
-            group: 2
-        };
-
        const shareVideo = {
            key: 'sharedvideo',
            Content: SharedVideoButton,
@@ -755,9 +755,9 @@ class Toolbox extends Component<Props> {
            cc,
            recording,
            localRecording,
+            livestreaming,
            muteEveryone,
            muteVideoEveryone,
-            livestreaming,
            shareVideo,
            shareAudio,
            etherpad,
--- a/react/features/video-menu/actions.native.js
+++ b/react/features/video-menu/actions.native.js
@@ -1,7 +1,7 @@
 // @flow
 import { hideDialog } from '../base/dialog';

-import { RemoteVideoMenu } from './components/native';
+import { RemoteVideoMenu, SharedVideoMenu } from './components/native';

 /**
 * Hides the remote video menu.
@@ -12,4 +12,13 @@ export function hideRemoteVideoMenu() {
    return hideDialog(RemoteVideoMenu);
 }

+/**
+ * Hides the shared video menu.
+ *
+ * @returns {Function}
+ */
+export function hideSharedVideoMenu() {
+    return hideDialog(SharedVideoMenu);
+}
+
 export * from './actions.any';
--- a/react/features/video-menu/components/native/SharedVideoMenu.js
+++ b/react/features/video-menu/components/native/SharedVideoMenu.js
@@ -0,0 +1,180 @@
+// @flow
+
+import React, { PureComponent } from 'react';
+import { Text, View } from 'react-native';
+import { Divider } from 'react-native-paper';
+
+import { Avatar } from '../../../base/avatar';
+import { ColorSchemeRegistry } from '../../../base/color-scheme';
+import { BottomSheet, isDialogOpen } from '../../../base/dialog';
+import {
+    getParticipantById,
+    getParticipantDisplayName
+} from '../../../base/participants';
+import { connect } from '../../../base/redux';
+import { StyleType } from '../../../base/styles';
+import { SharedVideoButton } from '../../../shared-video/components';
+import { hideSharedVideoMenu } from '../../actions.native';
+
+import styles from './styles';
+
+
+/**
+ * Size of the rendered avatar in the menu.
+ */
+const AVATAR_SIZE = 24;
+
+type Props = {
+
+    /**
+     * The Redux dispatch function.
+     */
+    dispatch: Function,
+
+    /**
+     * The participant for which this menu opened for.
+     */
+    participant: Object,
+
+    /**
+     * The color-schemed stylesheet of the BottomSheet.
+     */
+    _bottomSheetStyles: StyleType,
+
+    /**
+     * True if the menu is currently open, false otherwise.
+     */
+    _isOpen: boolean,
+
+    /**
+     * Whether the participant is present in the room or not.
+     */
+    _isParticipantAvailable?: boolean,
+
+    /**
+     * Display name of the participant retrieved from Redux.
+     */
+    _participantDisplayName: string,
+
+    /**
+     * The ID of the participant.
+     */
+    _participantID: ?string,
+}
+
+// eslint-disable-next-line prefer-const
+let SharedVideoMenu_;
+
+/**
+ * Class to implement a popup menu that opens upon long pressing a fake participant thumbnail.
+ */
+class SharedVideoMenu extends PureComponent<Props> {
+    /**
+     * Constructor of the component.
+     *
+     * @inheritdoc
+     */
+    constructor(props: Props) {
+        super(props);
+
+        this._onCancel = this._onCancel.bind(this);
+        this._renderMenuHeader = this._renderMenuHeader.bind(this);
+    }
+
+    /**
+     * Implements {@code Component#render}.
+     *
+     * @inheritdoc
+     */
+    render() {
+        const {
+            _isParticipantAvailable,
+            participant
+        } = this.props;
+
+        const buttonProps = {
+            afterClick: this._onCancel,
+            showLabel: true,
+            participantID: participant.id,
+            styles: this.props._bottomSheetStyles.buttons
+        };
+
+        return (
+            <BottomSheet
+                onCancel = { this._onCancel }
+                renderHeader = { this._renderMenuHeader }
+                showSlidingView = { _isParticipantAvailable }>
+                <Divider style = { styles.divider } />
+                <SharedVideoButton { ...buttonProps } />
+            </BottomSheet>
+        );
+    }
+
+    _onCancel: () => boolean;
+
+    /**
+     * Callback to hide the {@code SharedVideoMenu}.
+     *
+     * @private
+     * @returns {boolean}
+     */
+    _onCancel() {
+        if (this.props._isOpen) {
+            this.props.dispatch(hideSharedVideoMenu());
+
+            return true;
+        }
+
+        return false;
+    }
+
+    _renderMenuHeader: () => React$Element<any>;
+
+    /**
+     * Function to render the menu's header.
+     *
+     * @returns {React$Element}
+     */
+    _renderMenuHeader() {
+        const { _bottomSheetStyles, participant } = this.props;
+
+        return (
+            <View
+                style = { [
+                    _bottomSheetStyles.sheet,
+                    styles.participantNameContainer ] }>
+                <Avatar
+                    participantId = { participant.id }
+                    size = { AVATAR_SIZE } />
+                <Text style = { styles.participantNameLabel }>
+                    { this.props._participantDisplayName }
+                </Text>
+            </View>
+        );
+    }
+}
+
+/**
+ * Function that maps parts of Redux state tree into component props.
+ *
+ * @param {Object} state - Redux state.
+ * @param {Object} ownProps - Properties of component.
+ * @private
+ * @returns {Props}
+ */
+function _mapStateToProps(state, ownProps) {
+    const { participant } = ownProps;
+    const isParticipantAvailable = getParticipantById(state, participant.id);
+
+    return {
+        _bottomSheetStyles: ColorSchemeRegistry.get(state, 'BottomSheet'),
+        _isOpen: isDialogOpen(state, SharedVideoMenu_),
+        _isParticipantAvailable: Boolean(isParticipantAvailable),
+        _participantDisplayName: getParticipantDisplayName(state, participant.id),
+        _participantID: participant.id
+    };
+}
+
+SharedVideoMenu_ = connect(_mapStateToProps)(SharedVideoMenu);
+
+export default SharedVideoMenu_;
--- a/react/features/video-menu/components/native/index.js
+++ b/react/features/video-menu/components/native/index.js
@@ -8,4 +8,5 @@ export { default as MuteEveryonesVideoDialog } from './MuteEveryonesVideoDialog'
 export { default as MuteRemoteParticipantDialog } from './MuteRemoteParticipantDialog';
 export { default as MuteRemoteParticipantsVideoDialog } from './MuteRemoteParticipantsVideoDialog';
 export { default as RemoteVideoMenu } from './RemoteVideoMenu';
+export { default as SharedVideoMenu } from './SharedVideoMenu';
 export { default as VolumeSlider } from './VolumeSlider';
--- a/react/features/video-quality/subscriber.js
+++ b/react/features/video-quality/subscriber.js
@@ -189,9 +189,15 @@ function _updateReceiverVideoConstraints({ getState }) {
    }
    const { lastN } = state['features/base/lastn'];
    const { maxReceiverVideoQuality, preferredVideoQuality } = state['features/video-quality'];
-    const { visibleParticipants } = state['features/filmstrip'];
    const { participantId: largeVideoParticipantId } = state['features/large-video'];
    const maxFrameHeight = Math.min(maxReceiverVideoQuality, preferredVideoQuality);
+    let { visibleParticipants } = state['features/filmstrip'];
+
+    // TODO: implement this on mobile.
+    if (navigator.product === 'ReactNative') {
+        visibleParticipants = Array.from(state['features/base/participants'].remote.keys());
+    }
+
    const receiverConstraints = {
        constraints: {},
        defaultConstraints: { 'maxHeight': VIDEO_QUALITY_LEVELS.NONE },
--- a/resources/load-test/package-lock.json
+++ b/resources/load-test/package-lock.json
@@ -1709,14 +1709,36 @@
      }
    },
    "browserslist": {
-      "version": "4.7.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.7.3.tgz",
-      "integrity": "sha512-jWvmhqYpx+9EZm/FxcZSbUZyDEvDTLDi3nSAKbzEkyWvtI0mNSmUosey+5awDW1RUlrgXbQb5A6qY1xQH9U6MQ==",
+      "version": "4.16.6",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.16.6.tgz",
+      "integrity": "sha512-Wspk/PqO+4W9qp5iUTJsa1B/QrYn1keNCcEP5OvP7WBwT4KaDly0uONYmC6Xa3Z5IqnUgS0KcgLYu1l74x0ZXQ==",
      "dev": true,
      "requires": {
-        "caniuse-lite": "^1.0.30001010",
-        "electron-to-chromium": "^1.3.306",
-        "node-releases": "^1.1.40"
+        "caniuse-lite": "^1.0.30001219",
+        "colorette": "^1.2.2",
+        "electron-to-chromium": "^1.3.723",
+        "escalade": "^3.1.1",
+        "node-releases": "^1.1.71"
+      },
+      "dependencies": {
+        "caniuse-lite": {
+          "version": "1.0.30001228",
+          "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001228.tgz",
+          "integrity": "sha512-QQmLOGJ3DEgokHbMSA8cj2a+geXqmnpyOFT0lhQV6P3/YOJvGDEwoedcwxEQ30gJIwIIunHIicunJ2rzK5gB2A==",
+          "dev": true
+        },
+        "electron-to-chromium": {
+          "version": "1.3.736",
+          "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.736.tgz",
+          "integrity": "sha512-DY8dA7gR51MSo66DqitEQoUMQ0Z+A2DSXFi7tK304bdTVqczCAfUuyQw6Wdg8hIoo5zIxkU1L24RQtUce1Ioig==",
+          "dev": true
+        },
+        "node-releases": {
+          "version": "1.1.72",
+          "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.72.tgz",
+          "integrity": "sha512-LLUo+PpH3dU6XizX3iVoubUNheF/owjXCZZ5yACDxNnPtgFuludV1ZL3ayK1kVep42Rmm0+R9/Y60NQbZ2bifw==",
+          "dev": true
+        }
      }
    },
    "buffer": {
@@ -1825,12 +1847,6 @@
      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
      "dev": true
    },
-    "caniuse-lite": {
-      "version": "1.0.30001012",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001012.tgz",
-      "integrity": "sha512-7RR4Uh04t9K1uYRWzOJmzplgEOAXbfK72oVNokCdMzA67trrhPzy93ahKk1AWHiA0c58tD2P+NHqxrA8FZ+Trg==",
-      "dev": true
-    },
    "chalk": {
      "version": "2.4.2",
      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
@@ -2049,6 +2065,12 @@
      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
      "dev": true
    },
+    "colorette": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.2.tgz",
+      "integrity": "sha512-MKGMzyfeuutC/ZJ1cba9NqcNpfeqMUcYmyF1ZFY6/Cn7CNSAKx6a+s48sqLqyAiZuaP2TcqMhoo+dlwFnVxT9w==",
+      "dev": true
+    },
    "commander": {
      "version": "2.20.3",
      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
@@ -2426,12 +2448,6 @@
      "integrity": "sha512-7vmuyh5+kuUyJKePhQfRQBhXV5Ce+RnaeeQArKu1EAMpL3WbgMt5WG6uQZpEVvYSSsxMXRKOewtDk9RaTKXRlA==",
      "dev": true
    },
-    "electron-to-chromium": {
-      "version": "1.3.314",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.314.tgz",
-      "integrity": "sha512-IKDR/xCxKFhPts7h+VaSXS02Z1mznP3fli1BbXWXeN89i2gCzKraU8qLpEid8YzKcmZdZD3Mly3cn5/lY9xsBQ==",
-      "dev": true
-    },
    "elliptic": {
      "version": "6.5.4",
      "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.4.tgz",
@@ -2552,6 +2568,12 @@
        "is-symbol": "^1.0.2"
      }
    },
+    "escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "dev": true
+    },
    "escape-html": {
      "version": "1.0.3",
      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
@@ -4547,23 +4569,6 @@
        }
      }
    },
-    "node-releases": {
-      "version": "1.1.41",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.41.tgz",
-      "integrity": "sha512-+IctMa7wIs8Cfsa8iYzeaLTFwv5Y4r5jZud+4AnfymzeEXKBCavFX0KBgzVaPVqf0ywa6PrO8/b+bPqdwjGBSg==",
-      "dev": true,
-      "requires": {
-        "semver": "^6.3.0"
-      },
-      "dependencies": {
-        "semver": {
-          "version": "6.3.0",
-          "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz",
-          "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
-          "dev": true
-        }
-      }
-    },
    "normalize-package-data": {
      "version": "2.5.0",
      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
--- a/resources/prosody-plugins/mod_av_moderation_component.lua
+++ b/resources/prosody-plugins/mod_av_moderation_component.lua
@@ -136,6 +136,7 @@ function on_message(event)
                        room.av_moderation = {};
                        room.av_moderation_actors = {};
                    end
+                    room.av_moderation[mediaType] = {};
                    room.av_moderation_actors[mediaType] = occupant.nick;
                end
            else
--- a/static/pwa/icons/iconMask.png
+++ b/static/pwa/icons/iconMask.png
Author	SHA1	Message	Date
Saúl Ibarra Corretgé	1433a1ee5d	feat(rn,filmstrip) add 1on1 mode When there are only 2 participants in a call, don't show the remote thumbnail, unless the `disable1On1Mode` config option is set or the local participant pin themselves.	2021-08-06 13:31:00 +02:00
dependabot[bot]	834ee22bc3	chore(deps): bump browserslist in /resources/load-test Bumps [browserslist](https://github.com/browserslist/browserslist) from 4.7.3 to 4.16.6. - [Release notes](https://github.com/browserslist/browserslist/releases) - [Changelog](https://github.com/browserslist/browserslist/blob/main/CHANGELOG.md) - [Commits](https://github.com/browserslist/browserslist/compare/4.7.3...4.16.6) Signed-off-by: dependabot[bot] <support@github.com>	2021-08-06 10:02:48 +02:00
Pierre	d6b5687828	fix(misc) fix typeof comparison to undefined	2021-08-06 09:51:54 +02:00
Jaya Allamsetty	6b496d4def	chore(deps) lib-jitsi-meet@latest * fix(ConnectionQuality): Do not show red/yellow GSM bars on join. When the user first unmutes their video, the connection quality is shown as poor until the local stats are available. Calculate the connection quality only after the stats are available, i.e., assume 100% until pcStatsInterval has elapsed. * feat(non-participant-messages) Add a new JitiConferenceEvent for messages ignored by ENDPOINT_MESSAGE_RECEIVED * fix(precall) respect custom callstats script url for precall test `9e632a77c5...6a3df11ffa`	2021-08-05 17:07:43 -04:00
Jaya Allamsetty	22cc56ce8d	chore(deps) lib-jitsi-meet@latest * feat(BridgeChannel): Signal a new videoType for high fps screenshare. This lets the bridge adjust the bitrate allocation for this source so that layers with higher fps are prioritized over layers with higher resolution. As a result, endpoints with restricted downlink will receive a high fps low resolution share as opposed to a high resolution low fps screenshare. * fix(log) lower severity of overly verbose logs (2) `fa834c2923...9e632a77c5`	2021-08-05 14:16:52 -04:00
Saúl Ibarra Corretgé	0419c5a15b	fix(rn,video-quality) fix not selecting any endpoint on mobile The concept of "visible participants" is not yet implemented.	2021-08-05 17:28:33 +02:00
hmuresan	dda1f3c5ba	fix(recording-label) fix recording label behavior	2021-08-05 17:56:12 +03:00
hmuresan	6f41ef75d7	fix(notifications) Fix hiding audio/video lost notification	2021-08-05 16:36:13 +03:00
Saúl Ibarra Corretgé	46cbc0ff49	chore(rn,versions) set mobile app and SDK versions	2021-08-05 13:43:29 +02:00
Saúl Ibarra Corretgé	53a695da90	fix(twa) update masked icon Contrary to what I thought the expected icon is an icon that can be masked, not the mask itself.	2021-08-05 13:42:58 +02:00
Calin Chitu	8bbee7d1dc	feat(toolbox) updated menu items order, dividers for mobile	2021-08-05 11:56:44 +02:00
Дамян Минков	72d4aa7dd5	fix: Fix av moderation enable-disable sequence. When you enable and then disable av-moderation just the audio moderation is disabled and video moderation disabling is not signalled to moderated clients.	2021-08-04 19:41:37 +03:00
Saúl Ibarra Corretgé	8161309e28	deps(rn) update WebRTC to M92	2021-08-04 15:42:37 +02:00
Saúl Ibarra Corretgé	465e7f1458	fix(conference) unify conference options Some options were missing on the mobile side, notably calltsts enableDisplayNameInStats and enableEmailInStats. Now the same logic will be used in web and mobile.	2021-08-04 15:32:03 +02:00
Calinteodor	4e43a31ec9	fix(rn,bottom-sheet) fixed surface color Also fix properly showing the remote menu.	2021-08-04 15:11:32 +02:00
Christoph Settgast	70c5ea04b1	fix(lang) update German translation Signed-off-by: Christoph Settgast <csett86@web.de>	2021-08-04 11:00:34 +02:00
Calinteodor	ca25be7314	fix(config) comment out enabledReactions	2021-08-04 10:58:07 +02:00
Calinteodor	3c2ad24652	fix(shared-video,video-menu) add ability to stop shared video from video menu Specifically, in the bottom sheet (on mobile) and participants pane.	2021-08-04 10:51:05 +02:00