diff options
| author | Navan Chauhan <navanchauhan@gmail.com> | 2021-05-26 23:56:46 +0530 |
|---|---|---|
| committer | Navan Chauhan <navanchauhan@gmail.com> | 2021-05-26 23:56:46 +0530 |
| commit | 4dbb738bd777d42a62de66f7d111cc728b518ba2 (patch) | |
| tree | 0c714c1ea00402b57eb5c9ad9bd4639d6cda9f15 /posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html | |
| parent | ffcdb996592117fff2be0782dfe54edd225a7c09 (diff) | |
removing old
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, 0 insertions, 17 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 deleted file mode 100644 index cbe2117..0000000 --- a/posts/2020-10-11-macOS-Virtual-Cam-OBS/index.html +++ /dev/null @@ -1,17 +0,0 @@ -<!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 async src="//gc.zgo.at/count.js" data-goatcounter="https://navanchauhan.goatcounter.com/count"></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><li><a href="/feed.rss">RSS Feed</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 -> 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 |