Engineering the
Modern Web

Welcome to my digital laboratory. I engineer high-performance, client-side applications, pushing the boundaries of WebAssembly, real-time audio synthesis, and secure local processing.

Launch MegaOke Explore Laboratory

The Philosophy of Client-Side Engineering

In an era where the internet is dominated by bloated software, mandatory accounts, and invasive server-side processing, I wanted to build an alternative. Every tool hosted here was born out of a desire for extreme optimization and pure privacy.

Why Client-Side Matters

The traditional web model sends your private data to a remote server. This is slow and a massive privacy risk. By leveraging raw JavaScript, the Web Audio API, and the HTML5 Canvas, my tools perform complex computational tasks—like compressing high-resolution images or synthesizing professional MIDI audio—directly on your device's CPU. What happens on your machine, stays on your machine.

Flagship Project

The TYF MegaOke Suite

My passion project. A complete, browser-based karaoke ecosystem engineered to replace heavy desktop systems. Import songs, sync lyrics, and control it all from your phone.

MegaOke Player

The main karaoke engine. Import your own .mid / .kar files locally (walang download), load soundfonts, and enjoy cinematic backgrounds with SpessaSynth lyric sync.

Start Singing

Mobile Remote Control

Connect your smartphone to the main player via WebSocket. Search the digital songbook, queue up tracks, and input numbers directly without touching the host PC.

Connect Remote
Audio Engineering

WebAudio & MIDI Laboratory

Experiments pushing the limits of the browser. Compiling C++ synthesizers to WebAssembly and translating raw binary audio data into visual physics.

FluidSynth Sandbox

Desktop-quality MIDI playback in the browser. A headless WebAssembly synthesizer supporting high-polyphony rendering and custom SoundFonts (.sf2).

Open Sandbox

Spessa Lyric Parser

An interactive demonstration of raw binary MIDI parsing. Watch how Sysex metadata is extracted and mapped to exact MIDI Ticks for butter-smooth DOM interpolation.

View Parser

Neon Visualizer Pro

A highly synchronized audio-visualizer. Translates MIDI pitch bends into lightning beams and percussion tracks into expanding geometric particle explosions.

Start Visualizer

UNLIMITED Physics MIDI

An unrestricted collision engine locked to 144Hz. Notes spawn kinetic particles that bounce, multiply, and react to dynamic gravity mapping based on the music.

Ignite Physics
Daily Tools

Client-Side Utilities

Practical, secure tools for everyday workflows. Designed with a strict local-processing mandate so your private files never touch a cloud server.

Pro Image Compressor

Optimize, resize, and compress files instantly. Utilizing the browser's native Canvas API, this tool compresses images via your local GPU. Supports ZIP bulk downloading.

Compress Images
In Development

Secure PDF Studio

Merge, split, and edit PDF documents directly in your browser. Complete document privacy without server-side processing using WebAssembly libraries.

Latest from the Lab

Technical deep dives into WebAssembly, Web Audio, and Client-Side Architecture.

Architecture

The WebAssembly Revolution: Running C++ Audio Engines in the Browser

How we bypassed JS limitations to compile FluidSynth to WASM for zero-latency playback.

 Performance

Building a High-Performance Web Audio Worklet

Isolating audio rendering threads from the main UI thread to prevent stuttering and lag.

 UI Engineering

Rendering Physics-Based Audio Visualizers with HTML5 Canvas

Avoiding DOM layout thrashing to achieve a locked 60FPS for complex audio visualizers.
View All Engineering Articles

Frequently Asked Questions

Are my files uploaded when using the Image Compressor?

No. The Image Compressor reads the binary data locally using the FileReader API and processes it entirely within your browser using the HTML5 Canvas. Your files are never transmitted over the internet, ensuring complete data security.

Why does the MIDI player require a SoundFont?

Raw MIDI files do not contain actual audio; they only contain sheet music instructions (note on, note off, pitch). A SoundFont (.sf2) acts as the digital instrument library that translates those instructions into actual soundwaves, allowing the WebAssembly engine to synthesize the music.

Do you provide the karaoke songs or MIDI files?

No. All of our players and tools operate on a strict "Bring Your Own Content" (BYOC) basis. We do not host or distribute copyrighted music. Any demonstration MIDI files provided within the tools (such as classical pieces like Beethoven's Symphony No. 2) are entirely in the public domain. You are strictly responsible for providing your own legally obtained media to use with the local engines.

Can I use these tools on my mobile device?

Yes. The entire user interface of this laboratory is fully responsive. However, complex tools like the FluidSynth Sandbox may require significant CPU power, which is better suited for modern desktop environments for the best experience.