Hello and thank you for checking out this introductory post, I'm so excited to share Handsfree.js with you! Handsfree.js is a client side library...
For further actions, you may consider blocking this person and/or reporting abuse
Amazing project! Super excited to see how this can be used for accessibility — I see it opening up entirely new avenues of interacting with the web, especially if paired with something like VR. The possibilities are endless!
Thanks so much for sharing!
Thank you! Accessibility is actually what initially inspired this project. There are many nights when I have a hard time falling asleep because of all the possibilities lol and by releasing this as a library and browser extension I'm hoping to provide the tools to help others explore them!
Looks awesome! and a bit familiar... 😉
🤯
100% what I think about every time I sit down to code haha
😂😂
I tried out handsfree around dec of 2019. Easily one of the coolest js libraries out there!
Oh thank you so much! I ended up taking a break for almost a year 😅 but the break has allowed me to recharge and take this in a new and exciting direction
Now I'm solely focused on the journey and not the destination, and I've been having sooo much fun making it! Thanks for the comment :)
I’m a noob who will be building a portfolio in the next few months and I would LOVE to have a project in there made with handsfree.js! However, idk what would be plausible for someone with limited experience to make. Any ideas? Amazing lib btw!!!
Hi that would be amazing and also great question! The thing is there are so many applications so it's hard to suggest something 😅 how I go about it is to just making something as normal (where you can use with mouse and keyboard) and then make it handsfree...my next batch of plugins will emit mouse and keyboard events, so you wouldn't even really need to do much with Handsfree.js other than to listen to the events in your app as you would any other mouse or keyboard event
I know how vague that response was 😅 I'll end my next series of posts with an "Ideas" section to help you pick a direction to try and I'll include more boilerplate code and samples.
Thanks for the question and have fun with your portfolio!
Badass 🤩🤩🤩
Thanks! I have lists upon lists for follow up tutorials, can't wait!
Greaat ! You can notify me if you want when you posted a new tutorial 😃
That's super encouraging, thank you! I'll make a few first and then ping ya 🙏
Oz thank you for great solution for tracking. I wonder is it also suitable for mobile based experiences. I already tried MediaPipe hands before and it was not mobile friendly meaning it was supporting well only latest models of phones with bigger Ram. On older devices there was lag. Is handsfree good also for mobile web (Chrome, Mozilla)?
That's easily one of the coolest project I've ever seen.
wow, this is incredible. Looking to do some hand shadows with this, great that you can have two hands showing!
WOWOW!! Big major stonks coming your way.
This is amazing!!!
Awesome, It can.expand to.many thing.
Badass! Really cool! I am pretty darn sure it will be the jQuery of the AR/VR web...
This is incredible! Going to do some proof of concepts for users with limited mobility using Face pointer!
Thank you and please do! Here is the documentation for my current implementation of the Face Pointer along with the different configs. At the bottom is the current code for it if you'd like to see how it's done: handsfree.js.org/ref/plugin/facePo...
I'll be re-implementing the automatic face pointer calibrator from the last version soon. By default it works best when the webcam is directly in front of you but the calibrator allows it to be used from different positions (ex: when the webcam is attached to the arm of a wheelchair).
I tried out handsfree today. Easily one of the coolest js libraries out there!
Thank you for trying it out 🙌
Awesome man.
Simply...Brilliance...best ever js library since 1998!
haha thank you! the docs are designed to look like a Windows 98 app so I love this comment so much 💜 (I'm using 98.css)
Ohh woww nice
Sooo Cool!
Very cool!!
Oh, man, you just destroyed this week's productivity. This is the absolute coolest project I've seen in the past year. I can't wait to play!
The number of tabs im going to accidentally open when in use this on p**hub.com....
Wooo...the demos are next level
Brilliant !! This is next generation thing.
Aaah thank you! I'm so excited to be sharing this!
Funny, i used something similar to track emotions and build a smile gate on my website. It is called clmtrackr.js.
You can see the result here ahmedghazi.com
Very cool. Possible post edit: in the code sample for advancedLogger should the last function be "onDisabled" or something like that?