Merge pull request #10280 from KDSBrowne/2.2-localize-cam-quality

Localize drop-down values for webcam quality

bigbluebutton-html5/imports/ui/components/video-preview/component.jsx

@@ -62,6 +62,22 @@ const intlMessages = defineMessages({
     id: 'app.videoPreview.profileLabel',
     description: 'Quality dropdown label',
   },
+  low: {
+    id: 'app.videoPreview.quality.low',
+    description: 'Low quality option label',
+  },
+  medium: {
+    id: 'app.videoPreview.quality.medium',
+    description: 'Medium quality option label',
+  },
+  high: {
+    id: 'app.videoPreview.quality.high',
+    description: 'High quality option label',
+  },
+  hd: {
+    id: 'app.videoPreview.quality.hd',
+    description: 'High definition option label',
+  },
   cancelLabel: {
     id: 'app.videoPreview.cancelLabel',
     description: 'Cancel button label',
@@ -540,11 +556,16 @@ class VideoPreview extends Component {
                      onChange={this.handleSelectProfile}
                      disabled={skipVideoPreview}
                    >
-                     {availableProfiles.map(profile => (
+                     {availableProfiles.map(profile => { 
+                      const label = intlMessages[`${profile.id}`] 
+                        ? intl.formatMessage(intlMessages[`${profile.id}`])
+                        : profile.name;
+
+                      return (
                        <option key={profile.id} value={profile.id}>
-                         {profile.name}
+                          {`${label} ${profile.id === 'hd' ? '' : intl.formatMessage(intlMessages.qualityLabel).toLowerCase()}`}
                        </option>
-                     ))}
+                     )})}
                    </select>
                  )
                  : (

bigbluebutton-html5/private/config/settings.yml

@@ -160,15 +160,15 @@ public:
         constraints:
           frameRate: 10
       - id: low
-        name: Low quality
+        name: Low
         default: false
         bitrate: 100
       - id: medium
-        name: Medium quality
+        name: Medium
         default: true
         bitrate: 200
       - id: high
-        name: High quality
+        name: High
         default: false
         bitrate: 500
       - id: hd

bigbluebutton-html5/private/locales/en.json

@@ -542,6 +542,10 @@
     "app.recording.stopDescription": "Are you sure you want to pause the recording? You can resume by selecting the record button again.",
     "app.videoPreview.cameraLabel": "Camera",
     "app.videoPreview.profileLabel": "Quality",
+    "app.videoPreview.quality.low": "Low",
+    "app.videoPreview.quality.medium": "Medium",
+    "app.videoPreview.quality.high": "High",
+    "app.videoPreview.quality.hd": "High definition",
     "app.videoPreview.cancelLabel": "Cancel",
     "app.videoPreview.closeLabel": "Close",
     "app.videoPreview.findingWebcamsLabel": "Finding webcams",