Webrtc client side (#4026)

* WebRTC Server side

* WebRTC client side

* Bug fixes and improvements

* Pushing UI improvements for webrtc (#3728)

* Pushing UI improvements for webrtc

* Updating webrtc css

* PLT-3943 WebRTC P1: bug fixes and improvements

* Video resolution set to std, reduce volume of ringtone and flip video horizontally

* Fix calling a user B while WebRTC RHS is still opened

* Leave RHS opened when call ends, Fix isBusy on popover and channel_header

* Fix pre-release feature, RHS & System Console

* PLT-3945 - Updating UI for webrtc (#3908)

* PLT-3943 Webrtc p1

* Add ongoing call indicator when RHS is opened

* UI updates to to webrtc notifcation (#3959)

1 files changed, 35 insertions, 2 deletions

diff --git a/webapp/i18n/en.json b/webapp/i18n/en.json
index dac46c691..74ff88542 100644
--- a/webapp/i18n/en.json
+++ b/webapp/i18n/en.json
@@ -726,6 +726,7 @@
   "admin.sidebar.users": "Users",
   "admin.sidebar.usersAndTeams": "Users and Teams",
   "admin.sidebar.view_statistics": "Site Statistics",
+  "admin.sidebar.webrtc": "WebRTC (Beta)",
   "admin.sidebarHeader.systemConsole": "System Console",
   "admin.sql.dataSource": "Data Source:",
   "admin.sql.driverName": "Driver Name:",
@@ -829,7 +830,7 @@
   "admin.webrtc.gatewayAdminSecretDescription": "Enter your admin secret password to access the Gateway Admin URL.",
   "admin.webrtc.gatewayAdminSecretExample": "Ex \"PVRzWNN1Tg6szn7IQWvhpAvLByScWxdy\"",
   "admin.webrtc.gatewayAdminSecretTitle": "Gateway Admin Secret:",
-  "admin.webrtc.gatewayAdminUrlDescription": "Enter https://<mattermost-webrtc-gateway-url>:<port>. Make sure you use HTTP or HTTPS in your URL depending on your server configuration. Mattermost WebRTC uses this URL to obtain valid tokens for each peer to establish the connection.",
+  "admin.webrtc.gatewayAdminUrlDescription": "Enter https://<mattermost-webrtc-gateway-url>:<port>/admin. Make sure you use HTTP or HTTPS in your URL depending on your server configuration. Mattermost WebRTC uses this URL to obtain valid tokens for each peer to establish the connection.",
   "admin.webrtc.gatewayAdminUrlExample": "Ex \"https://webrtc.mattermost.com:7089/admin\"",
   "admin.webrtc.gatewayAdminUrlTitle": "Gateway Admin URL:",
   "admin.webrtc.gatewayWebsocketUrlDescription": "Enter wss://<mattermost-webrtc-gateway-url>:<port>. Make sure you use WS or WSS in your URL depending on your server configuration. This is the websocket used to signal and establish communication between the peers.",
@@ -951,6 +952,7 @@
   "backstage_sidebar.integrations.incoming_webhooks": "Incoming Webhooks",
   "backstage_sidebar.integrations.oauthApps": "OAuth 2.0 Applications",
   "backstage_sidebar.integrations.outgoing_webhooks": "Outgoing Webhooks",
+  "calling_screen": "Calling",
   "center_panel.recent": "Click here to jump to recent messages. ",
   "chanel_header.addMembers": "Add Members",
   "change_url.close": "Close",
@@ -982,6 +984,8 @@
   "channel_header.setPurpose": "Set {term} Purpose...",
   "channel_header.viewInfo": "View Info",
   "channel_header.viewMembers": "View Members",
+  "channel_header.webrtc.call": "Start Video Call",
+  "channel_header.webrtc.unavailable": "New call unavailable until your existing call ends",
   "channel_info.about": "About",
   "channel_info.close": "Close",
   "channel_info.header": "Header:",
@@ -1773,6 +1777,7 @@
   "user.settings.advance.sendTitle": "Send messages on CTRL + ENTER",
   "user.settings.advance.slashCmd_autocmp": "Enable external application to offer slash command autocomplete",
   "user.settings.advance.title": "Advanced Settings",
+  "user.settings.advance.webrtc_preview": "Enable the ability to make and receive one-on-one WebRTC calls",
   "user.settings.custom_theme.awayIndicator": "Away Indicator",
   "user.settings.custom_theme.buttonBg": "Button BG",
   "user.settings.custom_theme.buttonColor": "Button Text",
@@ -2020,6 +2025,8 @@
   "user.settings.security.title": "Security Settings",
   "user.settings.security.viewHistory": "View Access History",
   "user_list.notFound": "No users found",
+  "user_profile.webrtc.call": "Start Video Call",
+  "user_profile.webrtc.unavailable": "New call unavailable until your existing call ends",
   "view_image.loading": "Loading ",
   "view_image_popover.download": "Download",
   "view_image_popover.file": "File {count} of {total}",
@@ -2030,5 +2037,31 @@
   "web.footer.terms": "Terms",
   "web.header.back": "Back",
   "web.root.signup_info": "All team communication in one place, searchable and accessible anywhere",
-  "youtube_video.notFound": "Video not found"
+  "webrtc.busy": "{username} is busy.",
+  "webrtc.call": "Call",
+  "webrtc.callEnded": "Call with {username} ended.",
+  "webrtc.cancel": "Cancel call",
+  "webrtc.cancelled": "{username} cancelled the call.",
+  "webrtc.declined": "Your call has been declined by {username}.",
+  "webrtc.disabled": "{username} has WebRTC disabled, and cannot receive calls. To enable the feature, they must go to Account Settings > Advanced > Preview pre-release features and turn on WebRTC.",
+  "webrtc.failed": "There was a problem connecting the video call.",
+  "webrtc.hangup": "Hangup",
+  "webrtc.header": "Call with {username}",
+  "webrtc.inProgress": "You have a call in progress. Please hangup first.",
+  "webrtc.mediaError": "Unable to access camera or microphone.",
+  "webrtc.mute_audio": "Mute microphone",
+  "webrtc.noAnswer": "{username} is not answering the call.",
+  "webrtc.notification.answer": "Answer",
+  "webrtc.notification.decline": "Decline",
+  "webrtc.notification.incoming_call": "{username} is calling you.",
+  "webrtc.notification.returnToCall": "Return to ongoing call with {username}",
+  "webrtc.offline": "{username} is offline.",
+  "webrtc.pause_video": "Turn off camera",
+  "webrtc.unmute_audio": "Unmute microphone",
+  "webrtc.unpause_video": "Turn on camera",
+  "webrtc.unsupported": "{username} client does not support video calls.",
+  "youtube_video.notFound": "Video not found",
+  "channel_header.webrtc.unavailable": "New call unavailable until your existing call ends",
+  "user_profile.webrtc.unavailable": "New call unavailable until your existing call ends",
+  "admin.sidebar.webrtc": "WebRTC (Beta)"
 }