Menu

Post image 1
Post image 2
1 / 2
0

How I Got MediaPipe Face Landmarker Running in the Browser with Zero Build Tools (And the Import Bug That Wasted My Week)

DEV Community·Khan·about 1 month ago
#oEAb9i7o
Reading 0:00
15s threshold

I built facecalculators.com a free, privacy-first face shape detector that runs entirely in the browser. No uploads. No server. No account. All facial analysis happens locally via WebAssembly, and nothing biometric ever leaves the device. The core of it is Google's MediaPipe Face Landmarker with the 478-point 3D model. Getting it working in a pure vanilla JavaScript environment, without a build tool, without React, and inside a WordPress theme, was not as straightforward as the docs make it look. This article documents every failure mode I hit and the exact solution that finally worked. If you are building anything with MediaPipe in the browser and not using a bundler, this will save you real hours. What the Docs Tell You vs. What Actually Works The official Google documentation shows two ways to load the library via CDN.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More