DEV Community

Cover image for Funny Hat Day! πŸ‘’πŸŽ© How to do face detection with your webcam and JavaScript πŸ“ΈπŸ§ 

Funny Hat Day! πŸ‘’πŸŽ© How to do face detection with your webcam and JavaScript πŸ“ΈπŸ§ 

Pascal Thormeier on July 18, 2022

(Cover image created with Dall-E mini and the caption "an AI wearing a funny top hat" - you know, because we're doing machine learning stuff today....
Collapse
 
miketalbot profile image
Mike Talbot ⭐ •

Genius stuff. Love it.

Collapse
 
thormeier profile image
Pascal Thormeier •

Thank you so much! Glad you liked it 😊

Collapse
 
yongchanghe profile image
Yongchang He •

That's interesting!

Collapse
 
thormeier profile image
Pascal Thormeier •

Glad you liked it!

Collapse
 
orliesaurus profile image
orliesaurus •

Love this Pascal, dropping you a follow!

Collapse
 
thormeier profile image
Pascal Thormeier •

Thank you so much! Followed back :)

Collapse
 
nandantyagi profile image
Nandan Tyagi •

Good stuff! Thanks!

Collapse
 
thormeier profile image
Pascal Thormeier •

You're welcome! Glad you liked it!

Collapse
 
edwardsinclair profile image
Edward Sinclair •

The privacy-first approach makes this especially interesting. Keeping face data processing entirely in the browser is a strong example of how useful AI experiences can be built without compromising user control.

Files, images, and data analysis are unavailable until usage resets tomorrow at 12:34β€―AM. Continue chatting with text only, or upgrade for more access.
Upgrade to Plus

Collapse
 
edwardsinclair profile image
Edward Sinclair •

This is such a fun way to demonstrate face-api.js and the Media Stream API. I especially like that everything stays client-side, so it’s both playful and privacy-friendly. Looking forward to seeing how the hat detection and positioning work!

Collapse
 
andrewbaisden profile image
Andrew Baisden •

Wow im impressed.