Skip to content

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

License

Notifications You must be signed in to change notification settings

oulipoh/LordTubeMasterDev

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

62 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LordTubeMaster

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

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

Note as of September 2024 this is only supported on Chromium desktop.

Enable graphics/hardware acceleration browser setting to reduce lag. Particularly for the WebGPU examples - make sure you are using a discrete GPU.

For fullscreen zoom of output (with right-click) enable: chrome://flags/#element-capture (Google Chrome), or chrome://flags/#enable-experimental-web-platform-features (Chromium).

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

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


ltm2406_small.mp4

Architecture

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 82.6%
  • Jupyter Notebook 12.4%
  • HTML 3.5%
  • CSS 1.5%