summaryrefslogtreecommitdiff
path: root/posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html
blob: 930245699ffd8f185f1d15295fa762c092910dd0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><meta name="og:site_name" content="Navan Chauhan"/><link rel="canonical" href="https://navanchauhan.github.io/posts/2020-10-11-macOS-Virtual-Cam-OBS"/><meta name="twitter:url" content="https://navanchauhan.github.io/posts/2020-10-11-macOS-Virtual-Cam-OBS"/><meta name="og:url" content="https://navanchauhan.github.io/posts/2020-10-11-macOS-Virtual-Cam-OBS"/><title>Trying Different Camera Setups | Navan Chauhan</title><meta name="twitter:title" content="Trying Different Camera Setups | Navan Chauhan"/><meta name="og:title" content="Trying Different Camera Setups | Navan Chauhan"/><meta name="description" content="Comparison of different cameras setups for using as a webcam and tutorials for the same."/><meta name="twitter:description" content="Comparison of different cameras setups for using as a webcam and tutorials for the same."/><meta name="og:description" content="Comparison of different cameras setups for using as a webcam and tutorials for the same."/><meta name="twitter:card" content="summary"/><link rel="stylesheet" href="/styles.css" type="text/css"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><link rel="shortcut icon" href="/images/favicon.png" type="image/png"/><link rel="alternate" href="/feed.rss" type="application/rss+xml" title="Subscribe to Navan Chauhan"/><meta name="twitter:image" content="https://navanchauhan.github.io/images/logo.png"/><meta name="og:image" content="https://navanchauhan.github.io/images/logo.png"/></head><head><script>var _paq=window._paq=window._paq||[];_paq.push(['trackPageView']),_paq.push(['enableLinkTracking']),function(){var a='https://navanspi.duckdns.org:6969/analytics/';_paq.push(['setTrackerUrl',a+'matomo.php']),_paq.push(['setSiteId','2']);var e=document,t=e.createElement('script'),p=e.getElementsByTagName('script')[0];t.type='text/javascript',t.async=!0,t.src=a+'matomo.js',p.parentNode.insertBefore(t,p)}();</script></head><body class="item-page"><header><div class="wrapper"><a class="site-name" href="/">Navan Chauhan</a><nav><ul><li><a href="/about">About Me</a></li><li><a class="selected" href="/posts">Posts</a></li><li><a href="/publications">Publications</a></li><li><a href="/assets/résumé.pdf">Résumé</a></li><li><a href="https://navanchauhan.github.io/repo">Repo</a></li></ul></nav></div></header><div class="wrapper"><article><div class="content"><span class="reading-time">3 minute read</span><span class="reading-time">Created on October 11, 2020</span><span class="reading-time">Last modified on November 17, 2020</span><h1>Trying Different Camera Setups</h1><ol start="0"><li>Animated Overlays</li><li>Using a modern camera as your webcam</li><li>Using your phone's camera as your webcam</li><li>Using a USB Camera</li></ol><h2>Comparison</h2><p>Here are the results before you begin reading.</p><div class="b-dics">
  <img src="/assets/posts/obs/normal.png" alt="Normal Webcam">
  <img src="/assets/posts/obs/usb.png" alt="USB Webcam">
  <img src="/assets/posts/obs/5S.png" alt="Camo iPhone 5S">
  <img src="/assets/posts/obs/11.png" alt="Camo iPhone 11">
  <img src="/assets/posts/obs/mirrorless.png" alt="Mirrorless Camera">
</div><h2>Prerequisites</h2><p>I am running macOS and iOS but I will try to link the same steps for Windows as well. If you are running Arch, I assume you already know what you are doing and are using this post as an inspiration and not a how-to guide.</p><p>I assume that you have Homebrew installed.</p><h3>OBS and OBS-Virtual-Cam</h3><p><em>Description</em></p><pre><code><div class="highlight"><span></span>brew cask install obs
brew cask install obs-virtualcam
</div></code></pre><p>Windows users can install the latest version of the plugin from <a href="https://obsproject.com/forum/resources/obs-virtualcam.949/">OBS-Forums</a></p><h2>0. Animated Overlays</h2><p>I have always liked PewDiePie's animated border he uses in his videos</p><img src="/assets/posts/obs/01-pewdiepie.png" alt="Still grab from PewDiePie's video showing border"/><p>The border was apparently made by a YouTuber <a href="https://www.youtube.com/watch?v=R__RUitpjnA">Sleepy Tanooki</a>. He posted a <a href="https://drive.google.com/drive/folders/1mL3HAvTQfG7mTqwCp-9xCJ2IFhZUoJ5W">link to a Google Drive folder</a> containing the video file. (I will be using the video overlay for the example)</p><p>It is pretty simple to use overlays in OBS:</p><p>First, Create a new scene by clicking on the plus button on the bottom right corner.</p><img src="/assets/posts/obs/01-panel.png" alt="Bottom Panel of OBS"/><p>Now, in the Sources section click on the add button -&gt; Video Capture Device -&gt; Create New -&gt; Choose your webcam from the Device section.</p><p>You may, resize if you want</p><p>After this, again click on the add button, but this time choose the <code>Media Source</code> option</p><img src="/assets/posts/obs/01-media-source.png" alt="Media Source Option"/><p>and, locate and choose the downloaded overlay.</p><h2>1. Using a Modern Camera (Without using a Capture Card)</h2><p>I have a Sony mirrorless camera. Using Sony's <a href="https://imagingedge.sony.net/en/ie-desktop.html">Imaging Edge Desktop</a>, you can use your laptop as a remote viewfinder and capture or record media.</p><p>After installing Image Edge Desktop or your Camera's equivalent, open the <code>Remote</code> application.</p><img src="/assets/posts/obs/02-remote.png" alt="Remote showing available cameras"/><p>Once you are able to see the output of the camera on the application, switch to OBS. Create a new scene, and this time choose <code>Window Capture</code> in the Sources menu. After you have chosen the appropriate window, you may transform/crop the output using the properties/filters options.</p><h2>2.1 Using your iPhone using Quicktime</h2><p>Connect your iPhone via a USB cable, then Open Quicktime -&gt; File -&gt; New Movie Recording</p><p>In the Sources choose your device (No need to press record). You may open the camera app now.</p><img src="/assets/posts/obs/021-source.png" alt="Choose Source"/><p>Now, in OBS create a new scene, and in the sources choose the <code>Window Capture</code> option. You will need to rotate the source:</p><img src="/assets/posts/obs/021-rotate.png" alt="Rotation"/><h2>2.2 Using your iPhone using an application like Camo</h2><p>Install the Camo app on your phone through the app store -&gt; connect to Mac using USB cable, install the companion app and you are done.</p><p>I tried both my current iPhone and an old iPhone 5S</p><h2>3. A USB Webcam</h2><p>The simplest solution, is to use a USB webcam. I used an old <a href="https://www.logitech.com/en-in/product/hd-webcam-c310">Logitech C310</a> that was collecting dust. I was surprised to find that Logitech is still selling it after years and proudly advertising it! (5MP)</p><p>It did not sit well on my laptop, so I placed it on my definitely-not-Joby Gorrila Pod i had bought on Amazon for ~₹500</p><img src="/assets/posts/obs/3-usb.png" alt="USB Webcam"/><head>
<link rel="stylesheet" href="/assets/posts/obs/dics.css">
<script src="/assets/posts/obs/dics.js"></script>
</head><script>

new Dics({
    container: document.querySelector('.b-dics')
});
</script></div><span>Tagged with: </span><ul class="tag-list"><li><a href="/tags/tutorial">Tutorial</a></li><li><a href="/tags/review">Review</a></li><li><a href="/tags/webcam">Webcam</a></li></ul></article></div><footer><p>Made with ❤️ using <a href="https://github.com/johnsundell/publish">Publish</a></p><p><a href="/feed.rss">RSS feed</a></p></footer></body></html>