Ton navigateur est sous-côté !

Ton navigateur fait tourner des LLM. En local. Sans serveur. Dans un onglet. Ce n'est pas un hack. C'est le résultat de deux technologies qui ont changé ce que le browser peut faire : WebAssembly et WebGPU. Dans cette vidéo, je décortique pourquoi Java Applets, Flash et NaCl ont tous échoué (pour des raisons différentes), comment WASM règle tous les problèmes, et ce que les compute shaders changent concrètement, avec une démo live de simulation N-Body qui tourne entièrement dans le navigateur. 🎯 CE QUE VOUS ALLEZ APPRENDRE - Pourquoi Flash était techniquement solide — et pourquoi ça n'a pas suffi - Ce que "vérification statique avant exécution" veut dire, et pourquoi c'est ce qui a convaincu tous les browsers en 2017 - La différence fondamentale entre un CPU et un GPU (Ferrari vs flotte de scooters) - Comment un compute shader parallélise des millions d'opérations par frame à 60 fps - Pourquoi la frontière entre "app native" et "app web" est en train de disparaître ⏱️ CHAPITRES 00:00 - Doom en 2011, un LLM en 2024 01:00 - La révolution silencieuse des navigateurs 04:05 - La star du CPU : WebAssembly 08:30 - Et pour le GPU ? 11:45 - La preuve par l'exemple 17:23 - L'avenir des navigateurs 19:28 - Conclusion et CTA 🔗 RESSOURCES 🧪 Pour tester par vous-même : - Tour of WGSL (compute shaders interactifs, zéro setup) : https://google.github.io/tour-of-wgsl/ - Emscripten (C/C++ → WASM) : https://emscripten.org/docs/getting_started/index.html - wasm-pack (Rust → WASM) : https://rustwasm.github.io/wasm-pack/ - WebLLM (un LLM dans votre browser) : https://webllm.mlc.ai - Le code de la simulation de particules en WebGPU et JS : https://github.com/Fraktalis/wgsl-nbody-simulation 📖 Sources & documentation : - W3C WebAssembly spec : https://webassembly.github.io/spec/ - W3C WebGPU spec : https://gpuweb.github.io/gpuweb/ - Photoshop sur le Web (chiffres SIMD) : https://web.dev/articles/ps-on-the-web - Figma x WASM (3x plus rapide) : https://www.figma.com/blog/webassembly-cut-figmas-load-time-by-3x/ - Unity x WebAssembly : https://hub.packtpub.com/unity-switches-to-webassembly-as-the-output-format-for-the-unity-webgl-build-target/ - "Thoughts on Flash" — Steve Jobs, 2010 : https://en.wikipedia.org/wiki/Thoughts_on_Flash 🎵 Musiques : - Horizons — Alex Jones & Xander Jones - Home (In-Game) — Isaac: Repentance OST - For the Damaged Coda — Blanck Mass - Divergence — Quincas Moreira - Frame-Dragging — The Grey Room / Density & Time - Afterlife — Evening Telecast - Relaxing Lofi — Icosa / Ende - Науkoград — Время (Ambient & House version) — Науkoград - Stalling — Topher Mohr & Alex Elena 🖼️ Images & vidéos : - Balade des Pères Noël 2015 — Calais : https://www.youtube.com/watch?v=T9E4UED3RWg - Cartoon Green Screen (4K Effects) : https://www.youtube.com/watch?v=3uI9H7LFoUM - Égypte : L'occupation de la place Tahrir continue, 35 morts depuis samedi : https://www.youtube.com/watch?v=t7tUjPFB05s - Finale Coupe du Monde de Rugby 2011 (Haka vs Grand V) : https://www.youtube.com/watch?v=t4pMOD5XpdU - GDC 2018 — Getting Explicit: How Hard is Vulkan Really? : https://www.youtube.com/watch?v=p4iZMbXZbW8 - Graphics API Comparison — DirectX 11 vs DirectX 12 vs Vulkan : https://www.youtube.com/watch?v=OcdBnQqZilE - I Blew Up My Customer's PC | Computer Explodes : https://www.youtube.com/watch?v=9gbN_L3W89E - Introducing AMD Ryzen 7000 Series Processors for Creative Professionals : https://www.youtube.com/watch?v=AnTezcHNwP0 - L'armée américaine a laissé l'Irak : https://www.youtube.com/watch?v=kYNyKR4vCng - Le Bon, la Brute et le Truand — "Tu vois, le monde se divise en deux catégories..." : https://www.youtube.com/watch?v=P2W4FsDVKMY - Le travail hybride avec Chrome OS : https://www.youtube.com/watch?v=wA3GHnU89Ic - LMFAO — Party Rock Anthem ft. Lauren Bennett, GoonRock : https://www.youtube.com/watch?v=KQ6zr6kCPj8 - NVIDIA GPU vs CPU — MythBusters peignent la Joconde en 80ms : https://www.youtube.com/watch?v=8_ZTvG1WQxM - Nyan Cat! [Official] : https://www.youtube.com/watch?v=2yJgwwDcgV8 - Official Minecraft Trailer : https://www.youtube.com/watch?v=MmB9b5njVbA - William et Kate — Un mariage princier | Résumé : https://www.youtube.com/watch?v=wqxNI2a7wA8 - WWDC25: Discover Metal 4 | Apple : https://www.youtube.com/watch?v=t18z64iecZM Vidéos B-Roll : Pexels 🧩 Animations : Codées avec 💖 via Motion Canvas. Lien du repository : https://github.com/Fraktalis/passe-tech-animations --- Si tu t'es déjà demandé comment Photoshop tourne dans un onglet Chrome — partage ça à quelqu'un qui croit encore que c'est de la magie. À la prochaine 🍉 #WebAssembly #WebGPU #WASM #programmation #linux #tech #vulgarisation #opensource #devops