Add a demo player

[vikpe]

Inspiration: https://qw-ctf.github.io by @dsvensson

Required

• Basic playback controls
• Refactor component to React functions/hooks and a FTE controller
• Cloud storage - AWS S3 with public access (in order to stream demos)
• Enchanced playback controls
  • track: autotrack or [player]
  • Split screen (multiview)
• Share demo
• Share clips

Dependencies

• Demo scraper
• Demo browser

Ideas/improvements

• Responsive design
• Chrome cast compatible
• Theater mode: large screen (but not fullscreen), hide sidebar
• Game statistics
• Configs/presets: modern, oldschool (picmip) etc

[vikpe]

Work in progress

[dsvensson]

You could try hyping up infiniti to create really nice detailed up versions of TB3 when there's no problem with CRC checks or even collisions. :)

[dsvensson]

Unfortunately the ezq hud plugin of FTE is not possible to statically link into the wasm blob iirc, but shouldn't be that hard to pull out a big hammer to make it happen, then you can have whatever hud you want.

The alternative might be to mess around with the UI in client side QuakeC, and you just mount that csprogs.dat when launching, think that's possible, which should give you complete flexibility. Think Arcane Dimensions does something like that, could also skip the UI in the wasm blob, and expose all the data and draw your own hud with html/css on top of FTE.

Also, when/if you get to enable the frag log, you'll notice that the icons for weapons + death cause disappear when seeking backwards due to a bug. The engine more or less restarts + forward seeks when you seek backwards, and some image is not correctly invalidated, same with FTE on desktop unfortunately.

Oh, and add speed to the wishlist. The meter button in the corner of qw-ctf page toggles slow/fast speed, and the share button you can control speed of the link, very useful when you link some specific clip of a in important moment of a match. Speed in that code has an easing function, so sound spins up/down like pausing a vinyl record :)

[vikpe]

Setup is good for now, I try not to go into to much details or modify the core, but rather understand whats possible with the current module and get my ideas going.

I'll poke you when it's time for the difficult stuff 😄

[vikpe]

demo scraper

• downloads x demos per mode from QTVs
• uploads to AWS S3
• parses info (enough to generate screenshots)
• inserts into database

good enough for a browser of recent demos