Teaching Newbies since 2014

kauress

  • Home
  • Javascript โค
    • JavaScript
    • Node.js
  • WebDev Tuts
  • screencasts
  • Resources
  • VR & AR
  • Contact
  • Github
  • Twitter
  • YouTube
  • RSS
  • C++
You are here: Home / Javascript โค / JavaScript / SailorMoon Pose Signup/Login #machinelearning

April 9, 2020 by: Kauress

SailorMoon Pose Signup/Login #machinelearning

#MachineLearning with posenet : SailorMoon signup/login with a pose

Phase 1 complete:

๐ŸŒŸ getUserMedia (video)
๐ŸŒŸ Button click –> Countdown triggers –> Take pic
๐ŸŒŸ Take a picture of the video by drawing it to a canvas element
๐ŸŒŸNot mobile friendly ๐ŸŒ™https://t.co/1yXQb55JKN

— Kauress (@kauresss) April 9, 2020
Took me a day to finish the above + read on posenet and have it running on a local server. My webcam on my laptop isn’t all that great but should suffice for the time being. Below are steps for the project so far:
  1. Use
    getUserMedia method
    of the web media API to detect a webcam and get permission from the user to stream video from the webcam
  2. Use the setInterval() method to countdown from 3 till 0
  3. On the count of 0 trigger drawing of current video frame on the canvas using context.drawImage()
  4. Do this 3 times as there are 3 separate poses or images of poses
  5. clearInterval() between each count and disable the start button after the countdown begins, because the setInterval() method messes up the global window object
View post on imgur.com
Learn Twitter Bootstrap in VR – update
5 years ago..

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Copyright © 2021 ยทKauress