{"id":324,"date":"2021-11-24T14:55:01","date_gmt":"2021-11-24T13:55:01","guid":{"rendered":"https:\/\/therobinsonfamily.net\/?p=324"},"modified":"2021-11-24T14:55:01","modified_gmt":"2021-11-24T13:55:01","slug":"ms-teams-with-obs-for-teachers","status":"publish","type":"post","link":"https:\/\/therobinsonfamily.net\/?p=324","title":{"rendered":"MS Teams with OBS for Teachers"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">MS Teams is being used more in teaching situations and I&#8217;d like to share how I integrated using OBS to provide a smoother and more professional experience for my students.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Firstly the issues that I wanted to tackle with MS Teams were mostly how slow it is switching between displaying application windows that I want to share. I also wanted to be able to display application windows side by side, Having a company logo on the screen, animated reactions, banners etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Firstly <a href=\"https:\/\/obsproject.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">OBS<\/a>, When you first install it is a bit enigmatic. You need to create &#8220;Scenes&#8221; which are a collection of &#8220;Sources&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/obs-scenes-and-sources.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/obs-scenes-and-sources.png\" alt=\"\" class=\"wp-image-328\" width=\"517\" height=\"359\"\/><\/a><figcaption>obs scene 1<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">e.g. I have a scene called &#8220;Cam&#8221; which has a &#8220;Video Capture Device&#8221; source called webcam.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/obs-firefox.png\"><img decoding=\"async\" src=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/obs-firefox.png\" alt=\"\" class=\"wp-image-329\"\/><\/a><figcaption>obs scene 2<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A &#8220;Firefox&#8221; Scene which has a &#8220;Window Capture&#8221; source for Firefox and a copy of the webcam source from the Cam scene. Switching between the scenes changes what is displayed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To quickly change between scenes I use a tablet running a piece of software called <a rel=\"noreferrer noopener\" href=\"https:\/\/8up.uk\/\" data-type=\"URL\" data-id=\"https:\/\/8up.uk\/\" target=\"_blank\">UpDeck<\/a> which is a software Steam Deck and can run on a tablet or mobile phone. At the time of writing I use it on an old iPad Air with iOS 12.5.5. It&#8217;s main feature is to enable you to quickly switch between OBS Scenes. It&#8217;s fair to mention that the UpDeck apps are currently unmaintained, but there is a helpful community on Discord.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/ipad-updeck-smol.png\"><img decoding=\"async\" src=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/ipad-updeck-smol.png\" alt=\"\" class=\"wp-image-330\"\/><\/a><figcaption>ipad with updeck<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It requires a companion application to run on the workstation and a script to be installed into OBS which is all documented <a href=\"https:\/\/8up.uk\/docs\/Getting_started\" target=\"_blank\" rel=\"noreferrer noopener\">here:<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">UpDeck is capable of many things but I typically limit it to switching scenes and changing the visibility of items in scenes. Grouping buttons together helps you remember which scene you have selected as the hilight on updeck can only be around one. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/deck-button-setup.png\"><img decoding=\"async\" src=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/deck-button-setup.png\" alt=\"\" class=\"wp-image-331\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For instance the gold star source that can be seen in the sources above is made visible for a few seconds when I press the goldstar button at the bottom right of the updeck screenshot.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/goldstar-updeck.png\"><img decoding=\"async\" src=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/goldstar-updeck.png\" alt=\"\" class=\"wp-image-334\"\/><\/a><figcaption>showing a gold star animation for 1.5s on updeck<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Finally you need to get all this into Teams. By far and away the highest quality method is to open a Windowed Projector view of OBS by right clicking on the preview. I maximise the window on my secondary screen and set it behind other windows. then I select the Windowed Projector to be shared in Teams.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/window-projector-obs.png\"><img decoding=\"async\" src=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/window-projector-obs.png\" alt=\"\" class=\"wp-image-332\"\/><\/a><figcaption>obs window projector<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/teams-window-share.png\"><img decoding=\"async\" src=\"https:\/\/therobinsonfamily.net\/blog\/wp-content\/uploads\/2021\/11\/teams-window-share.png\" alt=\"\" class=\"wp-image-333\"\/><\/a><figcaption>selecting a share source<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>MS Teams is being used more in teaching situations and I&#8217;d like to share how I integrated using OBS to provide a smoother and more professional experience for my students. Firstly the issues that I wanted to tackle with MS Teams were mostly how slow it is switching between displaying application windows that I want [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[13,14,15,16],"class_list":["post-324","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-foss","tag-msteams","tag-obs","tag-updeck"],"_links":{"self":[{"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=\/wp\/v2\/posts\/324","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=324"}],"version-history":[{"count":0,"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=\/wp\/v2\/posts\/324\/revisions"}],"wp:attachment":[{"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=324"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=324"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/therobinsonfamily.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=324"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}