{"id":57025,"date":"2026-08-28T03:01:57","date_gmt":"2026-08-27T17:01:57","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=57025"},"modified":"2026-07-26T14:10:13","modified_gmt":"2026-07-26T04:10:13","slug":"photobooth-shaving-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/photobooth-shaving-primer-tutorial\/","title":{"rendered":"PhotoBooth Shaving Primer Tutorial"},"content":{"rendered":"
\"PhotoBooth<\/a>

PhotoBooth Shaving Primer Tutorial<\/p><\/div>\n

We wonder about whether Primer<\/i> is apt in today’s blog posting “PhotoBooth Shaving Primer Tutorial” title, but perhaps your first shave is the go here?!<\/p>\n

We don’t like mirrors much. Anyway, today, we don’t want to mess up the bathroom sink, below our mirror.<\/p>\n

So supposing we do want to shave and can satisfy …<\/p>\n\n\n\n\n
<\/input><\/td>\nRazor (and can work off batteries, perhaps optional?!)<\/td>\n<\/tr>\n
<\/input><\/td>\nmacOS laptop (ie. you can access to Photobooth<\/a> we talked about with Webcam Photobooth Tutorial<\/a>) (or mobile device with its Camera app)<\/font><\/td>\n<\/tr>\n
<\/input><\/td>\nMirror<\/td>\n<\/tr>\n<\/table>\n

? Well, you …<\/p>\n

    \n
  1. open PhotoBooth (or mobile device Camera app)<\/font><\/li>\n
  2. turn camera mode to selfie<\/li>\n
  3. start up the shaver as you look at the laptop (or mobile device)<\/font><\/li>\n
  4. Bake!<\/a><\/strike>Shave!<\/a><\/li>\n<\/ol>\n

    Cute, huh?! And we do not require payment for this weight loss tip?!<\/p>\n

    \n

    \n

    Previous relevant Webcam Photobooth Tutorial<\/a> is shown below.<\/p>\n

    \"Webcam<\/a>

    Webcam Photobooth Tutorial<\/p><\/div>\n

    The webcam<\/a> of a computer device can be like a video selfie except that when filming something it can be flipped horizontally, like when dealing with mirrors, on occasions, especially after a heavy night! And that’s where the Mac OS X (and iOS) Photobooth<\/a> desktop (or mobile “desktop”) application comes to our thinking. It has a very useful option Edit > Auto Flip New Items<\/i>, a simulation of functionality we’d like to add onto the web application of our previous Webcam Primer Tutorial<\/a> as shown below. The thought of doing all this to the implicit video of the Webcam sounds daunting, but the clue to this being easier than expected came from the “bowels” of that previous tutorial, basing itself on the help of a few excellent links you can link into below too, and its use of an HTML(5) canvas element to be an intermediary between the webcam (video) and your dear little selves. And it is on this canvas (sounds apt to say “palette” today) that there are tremendous HTML5 “goodies” functionality-wise to call on to be able to …<\/p>\n

      \n
    • scale<\/a><\/li>\n
    • rotate<\/a><\/li>\n
    • translate<\/a><\/li>\n<\/ul>\n

      … and so, effectively (horizontally) “flip” (or also today’s “we didn’t know” flop (meaning vertically flip)) the canvas right there in the middle of the action, doing twirls and triple pikes just for you gals and guys … awwwww, shucks! This ability of our Webcam application was precisely what was missing as we lamented in yesterday’s Windows Memory Stick Research Primer Tutorial<\/a> …<\/p>\n

      \nThe YouTube\u2019s genesis was from the Mac OS X desktop application PhotoBooth, mainly done this way because of its excellent Edit -> Auto Flip New Items option, otherwise we\u2019d have used our recent Webcam web application.\n<\/p><\/blockquote>\n

      We’d like to thank this webpage<\/a> for a great Javascript function to manipulate our HTML(5) canvas element this way.<\/p>\n

      This opens our web application up to allowing you to use a Webcam to show a “filmed” thing in an unmirrored context, and so, if you, as we did today with our YouTube video …<\/p>\n