v1.5.0/release (peacock support)

app/src/Chat.js

@@ -77,8 +77,11 @@ const alerts = [
   {
     condition: () =>
       getPlayerSource() === PLAYER_SOURCE.HBOMAX || getPlayerSource() === PLAYER_SOURCE.HBONOW,
-    message:
-      'Functionality may be buggy, support on this site is in testing. HBO has a horrible design.',
+    message: 'Functionality may be buggy, HBO has a horrible design.',
+  },
+  {
+    condition: () => getPlayerSource() === PLAYER_SOURCE.PEACOCK,
+    message: 'Functionality may be buggy, support on this site is in testing.',
   },
 ];
 export default class Chat extends Component {

app/src/VideoListener.js

@@ -105,14 +105,14 @@ export default class VideoListener {
               this.video.element.currentTime = serverPlayer.time;
               break;
             case PLAYER_SOURCE.PEACOCK:
-              this.video.element.pause();
               const sliderHead = document.body.querySelector(
                 '.playback-scrubber-bar .rc-slider-handle'
               );
-              sliderHead.left =
-                (serverPlayer.time / sliderHead.getAttribute('aria-valueMax')) * 100 + '%';
+              sliderHead.style.left =
+                ((serverPlayer.time * 1000) / sliderHead.getAttribute('aria-valueMax')) * 100 + '%';
               simulate(sliderHead, 'mousedown');
               simulate(sliderHead, 'mouseup');
+              await this.timeout(500);
             default:
               break;
           }
@@ -209,19 +209,14 @@ export default class VideoListener {
         const hboepisode = document.querySelector('#hboLowerTitle').innerText;
         return hboshow === '' && hboepisode === '' ? null : hboshow + '\n' + hboepisode;
       case PLAYER_SOURCE.PEACOCK:
-        try {
-          const peacockshow = document.querySelector(
-            '.item.playback-metadata__container-episode-metadata-info'
-          ).innerText;
-          const peacockepisode = document.querySelector('.item.playback-metadata__container-title')
-            .innerText;
-          return peacockshow === '' && peacockepisode === ''
-            ? null
-            : peacockshow + '\n' + peacockepisode;
-        } catch (err) {
-          // PREVIEW VIDEO, NO NEED TO GET NAME
-          return null;
-        }
+        const peacockshow = document.querySelector(
+          '.item.playback-metadata__container-episode-metadata-info'
+        ).innerText;
+        const peacockepisode = document.querySelector('.item.playback-metadata__container-title')
+          .innerText;
+        return peacockshow === '' && peacockepisode === ''
+          ? null
+          : peacockshow + '\n' + peacockepisode;
       default:
         break;
     }
@@ -378,7 +373,7 @@ export default class VideoListener {
         break;
       case PLAYER_SOURCE.PEACOCK:
         const peacockVideoElement = document.querySelector(
-          '.video-player-component.playback-component video'
+          '#mount > div > div > div > div > div > div.video-player-component.playback-component > div > video'
         );
         if (peacockVideoElement) {
           this.firstTimeSync(peacockVideoElement);
@@ -388,7 +383,7 @@ export default class VideoListener {
               ? null
               : () => {
                   var pve = document.querySelector(
-                    '.video-player-component.playback-component video'
+                    '#mount > div > div > div > div > div > div.video-player-component.playback-component > div > video'
                   );
                   if (
                     pve !== null &&

app/src/index.css

@@ -509,11 +509,12 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
 
 .alert-card-content p {
   padding-left: 5px;
-  font-size: 10px;
   line-height: 1.5;
   display: flex;
   letter-spacing: 1.1px;
   align-items: center;
+  font-size: 11px;
+  text-transform: uppercase;
 }
 
 .mic-permission-overlay {