diff options
author | Navan Chauhan <navanchauhan@gmail.com> | 2020-10-11 16:23:07 +0530 |
---|---|---|
committer | Navan Chauhan <navanchauhan@gmail.com> | 2020-10-11 16:23:07 +0530 |
commit | f60ed1ef6f26ad80cc30b8e31660865a0205e0d1 (patch) | |
tree | 36955d70302bd177e346a6cda903970db2ca8468 /posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html | |
parent | 15f935da81e17e5f6a9f0cd6d321d96801d3cb4e (diff) |
Publish deploy 2020-10-11 16:23
Diffstat (limited to 'posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html')
-rw-r--r-- | posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html b/posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html new file mode 100644 index 0000000..e2cb732 --- /dev/null +++ b/posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html @@ -0,0 +1,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>Different Camera Setups | Navan Chauhan</title><meta name="twitter:title" content="Different Camera Setups | Navan Chauhan"/><meta name="og:title" content="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><h1>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 -> Video Capture Device -> Create New -> 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 -> File -> 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 -> 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>
\ No newline at end of file |