{"id":2232,"date":"2018-07-30T20:53:34","date_gmt":"2018-07-30T11:53:34","guid":{"rendered":"https:\/\/www.codedojo.com\/?p=2232"},"modified":"2018-08-11T20:21:48","modified_gmt":"2018-08-11T11:21:48","slug":"how-to-setup-quadview-for-competitive-gaming","status":"publish","type":"post","link":"https:\/\/www.codedojo.com\/?p=2232","title":{"rendered":"How to setup quadview for competitive gaming"},"content":{"rendered":"<p><a href=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_seth.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2235\" src=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_seth.jpg\" alt=\"\" width=\"986\" height=\"407\" srcset=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_seth.jpg 986w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_seth-300x124.jpg 300w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_seth-768x317.jpg 768w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_seth-624x258.jpg 624w\" sizes=\"auto, (max-width: 986px) 100vw, 986px\" \/><\/a><\/p>\n<h1>Why would you want a quadview setup?<\/h1>\n<p>I (badly) play PUBG with my family in a room where we can&#8217;t really sit close together and this always happens:<\/p>\n<p><em>&#8220;Sniper in that building.\u00a0 Upper left window&#8221;<\/em><\/p>\n<p><em>&#8220;Which building?\u00a0 Which window?!&#8221;<\/em><\/p>\n<p><em>&#8220;Look at my screen&#8230;\u00a0 here!&#8221;<\/em><\/p>\n<p>Turning around to crane your neck at someone else&#8217;s computer will get you killed &#8211; quadview to the rescue!\u00a0 A quadview setup puts a live feed of everyone&#8217;s screen next to your normal screen.<\/p>\n<p>In the very unlikely chance you&#8217;re in a situation where this could be useful, here&#8217;s how to do it.<\/p>\n<h1>Hardware I use<\/h1>\n<p><a href=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_multi.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2234\" src=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_multi.jpg\" alt=\"\" width=\"700\" height=\"311\" srcset=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_multi.jpg 700w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_multi-300x133.jpg 300w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_multi-624x277.jpg 624w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n<p><strong>An HDMI Quad Multi-viewer <\/strong>(<a href=\"https:\/\/www.amazon.com\/Goronya-Multi-Viewer-Splitter-Seamless-Switcher\/dp\/B073XFGMX4\">like this one<\/a>\u00a0$99)\u00a0&#8211; this has four HDMI inputs (to plug in each person&#8217;s view) and one HDMI output.\u00a0 This is the thing that can actually take the four views and smoosh it into one HDMI signal.<\/p>\n<p>Assuming that each team member is sitting far enough away from each other to need their own quad view, you also need to split this HDMI out into up to four outputs.<\/p>\n<p><a href=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_splitter.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2233\" src=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_splitter.jpg\" alt=\"\" width=\"600\" height=\"312\" srcset=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_splitter.jpg 600w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_splitter-300x156.jpg 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>An HDMI 1in 4 out splitter<\/strong> (<a href=\"https:\/\/www.amazon.com\/dp\/B078Z5KPBL\">like this one<\/a> &#8211; $18)<\/p>\n<p><strong>Up to four extra monitors<\/strong> to show the quad view &#8211; if you&#8217;re like me, you have random old monitors (or Contique) laying around that can display HDMI signals.<\/p>\n<h1>Getting the inputs &#8211; Use OBS, NOT screen mirroring!<\/h1>\n<p>So now you need a signal from each person&#8217;s computer to plug into the switcher.\u00a0 I don&#8217;t think it&#8217;s possible to buy a video card that doesn&#8217;t have an extra HDMI out on it these days, but having that is step one.<\/p>\n<p>Run an HDMI cable from the switcher input to a free HDMI output port on your video card.\u00a0 Open Windows&#8217; Display Settings and verify it&#8217;s showing up as the second display.<\/p>\n<p>You may be tempted to choose &#8220;Mirror display 1 on display 2&#8221; &#8211; this will only give you headaches later!\u00a0 It will reduce the refresh rate and resolution of your main monitor to match this second one; you probably don&#8217;t want this.\u00a0 It&#8217;s also kind of weird and buggy in my experience.<\/p>\n<p><strong>Note:<\/strong> I play 100 hz refresh at 3440X1440 &#8211; the method we use below will automatically letterbox the screen to fit the 1920X1080 output for quadview nicely.<\/p>\n<p><span style=\"font-size: 1rem;\">The best way is to &#8220;extend desktop&#8221; to the second monitor.\u00a0 We&#8217;ll also need <strong>OBS Studio<\/strong>. It&#8217;s a great free open source app used primarily for streaming but works great for this.<\/span><\/p>\n<h1>Configuring OBS Studio<\/h1>\n<p>After <a href=\"https:\/\/obsproject.com\/download\">installing OBS<\/a>, the setup is pretty simple.<\/p>\n<p><a href=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_obs2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2238\" src=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_obs2.jpg\" alt=\"\" width=\"704\" height=\"483\" srcset=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_obs2.jpg 704w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_obs2-300x206.jpg 300w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_obs2-624x428.jpg 624w\" sizes=\"auto, (max-width: 704px) 100vw, 704px\" \/><\/a><\/p>\n<p>Add a &#8220;Game capture&#8221; to the sources property.<\/p>\n<h1><a href=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_obs.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2239\" src=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_obs.jpg\" alt=\"\" width=\"266\" height=\"211\" \/><\/a><\/h1>\n<p>Now, this is key, right click your scene&#8217;s name under &#8220;Scenes&#8221; and choose &#8220;Fullscreen Projector&#8221; and set it to your second display.\u00a0 If you start a game, you should see its output being &#8220;broadcast&#8221; via the HDMI going to the quad-view box&#8217;s input.<\/p>\n<p>If you want to be cool, add name overlays in OBS.\u00a0 That&#8217;s it, you&#8217;re ready to roll.<\/p>\n<h1>Some tips<\/h1>\n<p><a style=\"font-size: 1rem;\" href=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_cosmo.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2236\" src=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_cosmo.jpg\" alt=\"\" width=\"1196\" height=\"716\" srcset=\"https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_cosmo.jpg 1196w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_cosmo-300x180.jpg 300w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_cosmo-768x460.jpg 768w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_cosmo-1024x613.jpg 1024w, https:\/\/www.codedojo.com\/wp-content\/uploads\/2018\/07\/quad_cosmo-624x374.jpg 624w\" sizes=\"auto, (max-width: 1196px) 100vw, 1196px\" \/><\/a><\/p>\n<ul>\n<li>It takes practice to use,\u00a0 easy to forget it&#8217;s there.\u00a0 If a squadmate is in a fire fight a quick look can give you important information on her situation before choosing to bust in crazy-like or stealthily approach from a specific direction.<\/li>\n<li>If one of your local squad dies and you&#8217;re playing with a remote player, the dead person can switch to the remote teammate&#8217;s view so everybody can watch what he&#8217;s doing as well.<\/li>\n<li>Turn &#8220;equipment hud&#8221; and &#8220;weapon hud&#8221; options to ON &#8211;\u00a0 if the display is big enough it&#8217;s possible to see the players backpack, armor, and gun situation.<\/li>\n<li>If you&#8217;re REALLY serious you can buy a more expensive box that puts the four inputs together into 4K output &#8211;\u00a0 don&#8217;t know about you, but I sure don&#8217;t have extra 4k monitors sitting around though.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Why would you want a quadview setup? I (badly) play PUBG with my family in a room where we can&#8217;t really sit close together and this always happens: &#8220;Sniper in that building.\u00a0 Upper left window&#8221; &#8220;Which building?\u00a0 Which window?!&#8221; &#8220;Look at my screen&#8230;\u00a0 here!&#8221; Turning around to crane your neck at someone else&#8217;s computer will [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-2232","post","type-post","status-publish","format-standard","hentry","category-tech-tips"],"_links":{"self":[{"href":"https:\/\/www.codedojo.com\/index.php?rest_route=\/wp\/v2\/posts\/2232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codedojo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codedojo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codedojo.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codedojo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2232"}],"version-history":[{"count":14,"href":"https:\/\/www.codedojo.com\/index.php?rest_route=\/wp\/v2\/posts\/2232\/revisions"}],"predecessor-version":[{"id":2262,"href":"https:\/\/www.codedojo.com\/index.php?rest_route=\/wp\/v2\/posts\/2232\/revisions\/2262"}],"wp:attachment":[{"href":"https:\/\/www.codedojo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codedojo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codedojo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}