[Feature] Add animation or video for activating bootloader

[laurensvalk]

Is your feature request related to a problem? Please describe.
The new interactive firmware installer has step-by-step instructions to prepare the hub for installing Pybricks.

Adding a video will help illustrate the steps and help confirm to the user that they've done it correctly.

Describe the solution you'd like
There are several ways we could do this. If we want to make the videos language-agnostic, we could do it like this.

We'd only need one video per hub this way, and we don't have to worry about text legibility in compression.

Thoughts?

[laurensvalk]

It seems like vtt tracks allow putting in media references, which can then be loaded on cue:
https://www.w3.org/wiki/VTT_Concepts#Metadata_Tracks

[dlech]

vokoscreenNG-2022-12-02_14-50-37.webm

Great find! This works brilliantly.

(We will need to slow down the pace of the videos to give time to read.)

[laurensvalk]

Nice! That's the perfect balance between having the text always visible vs. syncing them like subtitles.

I stumbled on this completely coincidentally. I was trying to fix some CSS in our Sphinx compatibility animation. I got completely stuck but at least it wasn't all for naught then 😄

[laurensvalk]

HD is probably overkill. The second one is still nice. The third one could be fine if we want to save on download size.

[dlech]

Can we just make the videos 600 pixels wide?

[laurensvalk]

Sure, if that works best for the app.

[laurensvalk]

recover-cityhub-540.mp4

recover-movehub-540.mp4

[laurensvalk]

recover-technichub-540.mp4

[laurensvalk]

bootloader-technichub-540.mp4

bootloader-movehub-540.mp4

bootloader-cityhub-540.mp4

[laurensvalk]

bootloader-essentialhub-540.mp4

bootloader-primehub-540.mp4

bootloader-inventorhub-540.mp4

[laurensvalk]

This should be all the clips we need to begin with.

I have hidden all comments with test videos that should not be used.

[laurensvalk]

Maybe we can put these assets in a folder and add a CC BY-NC-SA license text in that folder?