#JavaScript

Building a Talkable AI Environment (2): Voice Input Implementation

How to implement browser-based voice input using the Web Speech API and MediaRecorder.

Lazy-load local videos in Astro with preload="metadata" and a rehype plugin

Embedding WebM or MP4 in an article makes the page heavy. I implemented a system that loads only the first frame with preload="metadata" and starts playback on click, using a rehype plugin.

I Built a Browser-Based Video Creation Tool

A browser tool for making simple flip-book animations from images with subtitles. Exports to WebM, MP4, and SRT.

Japanese OCR on the Web in 2025: Limits and Lessons

From browser OCR and server-side OCR to cloud APIs and AI — a roundup of what I learned trying to implement Japanese OCR on the web, including the limits of each approach.

Lightweight YouTube Embeds in Astro: Lazy Loading with a Rehype Plugin

The official YouTube embed code is heavy. I built a custom rehype plugin to show thumbnails first and load the iframe only on click.

@paddlejs-models/ocr Doesn't Work in Browsers (as of 2025)

A record of my failed attempt to use PaddleOCR's JavaScript implementation in the browser.

The kuromoji.js path.join() Bug and How to Load Dictionary from CDN

Tried to implement morphological analysis in the browser — Sudachi was too heavy, kuromoji.js had a bug. Eventually solved it with a fork and a custom loader.

Every Date Was Wrong: Server, MySQL, PHP, and JavaScript All at Once

A story about dates going haywire in an AI-generated PHP script, plus a breakdown of timezone pitfalls in each layer — server, PHP, MySQL, and JavaScript.

A Simple OGP Solution for SPAs and Dynamically Generated Pages

How I handled OGP crawler support for an HTML template + JavaScript site using PHP — a practical note on the approach.