{"id":18212,"date":"2020-03-13T18:10:48","date_gmt":"2020-03-13T17:10:48","guid":{"rendered":"https:\/\/timoelliott.com\/blog\/?p=18212"},"modified":"2020-12-11T13:07:26","modified_gmt":"2020-12-11T12:07:26","slug":"some-tips-on-interactive-virtual-presentations","status":"publish","type":"post","link":"https:\/\/timoelliott.com\/blog\/2020\/03\/some-tips-on-interactive-virtual-presentations.html","title":{"rendered":"Some Tips On Interactive Virtual Presentations"},"content":{"rendered":"<p>I&#8217;m an Innovation Evangelist for SAP. I typically spend this time of year on the road at conferences, but like many others I suddenly find myself spending more time in the virtual world!<\/p>\n<p>After some requests from others, please find below a write-up of how I do interactive presentations (in Zoom, Skype, etc.) in front of PowerPoint slides.<\/p>\n<p>First, a couple of examples (I got better at using the green screen tool after I did the second video &#8212; far less &#8220;halo&#8221; artifacts now).<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/GzrIM5LjRTU?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/3e_mIevaSQg?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<h2>Ingredients<\/h2>\n<h3>Space<\/h3>\n<ul>\n<li>I have my setup in a small attic room (oddly-shaped 8m2 \/ 86 sq ft.) It\u2019s crowded, messy, and I\u2019m very glad I don\u2019t have to take it down and put it up again each time I present.<\/li>\n<\/ul>\n<h3>Green screen<\/h3>\n<ul>\n<li>I have a piece of cheap stretched green fabric on the wall, that I also use to hang other backdrops (e.g. I have a fake brick wall for that \u201cI\u2019m in a loft\u201d look). Were I to start again, I might go for a more practical option such as the\u00a0<a href=\"https:\/\/www.elgato.com\/en\/gaming\/green-screen\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Elgato collapsible green screen<\/a>. Two metres width is minimum, go for much wider if you have the space.<\/li>\n<li>As much space as possible between the presenter and the green screen to avoid shadows from the presenter lights (see below). But the bigger the distance, the larger the green screen has to be.<\/li>\n<\/ul>\n<h3>\u00a0Lighting<\/h3>\n<ul>\n<li>In general, brighter lights translate directly into better video quality. I use older bright bulbs, because that\u2019s what I have left over from my photography hobby, but modern LED lighting is much more practical and controllable (and not as hot!).<\/li>\n<li>First set of lighting: on the person. As broad and diffuse as possible (e.g. I don\u2019t point the main lights directly at myself, but at the wall so it bounces back like a big softlight). I also added a ring light around the camera\u2014not strictly necessary, but great for closeups, and it results in less annoying shadows on the green screen.<\/li>\n<li>Second set of lighting: as evenly as possible across the green screen. This is harder than it seems, and can require extra lights: e.g. one just behind the presenter, facing up and back towards the green screen, to compensate the shadows of the higher front lights.<\/li>\n<li>Points for style: a spotlight above and slightly behind the presenter, pointing down, helps create a crisp separation. I haven\u2019t done this (yet?)<\/li>\n<\/ul>\n<h3>\u00a0Camera and cables<\/h3>\n<ul>\n<li>A camera that outputs a clean HDMI signal (720p is fine for live, up to 4K if you\u2019re doing recordings). You\u00a0<em>can<\/em>\u00a0do it with just a webcam, but the quality is typically worse, it\u2019s going to be harder to physically align things, and you\u2019ll have less control over the exposure. I use a\u00a0<a href=\"https:\/\/www.sony.com\/electronics\/cyber-shot-compact-cameras\/dsc-rx100m7\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Sony RX100 VII<\/a>, which is expensive and overkill for this (but it\u2019s a great travel camera for conferences, etc.)<\/li>\n<li>A mini- or micro-HDMI to HDMI cable (depending on your camera)<\/li>\n<li>An HDMI-to-USB converter, e.g. the\u00a0<a href=\"https:\/\/www.elgato.com\/en\/gaming\/cam-link-4k\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Elgato Camlink 4k<\/a>\u00a0(note this is required because it\u2019s about HDMI in, not out)<\/li>\n<li>External power for the camera (you don\u2019t want to have to worry about the batteries going dead)<\/li>\n<\/ul>\n<h3>\u00a0Computer<\/h3>\n<ul>\n<li>Powerful PC with lots of memory. You\u2019re dealing with multiple video feeds. I have a 2018 15\u201d MacBook Pro with 32Gb of memory, and the fan goes crazy. But a friend with a Asus Chromebook\u00a0said that that actually worked a lot better for streaming than his MBP, so \ud83e\udd37\ud83c\udffb\u200d\u2642\ufe0f&#8230;<\/li>\n<li>Internet: wired ethernet is typically much faster and more reliable than wifi.<\/li>\n<\/ul>\n<h3>\u00a0Second monitor<\/h3>\n<ul>\n<li>The easiest way to get the presentation slides as a video feed is to use a separate monitor. It is theoretically possible to do it without, but harder (you&#8217;d have to reserve part of your laptop screen for the presentation, then stream just that part).<\/li>\n<li>Obviously requires an HDMI cable to the computer, and potentially a converter (e.g. for my MacBook Pro, I need to use an HDMI-to-USB-c converter).<\/li>\n<\/ul>\n<h3>\u00a0Software<\/h3>\n<ul>\n<li>Streaming-video-mixer software. E.g.<\/li>\n<li><a href=\"https:\/\/obsproject.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">OBS Studio<\/a>\u00a0Free, multiplatform, very powerful, but a bit geeky to use. If this works for you, then I recommend this! Unfortunately, I found that the green screen filter didn&#8217;t work well for me &#8212; and as open source software, it may be blacklisted in some organizations.<\/li>\n<li><a href=\"https:\/\/manycam.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">ManyCam<\/a>. Multi-platform, subscription, good already mix of power, quality, and ease of use. This is my go-to platform most of the time.<\/li>\n<li><a href=\"https:\/\/www.ecamm.com\/mac\/ecammlive\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Ecammlive<\/a>, Mac-only, subscription, gives better quality\/performance than ManyCam but a different set of features. I tend to use this when I need to present while also recording.<\/li>\n<li><a href=\"https:\/\/personifyinc.com\/products\/presenter\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Personify<\/a>\u00a0Multiplatform. Unlike the others, this is designed to put your video onto a screen share rather than sharing the screen over video. Video conferencing platforms use two different algorithms &#8212; video is optimized for frames per second, screen share is optimized for pixel quality. So personify is good for on-screen demos, but the video of the person is jerky. I typically present slides rather than doing demos, so this wasn&#8217;t a good option for me.<\/li>\n<li><a href=\"https:\/\/prezi.com\/video\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Prezi video<\/a>. Multiplatform, subscription. I think this is the best professional option if you don&#8217;t have a green screen: your slides are &#8220;on top of&#8221; your video, with transparency. But you have to put it into the prezi format in order to make the most of it.<\/li>\n<li><a href=\"https:\/\/personifyinc.com\/products\/chromacam\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Chromacam<\/a>. From the same company as Personify. Windows only &#8212; I haven&#8217;t tried it.<\/li>\n<li><a href=\"https:\/\/boinx.com\/mimolive\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Mimolive<\/a>. Powerful, expensive, Mac-only. I haven&#8217;t tried it.<\/li>\n<li><a href=\"https:\/\/www.xsplit.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Xsplit<\/a>. Windows-only (for now). Recommended by one of the teams at SAP, but I haven&#8217;t tried it.<\/li>\n<li><a href=\"https:\/\/support.zoom.us\/hc\/en-us\/articles\/360046912351-Sharing-slides-as-a-Virtual-Background\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Zoom.<\/a>\u00a0At the time of writing, it&#8217;s only in beta, but you can share slides as a virtual background in Zoom. The green-screen effect is bad.<\/li>\n<li>Video editing software if necessary (I use Adobe Premiere).<\/li>\n<li>Web conferencing software (Zoom currently has the reputation for the best video quality).<\/li>\n<\/ul>\n<h3>\u00a0Audio<\/h3>\n<ul>\n<li>You can theoretically not use a headset (just the microphone and speakers on the PC) but I find that it makes everything less clear (and my fan is LOUD).<\/li>\n<li>I use a separate microphone for presentations, clipped to my neckline, and I also have a discrete earpiece, like the ones they use on TV studios so I can hear the audience or producer if necessary.<\/li>\n<\/ul>\n<p>Here&#8217;s what it looks like when I&#8217;m presenting (messy!)<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><a href=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-1.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-18213\" src=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-1.jpg?resize=608%2C399&#038;ssl=1\" alt=\"\" width=\"608\" height=\"399\" srcset=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-1.jpg?resize=608%2C399&amp;ssl=1 608w, https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-1.jpg?resize=768%2C504&amp;ssl=1 768w, https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-1.jpg?w=1000&amp;ssl=1 1000w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/a><\/div>\n<p>And here&#8217;s the view of the green screen. If I had more space, I would have made it much wider&#8230;<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><a href=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-2.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-18214\" src=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-2.jpg?resize=608%2C515&#038;ssl=1\" alt=\"\" width=\"608\" height=\"515\" srcset=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-2.jpg?resize=608%2C515&amp;ssl=1 608w, https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-2.jpg?resize=768%2C650&amp;ssl=1 768w, https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/home-studio-2.jpg?w=1000&amp;ssl=1 1000w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/a><\/div>\n<h2>Recipe 1: Pre-recorded video<\/h2>\n<ul>\n<li>If you don\u2019t have to do things live, these steps give the best quality (e.g. if you want 4K) and highest flexibility &#8212; and you don&#8217;t need a bunch of the ingredients above, like the ManyCam software or the HDMI camlink.<\/li>\n<li>You can\u2019t see what you\u2019re doing live, though \u2014 e.g. it\u2019s harder to do weather-presenter-style pointing at things on the slide.<\/li>\n<li>Plug the microphone directly into the camera and record the video of yourself in front of the green screen directly onto the camera\u2019s flash drive.<\/li>\n<li>Design the slides with the overlay in mind \u2014 e.g. put all the content on the left hand side, so that you can stand on the right hand side without blocking the content, and make sure you\u2019re not using detailed diagrams or small fonts that will be illegible in a video feed.<\/li>\n<li>Set up the PowerPoint slides for recording: use a second monitor, move PowerPoint to that monitor. Go to \u201cslide show \/ setup show\u201d and choose \u201cpresented by an individual (window)\u201d. Go into presentation mode, and maximize the window to take up the whole screen.<\/li>\n<li>Record the contents of the screen. I use SnagIt. Camtasia also works well, and I think you can even use Quicktime Player directly. Choose to also record the audio on the PC \u2014 this helps with synchronization below.<\/li>\n<li>Move the camera recording to your PC, and combine it with the screen recording using your video editing suite of choice. I use Adobe Premiere.<\/li>\n<li>Create two layers, put the green screen video layer on top of the slides layer.<\/li>\n<li>Synchronize the two videos using the audio feed (e.g. in Premiere, select the two layers, right-mouse-click, choose Synchronize)<\/li>\n<li>Add a green screen filter to the top layer (e.g. Adobe Premiere\u2019s \u201cultra key\u201d effect).<\/li>\n<li>Edit to your heart\u2019s content.<\/li>\n<\/ul>\n<p>Here&#8217;s a couple of examples of pre-recorded video in front of PowerPoint slides (that include embedded videos). You can see that the video quality is better than the interactive versions.<\/p>\n<p>In this first one, the camera was very zoomed out, which meant that the raw image included junk from the room, beyond the edges of the green screen. I had to crop the output in Premiere (and be very careful when I was presenting not to reach out too far!)<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/TG7h0HmLKmM?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<p>This next one was done section by section, and I used the opportunity during editing to move myself around the screen. Since this one was in (bad) Spanish, I needed LOTS of takes to get it right&#8230;<\/p>\n<p><span class=\"embed-youtube\" style=\"text-align:center; display: block;\"><iframe loading=\"lazy\" class=\"youtube-player\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/46ebvqwJqOU?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent\" allowfullscreen=\"true\" style=\"border:0;\" sandbox=\"allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox\"><\/iframe><\/span><\/p>\n<h2>Recipe 2: Live presentations<\/h2>\n<ul>\n<li>Here are the steps for a full, interactive presentation. The idea is that my presentation is on a big screen in a conference room, with a laptop webcam pointing at the audience. I can see the audience and interact with them as closely as possible to actually being in the room.<\/li>\n<li>Set up the PowerPoint slides to play full screen on one of the monitors (see \u201crecorded video\u201d above).<\/li>\n<li>Plug the camera into the computer via the HDMI-to-USB adaptor. It should appear as a webcam available to any application. Set the camera zoom so you only have the green screen in the background, and at the right height so there&#8217;s just a little bit of room available above the presenter&#8217;s head. Try not to cut off the presenters hands if possible (hard if you don&#8217;t have that much space &#8212; the videos at the start of this post are examples where the cropping isn&#8217;t ideal). I manually set the image to slightly overexposed.<\/li>\n<li>Use live video mixing software to combine the green screen video feed with the PowerPoint slides. See above for the various software choices. I typically use ManyCam or EcammLive.<\/li>\n<li>Fire up the web conferencing software. Zoom has been a standout in terms of video quality recently, but all the standard platforms should work. Choose the \u201cvirtual webcam\u201d from the video mixer software. Share your combined video feed and audio, and make it full screen for participants. If you are presenting to a room of people, use a separate laptop on the far end, with the webcam pointed towards the audience. the resolution is good enough to do things like ask them for a show of hands, etc.<\/li>\n<li>While presenting, the PowerPoint slides have to be the active application in order to move forward (I use a remote, which means almost running out of USB slots!). If you need to switch to the web conferencing software in order to scroll down the Q&amp;A, for example, you have to remember to click back to the PowerPoint\u2026<\/li>\n<li>Try to set up the physical space so that your eyes are as much on the camera as possible \u2014 but this is only possible up to an extent. For example, I set things up so that I am standing (better for presentations, I think), but this means having a pile of books on my desk to bring my PC up to the level of my hands. Since it\u2019s better to have to have access to the keyboard, it\u2019s not really possible to set everything up at eye-level, near the camera, and so one of the downsides is that I\u2019m always having to look down to the screens to check Q&amp;A etc.<\/li>\n<\/ul>\n<p>Here&#8217;s what the view looks like in ManyCam &#8212; you can see on the right-hand side that I&#8217;ve set up three layers: one for the slides, one for me &amp; the green screen from the camera, and for style I&#8217;ve also added a &#8220;Best Run&#8221; SAP logo that always stays on top of the stream in the lower right-hand corner. At the bottom, you can see other preset views that I could switch to. This feed can then be accessed as a virtual webcam in any standard web conference tool.<\/p>\n<div class=\"slate-resizable-image-embed slate-image-embed__resize-full-width\"><a href=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/ManyCam-screen-shot.jpg?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-18215\" src=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/ManyCam-screen-shot.jpg?resize=608%2C359&#038;ssl=1\" alt=\"\" width=\"608\" height=\"359\" srcset=\"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/ManyCam-screen-shot.jpg?resize=608%2C359&amp;ssl=1 608w, https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/ManyCam-screen-shot.jpg?resize=768%2C454&amp;ssl=1 768w, https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/ManyCam-screen-shot.jpg?w=1000&amp;ssl=1 1000w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/a><\/div>\n<p>I hope this was useful, good luck out there, stay safe, and any questions?!<\/p>\n<p>[And let me know if you need a presenter on the topic of the business impacts of technology, illustrated with real-world examples, especially if it&#8217;s related to datata(analytics, AI etc)!]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setup, tips, and tricks on how to do interactive virtual presentations, standing in front of PowerPoint slides. <\/p>\n","protected":false},"author":2,"featured_media":18216,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[2],"tags":[839,1432,1118],"class_list":["post-18212","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-best-practice","tag-presentations","tag-virtual","tag-virtual-event"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/timoelliott.com\/blog\/wp-content\/uploads\/2020\/03\/many-cam-screen-shot-larger.jpg?fit=2807%2C1432&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3X9RF-4JK","_links":{"self":[{"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/posts\/18212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/comments?post=18212"}],"version-history":[{"count":0,"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/posts\/18212\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/media\/18216"}],"wp:attachment":[{"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/media?parent=18212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/categories?post=18212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/timoelliott.com\/blog\/wp-json\/wp\/v2\/tags?post=18212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}