Скачать или смотреть WebAssembly from the Groudup - Creating a minimum viable compiler Pt.5

Web Assembly Minimum Viable Compiler Pt. 5 using JavaScript

We will continue our understanding of WebAssembly to create a much better subtitle experience on Crunchyroll.




We are currently diving deeper on how web assembly works! To better understand how SubtitleOctopus is created!

Currently Building (Open Source):

Crunchyroll Fansubbing (Injects a fancier styling, romaji, and more to Crunchyroll series like One Piece and Naruto)
 
Todo:
⭕️ Injecting our first Naruto Shippuuden Episode
 
So far:
• Crunchyroll injects custom .ass subtitles using a library called libass-wasm, which is a wasm-port of a C library called "libass" that helps render subtitles.
• Extensions have their own DevTools.
On the extension's pop-up you can right-click and click "inspect"
• Crunchyroll
 
Todo:
✅ Understanding how Crunchyroll injects the subtitles
✅ Understanding how extensions work (First time building a Chrome/Firefox extension - Manifest V3)
✅ Injecting the first custom .ass file within a Crunchyroll
✅ Happy dancing after the first milestone!
✅ FIxing aesthetics and rendering the subtitles properly