<feed xmlns='http://www.w3.org/2005/Atom'>
<title>netflix-immersive/src, branch master</title>
<subtitle>A user script that makes Netflix viewing more immersive, playing credits in full screen</subtitle>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/'/>
<entry>
<title>styles: Hide new promo container that appears at the end of movies</title>
<updated>2021-09-04T18:42:02+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-09-04T18:42:02+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=6a7bf2f830807648937d601721b93f96ae2f13b2'/>
<id>6a7bf2f830807648937d601721b93f96ae2f13b2</id>
<content type='text'>
Now, when a movie completely finishes playing, this promo container is
shown and the video is minimised. This takes care of the promo
container. Still need to fix the minimising.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Now, when a movie completely finishes playing, this promo container is
shown and the video is minimised. This takes care of the promo
container. Still need to fix the minimising.
</pre>
</div>
</content>
</entry>
<entry>
<title>styles: Hide new "Skip Recap" button</title>
<updated>2021-08-29T13:42:47+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-28T19:05:11+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=eb12719c2805a444735352de39f4b1ac299dee5b'/>
<id>eb12719c2805a444735352de39f4b1ac299dee5b</id>
<content type='text'>
Hide the new "Skip Recap" button introduced in August 2021. This also
hides the "Skip Intro" button.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Hide the new "Skip Recap" button introduced in August 2021. This also
hides the "Skip Intro" button.
</pre>
</div>
</content>
</entry>
<entry>
<title>Increase version v0.0.1 -&gt; v0.1.0</title>
<updated>2021-08-14T22:16:05+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T20:24:22+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=4e7285136537b51fc7d765e2ef91e49f88ee828f'/>
<id>4e7285136537b51fc7d765e2ef91e49f88ee828f</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>fullscreen_credits: Remove now-unused `controls` import</title>
<updated>2021-08-14T20:17:28+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T20:12:03+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=05eeb39df793973aa63633166dd34a746c5f9d51'/>
<id>05eeb39df793973aa63633166dd34a746c5f9d51</id>
<content type='text'>
We now handle controls hiding directly in this module.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
We now handle controls hiding directly in this module.
</pre>
</div>
</content>
</entry>
<entry>
<title>Add notes about possibly obsolete code</title>
<updated>2021-08-14T20:17:19+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T20:10:59+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=0a337c8b1bd6bd31785d89441bc1cd2ba3084ae4'/>
<id>0a337c8b1bd6bd31785d89441bc1cd2ba3084ae4</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>Hide distractions when Seamless controls are added</title>
<updated>2021-08-14T20:16:01+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T20:00:24+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=8a7cc75a035b58bcf12893132cc63e16f6069bff'/>
<id>8a7cc75a035b58bcf12893132cc63e16f6069bff</id>
<content type='text'>
Seamless controls can be added during the end credits of a series
episode. When those controls are added, the "Back to Browse" button
appears as well as the mouse cursor. A transparent promo background also
appears.

Hide the "Back to Browse" button and promo background in CSS.

Add a new `seamless` module to handle hiding the mouse cursor. Listen
for the addition of the `.SeamlessControls--container` element, which
means Seamless controls were activated. At this point, force the cursor
to be hidden. Show it again when the user moves the mouse.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Seamless controls can be added during the end credits of a series
episode. When those controls are added, the "Back to Browse" button
appears as well as the mouse cursor. A transparent promo background also
appears.

Hide the "Back to Browse" button and promo background in CSS.

Add a new `seamless` module to handle hiding the mouse cursor. Listen
for the addition of the `.SeamlessControls--container` element, which
means Seamless controls were activated. At this point, force the cursor
to be hidden. Show it again when the user moves the mouse.
</pre>
</div>
</content>
</entry>
<entry>
<title>fullscreen_credits: Idea for controls hiding wrapper function</title>
<updated>2021-08-14T19:59:52+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T19:59:52+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=e9423bc8c345add2c719a632ae911947bcc4f07f'/>
<id>e9423bc8c345add2c719a632ae911947bcc4f07f</id>
<content type='text'>
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
</pre>
</div>
</content>
</entry>
<entry>
<title>fullscreen_credits: Log when credit handling happens</title>
<updated>2021-08-14T19:57:18+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T19:57:18+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=47666d9341d6902e59bc8a1fcbf58efba7c03989'/>
<id>47666d9341d6902e59bc8a1fcbf58efba7c03989</id>
<content type='text'>
This allows us to confirm in the logs that we started handling credits.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
This allows us to confirm in the logs that we started handling credits.
</pre>
</div>
</content>
</entry>
<entry>
<title>fullscreen_credits.ts: Hide controls after clicking minimised video</title>
<updated>2021-08-14T18:49:29+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T18:49:29+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=b0be4947ab35876fd004d1fbd8ec9fa7e90b6786'/>
<id>b0be4947ab35876fd004d1fbd8ec9fa7e90b6786</id>
<content type='text'>
Now that the controls are shown and hidden by being added to and removed
from the DOM (instead of with CSS classes as before), we need a
different method to hide player controls after clicking on the minimised
video to maximise it and enable the controls again.

Here, we add CSS that hides the controls (and the "Back to Browse"
button, which also appears in sync with them) so that they don't appear
after the script auto-maximises the video. Four seconds seemed to be
about enough time for the player to automatically hide them, at which
point we need to remove the styles so that the controls can be accessed
by users.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Now that the controls are shown and hidden by being added to and removed
from the DOM (instead of with CSS classes as before), we need a
different method to hide player controls after clicking on the minimised
video to maximise it and enable the controls again.

Here, we add CSS that hides the controls (and the "Back to Browse"
button, which also appears in sync with them) so that they don't appear
after the script auto-maximises the video. Four seconds seemed to be
about enough time for the player to automatically hide them, at which
point we need to remove the styles so that the controls can be accessed
by users.
</pre>
</div>
</content>
</entry>
<entry>
<title>fullscreen_credits.ts: Start getting credits working again after update</title>
<updated>2021-08-14T18:48:50+00:00</updated>
<author>
<name>Teddy Wing</name>
</author>
<published>2021-08-14T18:24:42+00:00</published>
<link rel='alternate' type='text/html' href='https://git.teddywing.com/netflix-immersive/commit/?id=447ec71e51c3a3db3c756a1479323d9d19b6f259'/>
<id>447ec71e51c3a3db3c756a1479323d9d19b6f259</id>
<content type='text'>
Netflix updater their player UI in early August 2021. This caused my
credits handling to stop working. Haven't tested it for series episodes,
only movies so far.

This gets fullscreen credits mostly working again. The only thing wrong
now is that the player controls appear for a few seconds when the
credits are re-maximised.

* Since the player element changed, we have to watch a different element
  now. We can still use class names to partially revert the
  minimisation.
* The `&lt;video&gt;` element has inline styles that minimise it. We need to
  override these now to make it fullscreen.
* Promos are now in `.OriginalsPostPlay-BackgroundTrailer`, which is
  rendered in front of the video, so this element must be hidden.
* In order to click the minimised video, we have to click the `&lt;div&gt;`
  inside it which the click event is now bound to.
* Added some ideas for hiding the player when the minimised video is
  clicked, but haven't solved that part yet. The problem there is that
  previously, the controls were always present in the DOM, and hidden
  with a class. Now, they're added to and removed from the DOM when
  shown and hidden.
</content>
<content type='xhtml'>
<div xmlns='http://www.w3.org/1999/xhtml'>
<pre>
Netflix updater their player UI in early August 2021. This caused my
credits handling to stop working. Haven't tested it for series episodes,
only movies so far.

This gets fullscreen credits mostly working again. The only thing wrong
now is that the player controls appear for a few seconds when the
credits are re-maximised.

* Since the player element changed, we have to watch a different element
  now. We can still use class names to partially revert the
  minimisation.
* The `&lt;video&gt;` element has inline styles that minimise it. We need to
  override these now to make it fullscreen.
* Promos are now in `.OriginalsPostPlay-BackgroundTrailer`, which is
  rendered in front of the video, so this element must be hidden.
* In order to click the minimised video, we have to click the `&lt;div&gt;`
  inside it which the click event is now bound to.
* Added some ideas for hiding the player when the minimised video is
  clicked, but haven't solved that part yet. The problem there is that
  previously, the controls were always present in the DOM, and hidden
  with a class. Now, they're added to and removed from the DOM when
  shown and hidden.
</pre>
</div>
</content>
</entry>
</feed>
