diff --git a/bigbluebutton-html5/imports/api/captions/server/methods.js b/bigbluebutton-html5/imports/api/captions/server/methods.js
index c1cb17675e72..64e8687f2a5f 100644
--- a/bigbluebutton-html5/imports/api/captions/server/methods.js
+++ b/bigbluebutton-html5/imports/api/captions/server/methods.js
@@ -3,10 +3,14 @@ import updateCaptionsOwner from '/imports/api/captions/server/methods/updateCapt
 import startDictation from '/imports/api/captions/server/methods/startDictation';
 import stopDictation from '/imports/api/captions/server/methods/stopDictation';
 import pushSpeechTranscript from '/imports/api/captions/server/methods/pushSpeechTranscript';
+import enableAutoTranslation from '/imports/api/captions/server/methods/enableAutoTranslation';
+import disableAutoTranslation from '/imports/api/captions/server/methods/disableAutoTranslation';
 
 Meteor.methods({
   updateCaptionsOwner,
   startDictation,
   stopDictation,
   pushSpeechTranscript,
+  enableAutoTranslation,
+  disableAutoTranslation,
 });
diff --git a/bigbluebutton-html5/imports/api/captions/server/methods/disableAutoTranslation.js b/bigbluebutton-html5/imports/api/captions/server/methods/disableAutoTranslation.js
new file mode 100644
index 000000000000..df90c52b9c09
--- /dev/null
+++ b/bigbluebutton-html5/imports/api/captions/server/methods/disableAutoTranslation.js
@@ -0,0 +1,20 @@
+//Do we need this? It just modifies an entry of Captions　-> seems yes
+import { check } from 'meteor/check';
+import { extractCredentials } from '/imports/api/common/server/helpers';
+import Logger from '/imports/startup/server/logger';
+import setAutoTranslation from '/imports/api/captions/server/modifiers/setAutoTranslation';
+
+export default function disableAutoTranslation(locale) {
+  try {
+    const { meetingId, requesterUserId } = extractCredentials(this.userId);
+
+    check(locale, String);
+    check(meetingId, String);
+    check(requesterUserId, String);
+
+    //const caption = Captions.findOne({ meetingId, locale }, { fields: { translating:1 } });
+    setAutoTranslation(meetingId, locale, false);
+  } catch (err) {
+    Logger.error(`Exception while invoking method disbleAutoTranslation ${err.stack}`);
+  }
+}
diff --git a/bigbluebutton-html5/imports/api/captions/server/methods/enableAutoTranslation.js b/bigbluebutton-html5/imports/api/captions/server/methods/enableAutoTranslation.js
new file mode 100644
index 000000000000..52cddeb07da4
--- /dev/null
+++ b/bigbluebutton-html5/imports/api/captions/server/methods/enableAutoTranslation.js
@@ -0,0 +1,20 @@
+//Do we need this? It just modifies an entry of Captions -> seems yes
+import { check } from 'meteor/check';
+import { extractCredentials } from '/imports/api/common/server/helpers';
+import Logger from '/imports/startup/server/logger';
+import setAutoTranslation from '/imports/api/captions/server/modifiers/setAutoTranslation';
+
+export default function enableAutoTranslation(locale) {
+  try {
+    const { meetingId, requesterUserId } = extractCredentials(this.userId);
+
+    check(locale, String);
+    check(meetingId, String);
+    check(requesterUserId, String);
+
+    //const caption = Captions.findOne({ meetingId, locale }, { fields: { translating:1 } });
+    setAutoTranslation(meetingId, locale, true);
+  } catch (err) {
+    Logger.error(`Exception while invoking method enableAutoTranslation ${err.stack}`);
+  }
+}
diff --git a/bigbluebutton-html5/imports/api/captions/server/methods/pushSpeechTranscript.js b/bigbluebutton-html5/imports/api/captions/server/methods/pushSpeechTranscript.js
index 7e81127fe6f2..6e7358df6063 100644
--- a/bigbluebutton-html5/imports/api/captions/server/methods/pushSpeechTranscript.js
+++ b/bigbluebutton-html5/imports/api/captions/server/methods/pushSpeechTranscript.js
@@ -1,11 +1,67 @@
 import { check } from 'meteor/check';
 import Captions from '/imports/api/captions';
+import Users from '/imports/api/users';
 import { extractCredentials } from '/imports/api/common/server/helpers';
 import Logger from '/imports/startup/server/logger';
 import setTranscript from '/imports/api/captions/server/modifiers/setTranscript';
 import updatePad from '/imports/api/pads/server/methods/updatePad';
+import axios from 'axios';
 
-export default function pushSpeechTranscript(locale, transcript, type) {
+const CAPTIONS_CONFIG = Meteor.settings.public.captions;
+
+function sendTranscript(meetingId, requesterUserId, type, dst, text) {
+  const user = Users.findOne({meetingId, userId: requesterUserId}, { fields: {name: 1}});
+  //console.log("sendTranscript", text);
+  const textWithName = `${user.name}: ${text}`;
+  if (type === 'final') {
+    const textLf = `\n${textWithName}`;
+    updatePad(meetingId, requesterUserId, dst, textLf);
+  }
+  setTranscript(meetingId, dst, textWithName);
+}
+
+function translateText(meetingId, requesterUserId, textOri, type, src, dst) {
+  if ( !CAPTIONS_CONFIG.enableAutomaticTranslation || textOri === "" || !dst || dst === "" || dst === src || dst.replace(/-..$/,'') === src || dst === src.replace(/-..$/,'') ) {
+    sendTranscript(meetingId, requesterUserId, type, dst, textOri);
+  } else {
+    let url = '';
+    if (CAPTIONS_CONFIG.googleTranslateUrl) {
+      url = CAPTIONS_CONFIG.googleTranslateUrl + '/exec?' +
+            'text=' + encodeURIComponent(textOri) + '&source=' + src + '&target=' + dst;
+    } else if (CAPTIONS_CONFIG.deeplTranslateUrl) {
+      url = CAPTIONS_CONFIG.deeplTranslateUrl +
+            '&text=' + encodeURIComponent(textOri) + '&source_lang=' + src.replace(/-..$/,'').toUpperCase() +
+            '&target_lang=' + dst.toUpperCase();
+    } else {
+      Logger.error('Could not get a translation service.');
+      return;
+    }
+
+    axios({
+      method: 'get',
+      url,
+      responseType: 'json',
+    }).then((response) => {
+      if (CAPTIONS_CONFIG.googleTranslateUrl) {
+        const { code, text } = response.data;
+        if (code === 200) {
+          sendTranscript(meetingId, requesterUserId, type, dst, text);
+        } else {
+          Logger.error(`Failed to get Google translation for ${textOri}`);
+        }
+      } else if (CAPTIONS_CONFIG.deeplTranslateUrl) {
+        const { translations } = response.data;
+        if (translations.length > 0 && translations[0].text) {
+          sendTranscript(meetingId, requesterUserId, type, dst, translations[0].text);
+        } else {
+          Logger.error(`Failed to get DeepL translation for ${textOri}`);
+        }
+      }
+    }).catch((error) => Logger.error(`Could not get translation for ${textOri.trim()} on the locale ${dst}: ${error}`));
+  }
+}
+
+export default function pushSpeechTranscript(locale, transcript, type, locales) {
   try {
     const { meetingId, requesterUserId } = extractCredentials(this.userId);
 
@@ -14,22 +70,20 @@ export default function pushSpeechTranscript(locale, transcript, type) {
     check(locale, String);
     check(transcript, String);
     check(type, String);
+    check(locales, Array);
 
-    const captions = Captions.findOne({
-      meetingId,
-      ownerId: requesterUserId,
-      locale,
-      dictating: true,
-    });
+    locales.forEach(function(dstLocale, index) {
+      const caption = Captions.findOne({
+        meetingId,
+        locale: dstLocale,
+      });
 
-    if (captions) {
-      if (type === 'final') {
-        const text = `\n${transcript}`;
-        updatePad(meetingId, requesterUserId, locale, text);
+      if (!caption) {
+        Logger.error(`Could not find the caption's pad for meetingId=${meetingId} locale=${locale}`);
+      } else {
+        translateText(meetingId, requesterUserId, transcript, type, locale, dstLocale);
       }
-
-      setTranscript(meetingId, locale, transcript);
-    }
+    });
   } catch (err) {
     Logger.error(`Exception while invoking method pushSpeechTranscript ${err.stack}`);
   }
diff --git a/bigbluebutton-html5/imports/api/captions/server/methods/startDictation.js b/bigbluebutton-html5/imports/api/captions/server/methods/startDictation.js
index 7d0baa2a9df9..eef995558144 100644
--- a/bigbluebutton-html5/imports/api/captions/server/methods/startDictation.js
+++ b/bigbluebutton-html5/imports/api/captions/server/methods/startDictation.js
@@ -14,7 +14,6 @@ export default function startDictation(locale) {
 
     const captions = Captions.findOne({
       meetingId,
-      ownerId: requesterUserId,
       locale,
     });
 
diff --git a/bigbluebutton-html5/imports/api/captions/server/methods/stopDictation.js b/bigbluebutton-html5/imports/api/captions/server/methods/stopDictation.js
index 44e469348ad1..7f8078dfdbcf 100644
--- a/bigbluebutton-html5/imports/api/captions/server/methods/stopDictation.js
+++ b/bigbluebutton-html5/imports/api/captions/server/methods/stopDictation.js
@@ -14,7 +14,6 @@ export default function stopDictation(locale) {
 
     const captions = Captions.findOne({
       meetingId,
-      ownerId: requesterUserId,
       locale,
     });
 
diff --git a/bigbluebutton-html5/imports/api/captions/server/modifiers/createCaptions.js b/bigbluebutton-html5/imports/api/captions/server/modifiers/createCaptions.js
index 382be4726615..f92b3ea8fd58 100644
--- a/bigbluebutton-html5/imports/api/captions/server/modifiers/createCaptions.js
+++ b/bigbluebutton-html5/imports/api/captions/server/modifiers/createCaptions.js
@@ -20,6 +20,9 @@ export default function createCaptions(meetingId, locale, name) {
       ownerId: '',
       dictating: false,
       transcript: '',
+      translating: false,
+      translationDoner: {},
+      speechDoner: {},
     };
 
     const numberAffected = Captions.upsert(selector, modifier);
diff --git a/bigbluebutton-html5/imports/api/captions/server/modifiers/setAutoTranslation.js b/bigbluebutton-html5/imports/api/captions/server/modifiers/setAutoTranslation.js
new file mode 100644
index 000000000000..d13d769568ff
--- /dev/null
+++ b/bigbluebutton-html5/imports/api/captions/server/modifiers/setAutoTranslation.js
@@ -0,0 +1,31 @@
+//Do we need this? It just sets "translating" -> seems yes
+import Captions from '/imports/api/captions';
+import Logger from '/imports/startup/server/logger';
+import { check } from 'meteor/check';
+
+export default function setAutoTranslation(meetingId, locale, translating) {
+  check(meetingId, String);
+  check(locale, String);
+  check(translating, Boolean);
+
+  const selector = {
+    meetingId,
+    locale,
+  };
+
+  const modifier = {
+    $set: {
+      translating,
+    }
+  };
+
+  try {
+    const numberAffected = Captions.update(selector, modifier);
+
+    if (numberAffected) {
+      Logger.verbose('Captions: updated pad autoTranslation', { locale });
+    }
+  } catch (err) {
+    Logger.error(`Updating captions pad autoTranslation: ${err}`);
+  }
+}
diff --git a/bigbluebutton-html5/imports/api/captions/server/modifiers/updateCaptionsOwner.js b/bigbluebutton-html5/imports/api/captions/server/modifiers/updateCaptionsOwner.js
index 61595c886f9f..e4a10524920f 100644
--- a/bigbluebutton-html5/imports/api/captions/server/modifiers/updateCaptionsOwner.js
+++ b/bigbluebutton-html5/imports/api/captions/server/modifiers/updateCaptionsOwner.js
@@ -16,7 +16,6 @@ export default function updateCaptionsOwner(meetingId, locale, ownerId) {
     const modifier = {
       $set: {
         ownerId,
-        dictating: false, // Refresh dictation mode
       },
     };
 
diff --git a/bigbluebutton-html5/imports/ui/components/captions/button/component.jsx b/bigbluebutton-html5/imports/ui/components/captions/button/component.jsx
index 19de6750f15a..a46f2080535f 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/button/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/button/component.jsx
@@ -2,6 +2,14 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { defineMessages, injectIntl } from 'react-intl';
 import Styled from './styles';
+import ButtonEmoji from '/imports/ui/components/common/button/button-emoji/ButtonEmoji';
+import _ from 'lodash';
+import Dropdown from '/imports/ui/components/dropdown/component';
+import DropdownTrigger from '/imports/ui/components/dropdown/trigger/component';
+import DropdownContent from '/imports/ui/components/dropdown/content/component';
+import DropdownList from '/imports/ui/components/dropdown/list/component';
+import DropdownListItem from '/imports/ui/components/dropdown/list/item/component';
+import Service from '/imports/ui/components/captions/service';
 
 const propTypes = {
   intl: PropTypes.shape({
@@ -20,20 +28,61 @@ const intlMessages = defineMessages({
     id: 'app.actionsBar.captions.stop',
     description: 'Stop closed captions option',
   },
+  changeCaption: {
+    id: 'app.actionsBar.changeCaption',
+    description: 'Open change caption label',
+  },
 });
 
-const CaptionsButton = ({ intl, isActive, handleOnClick }) => (
-  <Styled.CaptionsButton
-    icon="closed_caption"
-    label={intl.formatMessage(isActive ? intlMessages.stop : intlMessages.start)}
-    color={isActive ? 'primary' : 'default'}
-    ghost={!isActive}
-    hideLabel
-    circle
-    size="lg"
-    onClick={handleOnClick}
-    id={isActive ? 'stop-captions-button' : 'start-captions-button'}
-  />
+const handleClickCaption = (locale, selectedLocale) => {
+  if (selectedLocale != locale) {
+    Service.setCaptionsActive(locale);
+  }
+}
+
+const getAvailableCaptions = (captions, selected) => {
+  return(
+    captions.map(locale => (
+    <DropdownListItem
+      label={locale.name}
+      key={_.uniqueId('locale-selector')}
+      onClick={() => handleClickCaption(locale.locale, selected)}
+      iconRight={selected == locale.locale ? 'check' : null}
+    />
+    ))
+  );
+};
+
+const CaptionsButton = ({ intl, isActive, handleOnClick, translatedLocales, selectedLocale }) => (
+  <div>
+    <Styled.CaptionsButton
+      icon="closed_caption"
+      label={intl.formatMessage(isActive ? intlMessages.stop : intlMessages.start)}
+      color={isActive ? 'primary' : 'default'}
+      ghost={!isActive}
+      hideLabel
+      circle
+      size="lg"
+      onClick={handleOnClick}
+      id={isActive ? 'stop-captions-button' : 'start-captions-button'}
+    />
+    {isActive &&
+      <Dropdown>
+        <DropdownTrigger tabIndex={0}>
+        <ButtonEmoji
+          emoji="device_list_selector"
+          hideLabel
+          label={intl.formatMessage(intlMessages.changeCaption)}
+        />
+        </DropdownTrigger>
+        <DropdownContent placement="top left">
+          <DropdownList>
+            {getAvailableCaptions(translatedLocales, selectedLocale)}
+          </DropdownList>
+        </DropdownContent>
+      </Dropdown>
+    }
+  </div>
 );
 
 CaptionsButton.propTypes = propTypes;
diff --git a/bigbluebutton-html5/imports/ui/components/captions/button/container.jsx b/bigbluebutton-html5/imports/ui/components/captions/button/container.jsx
index add5eb0a6673..064a8b410f03 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/button/container.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/button/container.jsx
@@ -12,4 +12,6 @@ export default withModalMounter(withTracker(({ mountModal }) => ({
   handleOnClick: () => (Service.isCaptionsActive()
     ? Service.deactivateCaptions()
     : mountModal(<CaptionsReaderMenuContainer />)),
+  translatedLocales: Service.getLocalesAutoTranslated(),
+  selectedLocale: Service.getCaptionsActive(),
 }))(Container));
diff --git a/bigbluebutton-html5/imports/ui/components/captions/component.jsx b/bigbluebutton-html5/imports/ui/components/captions/component.jsx
index 3b5f4a5a82b5..18c523184c30 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/component.jsx
@@ -9,6 +9,8 @@ import Styled from './styles';
 import { PANELS, ACTIONS } from '/imports/ui/components/layout/enums';
 import browserInfo from '/imports/utils/browserInfo';
 import Header from '/imports/ui/components/common/control-header/component';
+import StyledHeader from '/imports/ui/components/common/control-header//styles';
+import { components } from 'react-select';
 
 const intlMessages = defineMessages({
   hide: {
@@ -39,37 +41,82 @@ const intlMessages = defineMessages({
     id: 'app.captions.dictationOffDesc',
     description: 'Aria description for button that turns off speech recognition',
   },
+  autoTranslation: {
+    id: 'app.captions.pad.autoTranslation',
+    description: 'Label for auto translation of closed captions pad',
+  },
+  autoTranslationDesc: {
+    id: 'app.captions.pad.autoTranslationDesc',
+    description: 'Descriotion for auto translation of closed captions pad',
+  },
 });
 
 const propTypes = {
   locale: PropTypes.string.isRequired,
   name: PropTypes.string.isRequired,
-  ownerId: PropTypes.string.isRequired,
   intl: PropTypes.shape({
     formatMessage: PropTypes.func.isRequired,
   }).isRequired,
-  dictation: PropTypes.bool.isRequired,
-  dictating: PropTypes.bool.isRequired,
   isRTL: PropTypes.bool.isRequired,
   hasPermission: PropTypes.bool.isRequired,
   layoutContextDispatch: PropTypes.func.isRequired,
   isResizing: PropTypes.bool.isRequired,
 };
 
+const MultiValueRemove = (props) => {
+  if (props.data.isFixed) {
+    return null;
+  }
+  return <components.MultiValueRemove {...props} />;
+};
+
 const Captions = ({
   locale,
   intl,
-  ownerId,
   name,
-  dictation,
-  dictating,
+  amISpeaker,
   isRTL,
   hasPermission,
   layoutContextDispatch,
   isResizing,
+  isAutoTranslated,
+  //toggleAutoTranslation,
 }) => {
   const { isChrome } = browserInfo;
 
+  const localeOptions = [];
+  const selectedLocales = [];
+  Service.getAvailableLocales().forEach((loc) => {
+    //The current locale not included
+    localeOptions.push({value: loc.locale, label: loc.name});
+    if (loc.translating) {
+      if (loc.locale == locale) {
+        selectedLocales.push({value: loc.locale, label: loc.name, isFixed: true});
+      } else {
+        selectedLocales.push({value: loc.locale, label: loc.name});
+      }
+    }
+  });
+
+  const onTranslationLocaleChanged = (
+    newValue,
+    actionMeta
+  ) => {
+    switch (actionMeta.action) {
+      case 'remove-value':
+      case 'pop-value':
+        Service.removeTranslation(actionMeta.removedValue.value);
+        break;
+      case 'select-option':
+        Service.selectTranslation(actionMeta.option.value);
+        break;
+      case 'clear':
+        //This would't happen..
+        Service.clearTranslation();
+        break;
+    }
+  };
+
   return (
     <Styled.Captions isChrome={isChrome}>
       <Header
@@ -87,35 +134,56 @@ const Captions = ({
           'aria-label': intl.formatMessage(intlMessages.hide),
           label: name,
         }}
-        customRightButton={Service.amICaptionsOwner(ownerId) ? (
+        customRightButton={
           <span>
             <Button
-              onClick={dictating
+              onClick={amISpeaker
                 ? () => Service.stopDictation(locale)
                 : () => Service.startDictation(locale)}
-              label={dictating
+              label={amISpeaker
                 ? intl.formatMessage(intlMessages.dictationStop)
                 : intl.formatMessage(intlMessages.dictationStart)}
               aria-describedby="dictationBtnDesc"
-              color={dictating ? 'danger' : 'primary'}
-              disabled={!dictation}
+              color={amISpeaker ? 'danger' : 'primary'}
             />
             <div id="dictationBtnDesc" hidden>
-              {dictating
+              {amISpeaker
                 ? intl.formatMessage(intlMessages.dictationOffDesc)
                 : intl.formatMessage(intlMessages.dictationOnDesc)}
             </div>
           </span>
-        ) : (
-          <Button
-            color="primary"
-            tooltipLabel={intl.formatMessage(intlMessages.takeOwnershipTooltip, { 0: name })}
-            onClick={() => Service.updateCaptionsOwner(locale, name)}
-            aria-label={intl.formatMessage(intlMessages.takeOwnership)}
-            label={intl.formatMessage(intlMessages.takeOwnership)}
-          />
-        )}
+        }
       />
+
+      <StyledHeader.RightWrapper>
+        {Service.isAutoTranslationEnabled() && amISpeaker
+          ? (
+              <div>
+                <label>
+                  {intl.formatMessage(intlMessages.autoTranslationDesc)}
+                </label>
+              </div>
+          )
+          : null}
+      </StyledHeader.RightWrapper>
+      <StyledHeader.RightWrapper>
+        {amISpeaker && isAutoTranslated
+          ? (
+              <div>
+                <Styled.SelectTranslation
+                  closeMenuOnSelect={false}
+                  defaultValue={selectedLocales}
+                  isMulti
+                  options={localeOptions}
+                  onChange={onTranslationLocaleChanged}
+                  components= {{ MultiValueRemove }}
+                  isClearable={false}
+                />
+              </div>
+          )
+          : null}
+      </StyledHeader.RightWrapper>
+
       <PadContainer
         externalId={locale}
         hasPermission={hasPermission}
diff --git a/bigbluebutton-html5/imports/ui/components/captions/container.jsx b/bigbluebutton-html5/imports/ui/components/captions/container.jsx
index fc0ca2c311ac..0731f8cbc30d 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/container.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/container.jsx
@@ -13,18 +13,6 @@ const Container = (props) => {
 
   const { amIModerator } = props;
 
-  if (!amIModerator) {
-    layoutContextDispatch({
-      type: ACTIONS.SET_SIDEBAR_CONTENT_IS_OPEN,
-      value: false,
-    });
-    layoutContextDispatch({
-      type: ACTIONS.SET_SIDEBAR_CONTENT_PANEL,
-      value: PANELS.NONE,
-    });
-    return null;
-  }
-
   return <Captions {...{ layoutContextDispatch, isResizing, ...props }} />;
 };
 
@@ -33,19 +21,16 @@ export default withTracker(() => {
   const {
     locale,
     name,
-    ownerId,
-    dictating,
   } = Service.getCaptions();
 
   return {
     locale,
     name,
-    ownerId,
-    dictation: Service.canIDictateThisPad(ownerId),
-    dictating,
+    amISpeaker: Service.amISpeaker(locale),
     currentUserId: Auth.userID,
     isRTL,
     hasPermission: Service.hasPermission(),
     amIModerator: Service.amIModerator(),
+    isAutoTranslated: Service.isAutoTranslated(locale),
   };
 })(Container);
diff --git a/bigbluebutton-html5/imports/ui/components/captions/reader-menu/component.jsx b/bigbluebutton-html5/imports/ui/components/captions/reader-menu/component.jsx
index 8cb1c7c31779..003fb2b87f4f 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/reader-menu/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/reader-menu/component.jsx
@@ -5,6 +5,8 @@ import { GithubPicker } from 'react-color';
 import { defineMessages, injectIntl } from 'react-intl';
 import { withModalMounter } from '/imports/ui/components/common/modal/service';
 import Styled from './styles';
+import { Session } from 'meteor/session';
+import Service from '/imports/ui/components/captions/service';
 
 const DEFAULT_VALUE = 'select';
 const DEFAULT_KEY = -1;
@@ -94,7 +96,7 @@ const propTypes = {
   activateCaptions: PropTypes.func.isRequired,
   getCaptionsSettings: PropTypes.func.isRequired,
   closeModal: PropTypes.func.isRequired,
-  ownedLocales: PropTypes.arrayOf(PropTypes.object).isRequired,
+  translatedLocales: PropTypes.arrayOf(PropTypes.object).isRequired,
   intl: PropTypes.shape({
     formatMessage: PropTypes.func.isRequired,
   }).isRequired,
@@ -111,10 +113,19 @@ class ReaderMenu extends PureComponent {
       fontSize,
     } = props.getCaptionsSettings();
 
-    const { ownedLocales } = this.props;
+    const { translatedLocales } = this.props;
+
+    let initLocale;
+    if (Service.getCaptionsActive() && translatedLocales.some ( locale => locale.locale == Service.getCaptionsActive()) ) {
+      initLocale = Service.getCaptionsActive();
+    } else {
+      const locale = translatedLocales?.[0] ? translatedLocales[0].locale : null;
+      Service.setCaptionsActive(locale);
+      initLocale = locale;
+    }
 
     this.state = {
-      locale: (ownedLocales && ownedLocales[0]) ? ownedLocales[0].locale : null,
+      locale: initLocale,
       backgroundColor,
       fontColor,
       fontFamily,
@@ -179,6 +190,7 @@ class ReaderMenu extends PureComponent {
       fontSize,
     };
     activateCaptions(locale, settings);
+    Service.setCaptionsActive(locale);
     closeModal();
   }
 
@@ -201,7 +213,7 @@ class ReaderMenu extends PureComponent {
   render() {
     const {
       intl,
-      ownedLocales,
+      translatedLocales,
       closeModal,
     } = this.props;
 
@@ -251,7 +263,7 @@ class ReaderMenu extends PureComponent {
                   >
                     {intl.formatMessage(intlMessages.select)}
                   </option>
-                  {ownedLocales.map((loc) => (
+                  {translatedLocales.map((loc) => (
                     <option
                       key={loc.locale}
                       value={loc.locale}
diff --git a/bigbluebutton-html5/imports/ui/components/captions/reader-menu/container.jsx b/bigbluebutton-html5/imports/ui/components/captions/reader-menu/container.jsx
index 5a7f46abadfd..7e02b236e702 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/reader-menu/container.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/reader-menu/container.jsx
@@ -10,5 +10,5 @@ export default withModalMounter(withTracker(({ mountModal }) => ({
   closeModal: () => mountModal(null),
   activateCaptions: (locale, settings) => CaptionsService.activateCaptions(locale, settings),
   getCaptionsSettings: () => CaptionsService.getCaptionsSettings(),
-  ownedLocales: CaptionsService.getOwnedLocales(),
+  translatedLocales: CaptionsService.getLocalesAutoTranslated(),
 }))(ReaderMenuContainer));
diff --git a/bigbluebutton-html5/imports/ui/components/captions/service.js b/bigbluebutton-html5/imports/ui/components/captions/service.js
index 0b82a14f9e71..94f7e1bb7549 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/service.js
+++ b/bigbluebutton-html5/imports/ui/components/captions/service.js
@@ -7,35 +7,150 @@ import { makeCall } from '/imports/ui/services/api';
 import { Meteor } from 'meteor/meteor';
 import { Session } from 'meteor/session';
 import { isCaptionsEnabled } from '/imports/ui/services/features';
+import logger from '/imports/startup/client/logger';
 
 const CAPTIONS_CONFIG = Meteor.settings.public.captions;
 const ROLE_MODERATOR = Meteor.settings.public.user.role_moderator;
 const LINE_BREAK = '\n';
 
+const getCaptionFromLocale = (loc) => {
+  const { meetingID } = Auth;
+  const caption = Captions.findOne({ meetingId: meetingID, locale: loc });
+  return caption;
+};
+
+/*
+  dictating: Whether there is any speechDoner.userID: true in the locale
+  translating: Whether there is any translationDoner.userID: true in the locale
+               Even the spoken locale being captioned is treated as 'translation' in the API although it's not actually translated
+               So 'translating' can be false when 'dictating' is true if the user dictates but offers no translation,
+                 however, 'translating' practically equals 'dictating' 
+                 because the spoken locale will be passed to the translation function in the API.
+  ownerId: Every new caption creater takes the ownership
+*/
+
+const clearTranslation = () => {
+  const { meetingID, userID } = Auth;
+  const localesOnceTranslated = Captions.find({ meetingId: meetingID, ['translationDoner.'+userID]: {$exists:true} }).fetch();
+  localesOnceTranslated.forEach((c) => {
+    removeTranslation(c.locale);
+  });
+}
+
+const removeTranslation = (loc) => {
+  const { meetingID, userID } = Auth;
+  const modifier = {
+    $set: {
+      ['translationDoner.'+userID]: false,
+    },
+  };
+
+  try {
+    const numberAffected = Captions.update({ meetingId: meetingID, locale: loc }, modifier);
+    if (numberAffected) {
+      logger.info(`Removing translationDoner ${loc} ${userID} meeting=${meetingID} in Captions`);
+    }
+  } catch (err) {
+    logger.error(`Removing translationDoner: ${err} in Captions`);
+  }
+
+  const newcap = Captions.findOne({ meetingId: meetingID, locale: loc }, { fields: { translationDoner: 1 } });
+  const td = newcap.translationDoner;
+  if (!Object.values(td).includes(true)) {
+    const modifier2 = {
+      $set: {
+        translating: false,
+      },
+    };
+    try {
+      const numberAffected = Captions.upsert({ meetingId: meetingID, locale: loc }, modifier2);
+      if (numberAffected) {
+        logger.info(`Updating translating ${loc} ${userID} meeting=${meetingID} in Captions`);
+      }
+      makeCall('disableAutoTranslation', loc);
+    } catch (err) {
+      logger.error(`Updating translating: ${err} in Captions`);
+    }
+  }
+};
+
+const selectTranslation = (loc) => {
+  const { meetingID, userID } = Auth;
+  const modifier = {
+    $set: {
+      ['translationDoner.'+userID]: true,
+      translating: true,
+    },
+  };
+  try {
+    const numberAffected = Captions.upsert({ meetingId: meetingID, locale: loc }, modifier);
+    if (numberAffected) {
+      logger.info(`Adding translationDoner ${loc} ${userID} meeting=${meetingID}`);
+    }
+    makeCall('enableAutoTranslation', loc);
+  } catch (err) {
+    logger.error(`Adding translationDoner: ${err} in Captions`);
+  }
+  //console.log("selectTranslation", Captions.find({ meetingId: meetingID, translating: true }).fetch());
+};
+
+const getMyLocalesAutoTranslated = () => {
+  const { meetingID, userID } = Auth;
+  const localesTranslated = Captions.find(
+    { meetingId: meetingID, translating: true, ['translationDoner.'+userID]: true },
+    { fields: { locale: 1, name: 1 } },
+  ).fetch();
+  return localesTranslated;
+};
+
+const getLocalesAutoTranslated = () => {
+  const { meetingID } = Auth;
+  const localesTranslated = Captions.find(
+    { meetingId: meetingID, translating: true },
+    { fields: { locale: 1, name: 1 } },
+  ).fetch();
+  return localesTranslated;
+};
+
+const isAutoTranslated = (locale) => {
+  const { meetingID } = Auth;
+  const loc = Captions.findOne({ meetingId: meetingID, locale });
+  return loc.translating;
+};
+
+const isAutoTranslationEnabled = () => {
+  return CAPTIONS_CONFIG.enableAutomaticTranslation;
+};
+
 const getAvailableLocales = () => {
   const availableLocales = Captions.find(
-    { meetingId: Auth.meetingID, ownerId: '' },
+    { meetingId: Auth.meetingID },
     { sort: { locale: 1 } },
-    { fields: { ownerId: 1, locale: 1, name: 1 } },
+    { fields: { locale: 1, name: 1 } },
   ).fetch();
 
   return availableLocales;
 };
 
-const getOwnedLocales = () => {
-  const ownedLocales = Captions.find(
-    { meetingId: Auth.meetingID, ownerId: { $not: '' } },
-    { fields: { ownerId: 1, locale: 1, name: 1 } },
-  ).fetch();
-
-  return ownedLocales;
-};
+const getOwnedLocale = () => getCaptionFromLocale(getCaptionsLocale());
 
 const updateCaptionsOwner = (locale, name) => makeCall('updateCaptionsOwner', locale, name);
 
-const startDictation = (locale) => makeCall('startDictation', locale);
-
-const stopDictation = (locale) => makeCall('stopDictation', locale);
+const startDictation = (locale) => {
+  provideSpeech(locale);
+  selectTranslation(locale);
+}
+
+const stopDictation = (locale) => {
+  retractSpeech(locale);
+  const donatedTranslation = getMyLocalesAutoTranslated();
+  donatedTranslation.forEach((loc) => {
+  //console.log("stopDictation", loc, locale);
+    if (loc.locale !== locale) {
+      removeTranslation(loc.locale);
+    }
+  })
+}
 
 const getCaptionsSettings = () => {
   const settings = Session.get('captionsSettings');
@@ -58,12 +173,14 @@ const setCaptionsSettings = (settings) => Session.set('captionsSettings', settin
 
 const getCaptionsLocale = () => Session.get('captionsLocale') || '';
 
+const setCaptionsLocale = (locale) => Session.set('captionsLocale', locale);
+
 const getCaptions = () => {
   const locale = getCaptionsLocale();
   if (locale) {
     const {
       name,
-      ownerId,
+      speechDoner,
       dictating,
     } = Captions.findOne({
       meetingId: Auth.meetingID,
@@ -73,7 +190,7 @@ const getCaptions = () => {
     return {
       locale,
       name,
-      ownerId,
+      speechDoner,
       dictating,
     };
   }
@@ -81,15 +198,11 @@ const getCaptions = () => {
   return {
     locale,
     name: '',
-    ownerId: '',
+    speechDoner: {},
     dictating: false,
   };
 };
 
-const setCaptionsLocale = (locale) => Session.set('captionsLocale', locale);
-
-const getCaptionsActive = () => Session.get('captionsActive') || '';
-
 const formatCaptionsText = (text) => {
   const splitText = text.split(LINE_BREAK);
   const filteredText = splitText.filter((line, index) => {
@@ -104,35 +217,69 @@ const formatCaptionsText = (text) => {
   return filteredText.join(LINE_BREAK);
 };
 
+const whoDonatesTranslatedDictation = (td) => {
+  //who is donating the translated dictation?
+  Object.keys(td).forEach((translator) => {
+    if (td[translator]) {
+      //what locale the translation doner is speaking?
+      const dictatedLocale = Captions.findOne({
+        meetingId: Auth.meetingID,
+        ['speechDoner.'+translator]: true,
+      },{
+        fields: { dictating: 1, locale: 1 }   
+      });
+      if (dictatedLocale) {
+        console.log("getCaptionsData: translated by", translator, "from", dictatedLocale.locale);
+      }
+    }
+  });
+}
+
 const getCaptionsData = () => {
   const locale = getCaptionsActive();
   if (locale) {
-    const captions = Captions.findOne({
+    const caption = Captions.findOne({
       meetingId: Auth.meetingID,
       locale,
-      dictating: true,
+    },{
+      fields: { dictating: 1, transcript: 1, translationDoner: 1 }
     });
 
     let data = '';
-    if (captions) {
-      data = captions.transcript;
-    } else {
-      data = PadsService.getPadTail(locale);
+    if (caption.dictating) {
+      data = caption.transcript;
+    } else {//1.somebodies are donating translated dictations -> transfer the caption.transcript
+            //2.somebodies are directy writing -> pick the pad's tail
+      //whoDonatesTranslatedDictation(caption.translationDoner);
+      if (Object.keys(caption.translationDoner).length == 0) {
+        data = PadsService.getPadTail(locale);
+      } else {
+        data = caption.transcript;
+      }
     }
-
     return formatCaptionsText(data);
   }
-
   return '';
-};
+}
+
+const getCaptionsActive = () => Session.get('captionsActive') || ''
 
 const setCaptionsActive = (locale) => Session.set('captionsActive', locale);
 
-const amICaptionsOwner = (ownerId) => ownerId === Auth.userID;
+const amISpeaker = (locale) => {
+  const cap = Captions.findOne({
+    meetingId: Auth.meetingID,
+    locale,
+  },{
+    fields: { speechDoner: 1 },
+  });
+  //console.log("amICaptionsOwner", cap);
+  return cap.speechDoner ? cap.speechDoner[Auth.userID] : false;
+}
 
 const isCaptionsAvailable = () => {
   if (isCaptionsEnabled()) {
-    const ownedLocales = getOwnedLocales();
+    const ownedLocales = getLocalesAutoTranslated();
 
     return (ownedLocales.length > 0);
   }
@@ -172,46 +319,114 @@ const getName = (locale) => {
   return captions.name;
 };
 
+const provideSpeech = (loc) => {
+  const { meetingID, userID } = Auth;
+
+  const modifier = {
+    $set: {
+      ['speechDoner.'+userID]: true,
+      dictating: true,
+    },
+  };
+
+  try {
+    const numberAffected = Captions.update({ meetingId: meetingID, locale: loc }, modifier);
+    if (numberAffected) {
+      logger.info(`Adding speechDoner ${loc} ${userID} meeting=${meetingID} in Captions`);
+    }
+    makeCall('startDictation', loc);
+  } catch (err) {
+    logger.error(`Adding speechDoner: ${err} in Captions`);
+  }
+}
+
+const retractSpeech = (loc) => {
+  const { meetingID, userID } = Auth;
+
+  const modifier = {
+    $set: {
+      ['speechDoner.'+userID]: false,
+    },
+  };
+
+  try {
+    const numberAffected = Captions.update({ meetingId: meetingID, locale: loc }, modifier);
+    if (numberAffected) {
+      logger.info(`Removing speechDoner ${loc} ${userID} meeting=${meetingID} in Captions`);
+    }
+  } catch (err) {
+    logger.error(`Removing speechDoner: ${err} in Captions`);
+  }
+
+  const newcap = Captions.findOne({ meetingId: meetingID, locale: loc }, { fields: { speechDoner: 1 } });
+  const sd = newcap.speechDoner;
+  if (!Object.values(sd).includes(true)) {
+    const modifier2 = {
+      $set: {
+        dictating: false,
+      },
+    };
+    try {
+      const numberAffected = Captions.upsert({ meetingId: meetingID, locale: loc }, modifier2);
+      if (numberAffected) {
+        logger.info(`Updating dicatating ${loc} ${userID} meeting=${meetingID} in Captions`);
+      }
+      makeCall('stopDictation', loc);
+    } catch (err) {
+      logger.error(`Updating dictating: ${err} in Captions`);
+    }
+  }
+}
+
 const createCaptions = (locale) => {
   const name = getName(locale);
+  retractSpeech(locale);
+  clearTranslation();
   PadsService.createGroup(locale, CAPTIONS_CONFIG.id, name);
-  updateCaptionsOwner(locale, name);
+  updateCaptionsOwner(locale, name); //every new caption creater takes the ownership
   setCaptionsLocale(locale);
 };
 
 const hasPermission = () => {
-  if (amIModerator()) {
-    const { ownerId } = getCaptions();
-
-    return Auth.userID === ownerId;
-  }
-
-  return false;
+  return true;
 };
 
 const getDictationStatus = () => {
-  if (!CAPTIONS_CONFIG.dictation || !amIModerator()) {
+  // Can be more simple by subscribing 'dictating'.
+  const userId = Auth.userID;
+
+  if (!CAPTIONS_CONFIG.dictation) {
     return {
       locale: '',
       dictating: false,
     };
   }
 
-  const captions = Captions.findOne({
+  const captions = Captions.find({
     meetingId: Auth.meetingID,
-    ownerId: Auth.userID,
+    speechDoner: {$exists: true},
   }, {
     fields: {
       locale: 1,
-      dictating: 1,
+      speechDoner: 1,
     },
-  });
+  }).fetch();
 
   if (captions) {
-    return {
-      locale: captions.locale,
-      dictating: captions.dictating,
-    };
+    let dictatedLocale = '';
+    captions.some(function(cap){
+      if (cap.speechDoner[userId]){
+        dictatedLocale = cap.locale;
+        return true;
+      }
+    });
+
+    if (dictatedLocale !== '') {
+      return {
+        locale: dictatedLocale,
+        dictating: true,
+      };
+    }
   }
 
   return {
@@ -233,7 +448,7 @@ const canIDictateThisPad = (ownerId) => {
 export default {
   ID: CAPTIONS_CONFIG.id,
   getAvailableLocales,
-  getOwnedLocales,
+  getOwnedLocale,
   updateCaptionsOwner,
   startDictation,
   stopDictation,
@@ -241,7 +456,7 @@ export default {
   getCaptionsData,
   getCaptions,
   hasPermission,
-  amICaptionsOwner,
+  amISpeaker,
   isCaptionsEnabled,
   isCaptionsAvailable,
   isCaptionsActive,
@@ -254,4 +469,12 @@ export default {
   setCaptionsLocale,
   getDictationStatus,
   canIDictateThisPad,
+  isAutoTranslated,
+  isAutoTranslationEnabled,
+  getLocalesAutoTranslated,
+  selectTranslation,
+  removeTranslation,
+  clearTranslation,
+  getCaptionsActive,
+  setCaptionsActive,
 };
diff --git a/bigbluebutton-html5/imports/ui/components/captions/speech/component.jsx b/bigbluebutton-html5/imports/ui/components/captions/speech/component.jsx
index c314723554d1..3e37d8971213 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/speech/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/speech/component.jsx
@@ -120,10 +120,12 @@ class Speech extends PureComponent {
     this.result.transcript = transcript;
     this.result.isFinal = isFinal;
 
-    if (isFinal) {
-      Service.pushFinalTranscript(locale, transcript);
-    } else {
-      Service.pushInterimTranscript(locale, transcript);
+    if (transcript !== "") {
+      if (isFinal) {
+        Service.pushFinalTranscript(locale, transcript);
+      } else {
+        Service.pushInterimTranscript(locale, transcript);
+      }
     }
   }
 
diff --git a/bigbluebutton-html5/imports/ui/components/captions/speech/service.js b/bigbluebutton-html5/imports/ui/components/captions/speech/service.js
index 6db81fa02293..e1905aba707c 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/speech/service.js
+++ b/bigbluebutton-html5/imports/ui/components/captions/speech/service.js
@@ -1,5 +1,6 @@
 import _ from 'lodash';
 import { makeCall } from '/imports/ui/services/api';
+import Service from '/imports/ui/components/captions/service';
 
 const DEFAULT_LANGUAGE = 'en-US';
 const THROTTLE_TIMEOUT = 2000;
@@ -21,18 +22,36 @@ const initSpeechRecognition = (locale = DEFAULT_LANGUAGE) => {
   return null;
 };
 
-const pushSpeechTranscript = (locale, transcript, type) => makeCall('pushSpeechTranscript', locale, transcript, type);
+const pushSpeechTranscript = (locale, transcript, type, locales) => makeCall('pushSpeechTranscript', locale, transcript, type, locales);
 
 const throttledTranscriptPush = _.throttle(pushSpeechTranscript, THROTTLE_TIMEOUT, {
   leading: false,
   trailing: true,
 });
 
-const pushInterimTranscript = (locale, transcript) => throttledTranscriptPush(locale, transcript, 'interim');
+const pushInterimTranscript = (locale, transcript) => { 
+  const localesAutoTranslated = Service.getLocalesAutoTranslated();
+  let locales = [locale];
+  for (let localeTrans of localesAutoTranslated) {
+    if (localeTrans.locale != locale) {
+      locales.push(localeTrans.locale);
+    }
+  }
+  throttledTranscriptPush(locale, transcript, 'interim', locales);
+}
 
 const pushFinalTranscript = (locale, transcript) => {
+  const localesAutoTranslated = Service.getLocalesAutoTranslated();
+
+  let locales = [locale];
+  for (let localeTrans of localesAutoTranslated) {
+    if (localeTrans.locale != locale) {
+      locales.push(localeTrans.locale);
+    }
+  }
+  //console.log("pushFinalTranscript", locale, locales);
   throttledTranscriptPush.cancel();
-  pushSpeechTranscript(locale, transcript, 'final');
+  pushSpeechTranscript(locale, transcript, 'final', locales);
 };
 
 export default {
diff --git a/bigbluebutton-html5/imports/ui/components/captions/styles.js b/bigbluebutton-html5/imports/ui/components/captions/styles.js
index e3578c3325cb..02b92940f18b 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/styles.js
+++ b/bigbluebutton-html5/imports/ui/components/captions/styles.js
@@ -5,6 +5,11 @@ import {
   mdPaddingY,
 } from '/imports/ui/stylesheets/styled-components/general';
 import { smallOnly } from '/imports/ui/stylesheets/styled-components/breakpoints';
+import Select from 'react-select';
+
+const SelectTranslation = styled(Select)`
+  width: 100%;
+`;
 
 const Captions = styled.div`
   background-color: ${colorWhite};
@@ -24,4 +29,4 @@ const Captions = styled.div`
   }
 `;
 
-export default { Captions };
+export default { Captions, SelectTranslation };
diff --git a/bigbluebutton-html5/imports/ui/components/captions/writer-menu/container.jsx b/bigbluebutton-html5/imports/ui/components/captions/writer-menu/container.jsx
index 816d70a95d3a..96d8dc77e9f3 100644
--- a/bigbluebutton-html5/imports/ui/components/captions/writer-menu/container.jsx
+++ b/bigbluebutton-html5/imports/ui/components/captions/writer-menu/container.jsx
@@ -12,12 +12,7 @@ const ROLE_MODERATOR = Meteor.settings.public.user.role_moderator;
 const WriterMenuContainer = (props) => {
   const layoutContextDispatch = layoutDispatch();
 
-  const usingUsersContext = useContext(UsersContext);
-  const { users } = usingUsersContext;
-  const currentUser = users[Auth.meetingID][Auth.userID];
-  const amIModerator = currentUser.role === ROLE_MODERATOR;
-
-  return amIModerator && <WriterMenu {...{ layoutContextDispatch, ...props }} />;
+  return <WriterMenu {...{ layoutContextDispatch, ...props }} />;
 };
 
 export default withModalMounter(withTracker(({ mountModal }) => ({
diff --git a/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx b/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx
index e15201441b08..345d17a81492 100755
--- a/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/nav-bar/settings-dropdown/component.jsx
@@ -9,6 +9,8 @@ import SettingsMenuContainer from '/imports/ui/components/settings/container';
 import BBBMenu from '/imports/ui/components/common/menu/component';
 import ShortcutHelpComponent from '/imports/ui/components/shortcut-help/component';
 import withShortcutHelper from '/imports/ui/components/shortcut-help/service';
+import CaptionsService from '/imports/ui/components/captions/service';
+import CaptionsWriterMenu from '/imports/ui/components/captions/writer-menu/container';
 import FullscreenService from '/imports/ui/components/common/fullscreen-button/service';
 import { colorDanger } from '/imports/ui/stylesheets/styled-components/palette';
 import Styled from './styles';
@@ -67,6 +69,14 @@ const intlMessages = defineMessages({
     id: 'app.navBar.settingsDropdown.hotkeysDesc',
     description: 'Describes hotkeys option',
   },
+  captionsLabel: {
+    id: 'app.actionsBar.actionsDropdown.captionsLabel',
+    description: 'Captions menu toggle label',
+  },
+  captionsDesc: {
+    id: 'app.actionsBar.actionsDropdown.captionsDesc',
+    description: 'Captions menu toggle description',
+  },
   helpLabel: {
     id: 'app.navBar.settingsDropdown.helpLabel',
     description: 'Help options label',
@@ -231,6 +241,16 @@ class SettingsDropdown extends PureComponent {
       );
     }
 
+    if (CaptionsService.isCaptionsEnabled()) {
+      this.menuItems.push({
+        key: 'list-item-caption',
+        icon: "closed_caption",
+        label: intl.formatMessage(intlMessages.captionsLabel),
+        // description: intl.formatMessage(intlMessages.captionsDesc),
+        onClick: () => mountModal(<CaptionsWriterMenu />),
+      })
+    }
+
     this.menuItems.push(
       {
         key: 'list-item-shortcuts',
diff --git a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/component.jsx b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/component.jsx
index 5df01ec90b3f..13b7d7696b6e 100755
--- a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/component.jsx
@@ -33,7 +33,7 @@ class UserContent extends PureComponent {
     return (
       <Styled.Content data-test="userListContent">
         {isChatEnabled() ? <UserMessagesContainer /> : null}
-        {currentUser.role === ROLE_MODERATOR ? <UserCaptionsContainer /> : null}
+        <UserCaptionsContainer />
         <UserNotesContainer />
         {showWaitingRoom && currentUser.role === ROLE_MODERATOR
           ? (
diff --git a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/component.jsx b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/component.jsx
index 039eebcc5c63..0ced7871cb89 100644
--- a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/component.jsx
@@ -6,7 +6,6 @@ import { defineMessages, injectIntl } from 'react-intl';
 import Styled from './styles';
 
 const propTypes = {
-  ownedLocales: PropTypes.arrayOf(PropTypes.object).isRequired,
   sidebarContentPanel: PropTypes.string.isRequired,
   layoutContextDispatch: PropTypes.func.isRequired,
 };
@@ -21,12 +20,16 @@ const intlMessages = defineMessages({
 class UserCaptions extends Component {
   renderCaptions() {
     const {
-      ownedLocales,
+      ownedLocale,
       sidebarContentPanel,
       layoutContextDispatch,
     } = this.props;
 
-    return ownedLocales.map((ownedLocale) => (
+    if (!ownedLocale) {
+      return null;
+    }
+
+    return (
       <CSSTransition
         classNames="transition"
         appear
@@ -48,16 +51,16 @@ class UserCaptions extends Component {
           />
         </Styled.ListTransition>
       </CSSTransition>
-    ));
+    );
   }
 
   render() {
     const {
       intl,
-      ownedLocales,
+      ownedLocale,
     } = this.props;
 
-    if (ownedLocales.length < 1) return null;
+    if (!ownedLocale || ownedLocale === "") return null;
 
     return (
       <Styled.Messages>
diff --git a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/container.jsx b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/container.jsx
index 7417a90340d1..44b11e589df8 100644
--- a/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/container.jsx
+++ b/bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-captions/container.jsx
@@ -13,5 +13,5 @@ const Container = (props) => {
 };
 
 export default withTracker(() => ({
-  ownedLocales: CaptionsService.getOwnedLocales(),
+  ownedLocale: CaptionsService.getOwnedLocale(),
 }))(Container);
diff --git a/bigbluebutton-html5/package-lock.json b/bigbluebutton-html5/package-lock.json
index 68aff8d74288..6ed41048151e 100644
--- a/bigbluebutton-html5/package-lock.json
+++ b/bigbluebutton-html5/package-lock.json
@@ -5179,6 +5179,43 @@
         "react-dom": "^16.0.0"
       }
     },
+    "react-select": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/react-select/-/react-select-3.2.0.tgz",
+      "integrity": "sha512-B/q3TnCZXEKItO0fFN/I0tWOX3WJvi/X2wtdffmwSQVRwg5BpValScTO1vdic9AxlUgmeSzib2hAZAwIUQUZGQ==",
+      "requires": {
+        "@babel/runtime": "^7.4.4",
+        "@emotion/cache": "^10.0.9",
+        "@emotion/core": "^10.0.9",
+        "@emotion/css": "^10.0.9",
+        "memoize-one": "^5.0.0",
+        "prop-types": "^15.6.0",
+        "react-input-autosize": "^3.0.0",
+        "react-transition-group": "^4.3.0"
+      },
+      "dependencies": {
+        "dom-helpers": {
+          "version": "5.2.1",
+          "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+          "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+          "requires": {
+            "@babel/runtime": "^7.8.7",
+            "csstype": "^3.0.2"
+          }
+        },
+        "react-transition-group": {
+          "version": "4.4.5",
+          "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+          "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+          "requires": {
+            "@babel/runtime": "^7.5.5",
+            "dom-helpers": "^5.0.1",
+            "loose-envify": "^1.4.0",
+            "prop-types": "^15.6.2"
+          }
+        }
+      }
+    },
     "react-tabs": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/react-tabs/-/react-tabs-2.3.1.tgz",
diff --git a/bigbluebutton-html5/package.json b/bigbluebutton-html5/package.json
index 48cf08e8639c..55a54f0e27df 100644
--- a/bigbluebutton-html5/package.json
+++ b/bigbluebutton-html5/package.json
@@ -64,6 +64,7 @@
     "react-dropzone": "^7.0.1",
     "react-intl": "^6.1.0",
     "react-loading-skeleton": "^3.0.3",
+    "react-select": "^3.1.0",
     "react-modal": "~3.6.1",
     "react-player": "^2.10.0",
     "react-render-in-browser": "^1.1.1",
diff --git a/bigbluebutton-html5/private/config/settings.yml b/bigbluebutton-html5/private/config/settings.yml
index 0c284d42d59c..460517747548 100755
--- a/bigbluebutton-html5/private/config/settings.yml
+++ b/bigbluebutton-html5/private/config/settings.yml
@@ -450,6 +450,9 @@ public:
     enabled: true
     id: captions
     dictation: false
+    enableAutomaticTranslation: false
+    googleTranslateUrl: https://script.google.com/macros/s/YOUR_ID
+    deeplTranslateUrl: https://api-free.deepl.com/v2/translate?auth_key=YOUR_KEY
     background: '#000000'
     font:
       color: '#ffffff'
diff --git a/bigbluebutton-html5/public/locales/en.json b/bigbluebutton-html5/public/locales/en.json
index f20d80fae8f2..d98cde6e8eac 100755
--- a/bigbluebutton-html5/public/locales/en.json
+++ b/bigbluebutton-html5/public/locales/en.json
@@ -46,6 +46,8 @@
     "app.captions.hide": "Hide closed captions",
     "app.captions.ownership": "Take over",
     "app.captions.ownershipTooltip": "You will be assigned as the owner of {0} captions",
+    "app.captions.pad.autoTranslation": "Toggle automatic translation",
+    "app.captions.pad.autoTranslationDesc": "Caption language",
     "app.captions.dictationStart": "Start dictation",
     "app.captions.dictationStop": "Stop dictation",
     "app.captions.dictationOnDesc": "Turns speech recognition on",
@@ -376,6 +378,7 @@
     "app.actionsBar.camOffLabel": "Camera off",
     "app.actionsBar.raiseLabel": "Raise",
     "app.actionsBar.label": "Actions bar",
+    "app.actionsBar.changeCaption": "Switch caption locale",
     "app.actionsBar.actionsDropdown.restorePresentationLabel": "Restore presentation",
     "app.actionsBar.actionsDropdown.restorePresentationDesc": "Button to restore presentation after it has been minimized",
     "app.actionsBar.actionsDropdown.minimizePresentationLabel": "Minimize presentation",