GitXplorerGitXplorer
e

LordTubeMaster

public
4 stars
1 forks
0 issues

Commits

List of commits on branch main.
Unverified
8960774b4ef00d1295f2fa90a85fec3958950c28

bump lib versions

eeyaler committed 2 months ago
Unverified
80849a959ef20d3dfd4939a74288b4ca8511fa07

libraries versions bump

eeyaler committed 2 months ago
Unverified
a2db1b4b983fbdea5870ead780e6ec6b3b9ff26c

fix mismatched tfjs versions

eeyaler committed 2 months ago
Unverified
48c4f8d827a8bc47bd1f1d8ed483895ddd180628

versions bump

eeyaler committed 3 months ago
Verified
b625d431dd76b4ea0e4017bc3823f23383966380

Update README.md

eeyaler committed 3 months ago
Unverified
59a293e5779736bfc14d3787c47aa21f4b879a97

fix ruttetra mouse+animation interaction; fix splitrgb scale

eeyaler committed 3 months ago

README

The README file for this repository.

LordTubeMaster

Live YouTube processing in client-side JS using self screen capture

Demo: https://eyaler.github.io/LordTubeMaster/#dQw4w9WgXcQ

Note as of late 2024 this is only supported on Chromium desktop (e.g. Chrome, Edge).

Enable graphics/hardware acceleration browser setting to reduce lag. Particularly for the WebGPU examples - make sure your system graphics settings for the browser uses high performance / discrete GPU.

To allow fullscreen zoom of output (with right-click) enable: chrome://flags/#element-capture (Google Chrome 121+), or chrome://flags/#enable-experimental-web-platform-features (Chromium 121+), and relaunch the browser.

You can browse the effects with Alt+↑ and Alt+↓

The code demos usages with Wasm (MediaPipe), WebGPU (ONNX Runtime Web, TensorFlow.js, Transformers.js), WebGL (Three.js, SwissGL), and VanillaJS.

Known issues:

  1. Resolution of captured media is doubled for smaller frames: https://github.com/screen-share/element-capture/issues/44

Demo video:

(Using RTX 3070 Ti laptop @ 1920x1080)

Demo Video


High-level architecture and implemented modules:

Architecture


Exhibited in /'fu:bar/ glitch art festival exhibition in 2024.