ayushya/watchparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.5.0/release (peacock support)

Browse Source
This commit is contained in:
ayushya
2020-07-21 00:22:03 -04:00
parent 133d9b26a8
commit ae253175b4
3 changed files with 20 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/src/Chat.js
+5 -2
View File
@@ -77,8 +77,11 @@ const alerts = [
{ {
condition: () => condition: () =>
getPlayerSource() === PLAYER_SOURCE.HBOMAX || getPlayerSource() === PLAYER_SOURCE.HBONOW, getPlayerSource() === PLAYER_SOURCE.HBOMAX || getPlayerSource() === PLAYER_SOURCE.HBONOW,
message: message: 'Functionality may be buggy, HBO has a horrible design.',
'Functionality may be buggy, support on this site is in testing. 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 { export default class Chat extends Component {
app/src/VideoListener.js
+13 -18
View File
@@ -105,14 +105,14 @@ export default class VideoListener {
this.video.element.currentTime = serverPlayer.time; this.video.element.currentTime = serverPlayer.time;
break; break;
case PLAYER_SOURCE.PEACOCK: case PLAYER_SOURCE.PEACOCK:
this.video.element.pause();
const sliderHead = document.body.querySelector( const sliderHead = document.body.querySelector(
'.playback-scrubber-bar .rc-slider-handle' '.playback-scrubber-bar .rc-slider-handle'
); );
sliderHead.left = sliderHead.style.left =
(serverPlayer.time / sliderHead.getAttribute('aria-valueMax')) * 100 + '%'; ((serverPlayer.time * 1000) / sliderHead.getAttribute('aria-valueMax')) * 100 + '%';
simulate(sliderHead, 'mousedown'); simulate(sliderHead, 'mousedown');
simulate(sliderHead, 'mouseup'); simulate(sliderHead, 'mouseup');
await this.timeout(500);
default: default:
break; break;
} }
@@ -209,19 +209,14 @@ export default class VideoListener {
const hboepisode = document.querySelector('#hboLowerTitle').innerText; const hboepisode = document.querySelector('#hboLowerTitle').innerText;
return hboshow === '' && hboepisode === '' ? null : hboshow + '\n' + hboepisode; return hboshow === '' && hboepisode === '' ? null : hboshow + '\n' + hboepisode;
case PLAYER_SOURCE.PEACOCK: case PLAYER_SOURCE.PEACOCK:
try { const peacockshow = document.querySelector(
const peacockshow = document.querySelector( '.item.playback-metadata__container-episode-metadata-info'
'.item.playback-metadata__container-episode-metadata-info' ).innerText;
).innerText; const peacockepisode = document.querySelector('.item.playback-metadata__container-title')
const peacockepisode = document.querySelector('.item.playback-metadata__container-title') .innerText;
.innerText; return peacockshow === '' && peacockepisode === ''
return peacockshow === '' && peacockepisode === '' ? null
? null : peacockshow + '\n' + peacockepisode;
: peacockshow + '\n' + peacockepisode;
} catch (err) {
// PREVIEW VIDEO, NO NEED TO GET NAME
return null;
}
default: default:
break; break;
} }
@@ -378,7 +373,7 @@ export default class VideoListener {
break; break;
case PLAYER_SOURCE.PEACOCK: case PLAYER_SOURCE.PEACOCK:
const peacockVideoElement = document.querySelector( 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) { if (peacockVideoElement) {
this.firstTimeSync(peacockVideoElement); this.firstTimeSync(peacockVideoElement);
@@ -388,7 +383,7 @@ export default class VideoListener {
? null ? null
: () => { : () => {
var pve = document.querySelector( 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 ( if (
pve !== null && pve !== null &&
app/src/index.css
+2 -1
View File
@@ -509,11 +509,12 @@ body.amazon-prime .notification-switch .MuiSwitch-thumb {
.alert-card-content p { .alert-card-content p {
padding-left: 5px; padding-left: 5px;
font-size: 10px;
line-height: 1.5; line-height: 1.5;
display: flex; display: flex;
letter-spacing: 1.1px; letter-spacing: 1.1px;
align-items: center; align-items: center;
font-size: 11px;
text-transform: uppercase;
} }
.mic-permission-overlay { .mic-permission-overlay {