{"id":5733,"date":"2015-05-26T10:45:18","date_gmt":"2015-05-26T14:45:18","guid":{"rendered":"http:\/\/tiie.w3.uvm.edu\/blog\/?p=5733"},"modified":"2020-03-16T14:16:35","modified_gmt":"2020-03-16T18:16:35","slug":"how-to-use-google-hangout-for-screencasting","status":"publish","type":"post","link":"https:\/\/tiie.w3.uvm.edu\/blog\/how-to-use-google-hangout-for-screencasting\/","title":{"rendered":"How to use Google Hangout for screencasting"},"content":{"rendered":"<p>NOTE: Whoo, five years is a whole *eon*, in tech time, people. So, the original updated version of this post, first written in 2015, then updated in 2018, remains below, because it will work to set you up for using Google Hangouts for screencasting. But there also two easier ways.<\/p>\n<p>So here&#8217;s three ways to use Google Hangouts for screencasting.<\/p>\n<h4>One, pair it with screencasting software<\/h4>\n<p>Pair it with a conventional screencasting tool such as Camtasia, <a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/screencast-o-matic-on-the-macbook\/\">Screencast-o-matic<\/a>, <a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/screencasting-tools-for-the-chromebook\/\">Snagit<\/a> or Screencastify. Open your screencasting tool, then kick off a Google Hangout like you would normally.<\/p>\n<h4>Two, turn Recording on in Google Enterprise Suite.<\/h4>\n<p>But the updated version is that Google Hangouts have a button that simply turns recording on, <em><strong>if you have Google Enterprise Suite.<\/strong><\/em><\/p>\n<p>Here&#8217;s Google&#8217;s video tutorial on the topic:<\/p>\n<div class=\"epyt-video-wrapper\">\n<div  style=\"display: block; margin: 0px auto;\"  id=\"_ytid_92300\"  width=\"525\" height=\"295\"  data-origwidth=\"525\" data-origheight=\"295\" data-facadesrc=\"https:\/\/www.youtube.com\/embed\/vQ2Hk2peSao?enablejsapi=1&#038;autoplay=0&#038;cc_load_policy=1&#038;cc_lang_pref=&#038;iv_load_policy=1&#038;loop=0&#038;modestbranding=1&#038;rel=0&#038;fs=1&#038;playsinline=1&#038;autohide=2&#038;theme=dark&#038;color=red&#038;controls=1&#038;\" class=\"__youtube_prefs__ epyt-facade epyt-is-override  no-lazyload\" data-epautoplay=\"1\" ><img decoding=\"async\" data-spai-excluded=\"true\" class=\"epyt-facade-poster skip-lazy\" loading=\"lazy\"  alt=\"YouTube player\"  src=\"https:\/\/i.ytimg.com\/vi\/vQ2Hk2peSao\/maxresdefault.jpg\"  \/><button class=\"epyt-facade-play\" aria-label=\"Play\"><svg data-no-lazy=\"1\" height=\"100%\" version=\"1.1\" viewBox=\"0 0 68 48\" width=\"100%\"><path class=\"ytp-large-play-button-bg\" d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"#f00\"><\/path><path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path><\/svg><\/button><\/div>\n<\/div>\n<h3>And three, set your Google Hangout to be broadcast On Air.<\/h3>\n<p>Which gives you a recorded broadcast at the end.<\/p>\n<hr \/>\n<h4>Original 2018 post. (Oy.)<\/h4>\n<p>There are a plethora of screencasting tools available for Mac, PC and Chromebook, but one way to create a super-quick screencast when you want students to be able to see you in the picture, is to use Google Hangout for screencasting. Super useful for Google schools, and did we mention it&#8217;s free?<\/p>\n<p>Step-by-step, here&#8217;s how to use Google Hangout\u00a0for screencasting<\/p>\n<h3>1. Go to <a href=\"https:\/\/plus.google.com\/u\/0\/hangouts\/onair\" target=\"_blank\" rel=\"noopener noreferrer\">Google Hangouts on Air<\/a><\/h3>\n<div><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/hangoutsstep1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5825\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/hangoutsstep1.jpg\" alt=\"how to use google hangouts for screencasting\" width=\"500\" height=\"331\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/hangoutsstep1.jpg 827w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/hangoutsstep1-300x199.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/hangoutsstep1-619x410.jpg 619w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div><\/div>\n<div>Click the yellow &#8220;Create a Hangout on Air&#8221; button<\/div>\n<h3>2.\u00a0Set it to private<\/h3>\n<div>Name your hangout, give it a description, then click on the X in the green &#8220;Public&#8221; button if you don&#8217;t want the whole thing posted to your Google+ profile. <strong>You do need to pick one person to share it with, but it can be your own alternate email address.<\/strong> Click &#8220;Share&#8221; to get to the Hangout. As shown in this 30-second, audio-free video snippet:<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/Bbt0MBzsoiw\" width=\"420\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div><\/div>\n<div><strong>Troubleshooting tip:<\/strong> You do need to verify your YouTube account, if prompted, but it takes seconds.<\/div>\n<div><\/div>\n<div>Yes, I appreciate the irony in having used Camtasia to create that screencast. Stay tuned for &#8220;App-smashing and creating instructional blogposts&#8221; \ud83d\ude42<\/div>\n<h3>\u00a03. Click &#8220;Start&#8221; to enter the screencasting studio<\/h3>\n<div><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step4.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5827\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step4-300x196.jpg\" alt=\"how to use Google Hangouts for screencasting\" width=\"500\" height=\"327\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step4-300x196.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step4-619x405.jpg 619w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step4.jpg 949w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div><\/div>\n<div>You&#8217;ve been popped over into Google+ and on the lefthand side of the page is a Hangout window. Click the blue &#8220;Start&#8221; button.<\/div>\n<p>&nbsp;<\/p>\n<h3>4.\u00a0Start your broadcast<\/h3>\n<div><\/div>\n<div><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step5offair.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5830\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step5offair.jpg\" alt=\"how to use Google Hangout for screencasting\" width=\"500\" height=\"326\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step5offair.jpg 811w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step5offair-300x196.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step5offair-619x404.jpg 619w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div><\/div>\n<div>Now you are in the Hangout window. Click &#8220;Skip&#8221; to queue up a percentage progress bar at the bottom of your Hangout window. When it&#8217;s done, the progress bar will turn to a green &#8220;Start broadcast&#8221; button. You&#8217;ll get a little countdown up there in the corner, then boom! You are now recording from your machine.<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<h3>5. Screencast with anything on your desktop<\/h3>\n<div>To do a voiceover of your slides, hover over the lefthand edge of the Hangout window until a column of icons appears. The third one down is Screenshare. Click it, and choose your slides from the set of options that pop up.<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<div><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step61.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5834\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step61.jpg\" alt=\"how to use Google Hangout for screencasting\" width=\"500\" height=\"328\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step61.jpg 750w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step61-300x197.jpg 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/step61-619x406.jpg 619w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div><\/div>\n<div>The options will consist of every application you have open, plus your Desktop.<\/div>\n<p>&nbsp;<\/p>\n<h3>6. Start talking!<\/h3>\n<div>Once you choose your slides, navigate over to them on your machine as if the Hangout wasn&#8217;t there, and start talking. And what you wind up with as a finished project is something like this:<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/eHlzCzZxr6A\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div><\/div>\n<div>After you finish the broadcast, what you wind up with is an unlisted YouTube video. And from there, you can decide who receives the url to view the finished project.<\/div>\n<p>&nbsp;<\/p>\n<h3>tldr; a screencast showing soup-to-nuts how this works<\/h3>\n<div>For a complete look at how this works from the driver&#8217;s seat, I used Camtasia again to record what this whole process looks like from the back end. (Did I mention the app-smashing for instructional blogposts?)<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/E4bKOblbXTY\" width=\"420\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<div><\/div>\n<div><strong>Troubleshooting tip:<\/strong> obviously, this works best for schools with ready access to the Google suite of products. If, for instance, you find yourself staring at something like this:<\/div>\n<p>&nbsp;<\/p>\n<div><\/div>\n<div><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/HangOutAir-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-5838\" src=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/HangOutAir-1.png\" alt=\"how to use Google Hangout for screencasting\" width=\"500\" height=\"234\" srcset=\"https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/HangOutAir-1.png 727w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/HangOutAir-1-300x140.png 300w, https:\/\/tiie.w3.uvm.edu\/blog\/wp-content\/uploads\/2015\/05\/HangOutAir-1-619x289.png 619w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/div>\n<div><\/div>\n<div><\/div>\n<div>Then\u00a0it&#8217;s likely time for an inservice conversation about fettered internet access, security and digital citizenship as a school-wide culture, but that, my friends, is a whole other blogpost.<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>NOTE: Whoo, five years is a whole *eon*, in tech time, people. So, the original updated version of this post, first written in 2015, then updated in 2018, remains below, because it will work to set you up for using Google Hangouts for screencasting. But there also two easier ways. So here&#8217;s three ways to &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/tiie.w3.uvm.edu\/blog\/how-to-use-google-hangout-for-screencasting\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to use Google Hangout for screencasting&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":24640,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1268],"tags":[229,1272,160,85],"class_list":["post-5733","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-remote-learning","tag-google-hangout","tag-screencast","tag-screencasting","tag-youtube"],"_links":{"self":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/5733","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/comments?post=5733"}],"version-history":[{"count":4,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/5733\/revisions"}],"predecessor-version":[{"id":24639,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/posts\/5733\/revisions\/24639"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/media\/24640"}],"wp:attachment":[{"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/media?parent=5733"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/categories?post=5733"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tiie.w3.uvm.edu\/blog\/wp-json\/wp\/v2\/tags?post=5733"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}