v1.7.11/add paramount and imdb tb

app/src/Api.js

@@ -43,6 +43,8 @@ export const PLAYER_SOURCE = {
   AIRTEL: "airtelxstream.",
   VIMEO: "vimeo.",
   DAILYMOTION: "dailymotion.",
+  IMDB: "imdb.",
+  PARAMOUNTPLUS: "paramountplus.",
   LOCAL: "localhost",
 };
 
@@ -52,6 +54,7 @@ export const getPlayerSource = () => {
   if (HREF.includes(PLAYER_SOURCE.HULU)) return PLAYER_SOURCE.HULU;
   if (HREF.includes(PLAYER_SOURCE.AMAZON)) return PLAYER_SOURCE.AMAZON;
   if (HREF.includes(PLAYER_SOURCE.PRIMEVIDEO)) return PLAYER_SOURCE.AMAZON;
+  if (HREF.includes(PLAYER_SOURCE.IMDB)) return PLAYER_SOURCE.AMAZON;
   if (HREF.includes(PLAYER_SOURCE.DISNEY)) return PLAYER_SOURCE.DISNEY;
   if (HREF.includes(PLAYER_SOURCE.YOUTUBE)) return PLAYER_SOURCE.YOUTUBE;
   if (HREF.includes(PLAYER_SOURCE.HBONOW)) return PLAYER_SOURCE.HBONOW;
@@ -71,6 +74,7 @@ export const getPlayerSource = () => {
   if (HREF.includes(PLAYER_SOURCE.VIMEO)) return PLAYER_SOURCE.VIMEO;
   if (HREF.includes(PLAYER_SOURCE.DAILYMOTION))
     return PLAYER_SOURCE.DAILYMOTION;
+  if (HREF.includes(PLAYER_SOURCE.PARAMOUNTPLUS)) return PLAYER_SOURCE.PARAMOUNTPLUS;
   if (HREF.includes(PLAYER_SOURCE.LOCAL)) return PLAYER_SOURCE.LOCAL;
 };
 

app/src/App.js

@@ -32,7 +32,7 @@ import {
 } from "./Api";
 import Tutorial from "./Tutorial";
 
-const APP_VERSION = "1.7.10";
+const APP_VERSION = "1.7.11";
 
 const darkTheme = createMuiTheme({
   palette: {

app/src/Chat.js

@@ -1036,8 +1036,8 @@ export default class Chat extends Component {
               title={
                 onCall
                   ? usingVideo
-                    ? "Stop Video"
-                    : "Start Video"
+                    ? "Video is On"
+                    : "Video is Off"
                   : "Join Video Call"
               }
             >
@@ -1047,9 +1047,9 @@ export default class Chat extends Component {
                     ? () => this.handleVideo()
                     : () => this.handlePhoneCall(true)
                 }
-                color={usingVideo ? "primary" : "secondary"}
+                color={((onCall && usingVideo) || !onCall) ? "secondary" : "primary"}
               >
-                {usingVideo ? <VideocamOffRounded /> : <VideocamRounded />}
+                {((onCall && usingVideo) || !onCall)? <VideocamRounded /> : <VideocamOffRounded />}
               </IconButton>
             </Tooltip>
           )}
@@ -1071,18 +1071,7 @@ export default class Chat extends Component {
             </Tooltip>
           )}
           {!gif && !newMessage && onCall && !muted ? (
-            <Tooltip title="Mute Mic" placement="top">
-              <IconButton
-                className="icon-button"
-                disabled={callActionPending}
-                onClick={this.handleMute}
-                color="primary"
-              >
-                <MicOff />
-              </IconButton>
-            </Tooltip>
-          ) : !gif && !newMessage && onCall && muted ? (
-            <Tooltip title="Unmute Mic" placement="top">
+            <Tooltip title="Mic is On" placement="top">
               <IconButton
                 className="icon-button"
                 disabled={callActionPending}
@@ -1092,6 +1081,17 @@ export default class Chat extends Component {
                 <MicOn />
               </IconButton>
             </Tooltip>
+          ) : !gif && !newMessage && onCall && muted ? (
+            <Tooltip title="Mic is Off" placement="top">
+              <IconButton
+                className="icon-button"
+                disabled={callActionPending}
+                onClick={this.handleMute}
+                color="primary"
+              >
+                <MicOff />
+              </IconButton>
+            </Tooltip>
           ) : null}
           <TextField
             color="secondary"

app/src/VideoListener.js

@@ -136,6 +136,7 @@ export default class VideoListener {
             case PLAYER_SOURCE.AIRTEL:
             case PLAYER_SOURCE.VIMEO:
             case PLAYER_SOURCE.DAILYMOTION:
+            case PLAYER_SOURCE.PARAMOUNTPLUS:
               this.video.element.currentTime = serverPlayer.time;
               await this.timeout(500);
               break;
@@ -569,6 +570,7 @@ export default class VideoListener {
       case PLAYER_SOURCE.AIRTEL:
       case PLAYER_SOURCE.VIMEO:
       case PLAYER_SOURCE.DAILYMOTION:
+      case PLAYER_SOURCE.PARAMOUNTPLUS:
         setInterval(() => {
           var newVideoElement = document.querySelector(vS);
           if (

app/src/index.css

@@ -365,6 +365,17 @@ body.visible.hbo
 body.visible.hbo > div.default > div:nth-child(2) > div > div > div > div {
   width: 100%;
 }
+/* IMDB FIXES */
+body.visible.imdb-tv {
+  max-width: var(--body-width) !important;
+}
+body.visible.imdb-tv .freedive-video-container .freedive-video-modal.modal__open {
+  max-width: var(--body-width);
+}
+/* PARAMOUNT FIXES */
+body.visible.paramountplus header {
+  max-width: var(--body-width);
+}
 
 #party-loading {
   position: absolute;

app/src/index.js

@@ -57,6 +57,9 @@ switch (getPlayerSource()) {
     document.body.classList.add("hulu");
     break;
   case PLAYER_SOURCE.AMAZON:
+    if (window.location.href.includes(PLAYER_SOURCE.IMDB)) {
+      document.body.classList.add("imdb-tv");
+    }
     document.body.classList.add("amazon-prime");
     break;
   case PLAYER_SOURCE.DISNEY:
@@ -152,6 +155,9 @@ switch (getPlayerSource()) {
     document.body.classList.add("dailymotion");
     document.querySelector("html").style.fontSize = "10px";
     break;
+  case PLAYER_SOURCE.PARAMOUNTPLUS:
+    document.body.classList.add("paramountplus");
+    break;
   case PLAYER_SOURCE.LOCAL:
     document.body.classList.add("local");
     break;