{"id":16689,"date":"2025-01-07T09:34:40","date_gmt":"2025-01-07T08:34:40","guid":{"rendered":"https:\/\/alvarotrigo.com\/blog\/?p=16689"},"modified":"2025-01-07T09:34:46","modified_gmt":"2025-01-07T08:34:46","slug":"flip-camera-discord","status":"publish","type":"post","link":"https:\/\/alvarotrigo.com\/blog\/flip-camera-discord\/","title":{"rendered":"How to Flip Camera on Discord [\u2713 Easy Steps]"},"content":{"rendered":"\n<p>If you\u2019ve ever streamed games on Discord, you\u2019ve probably noticed how frustrating it is to see yourself flipped in the camera preview. And if you&#8217;re using a virtual webcam with overlaid text, the frustration grows even more when you see the text inverted on your screen!&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"1067\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-discord.jpg\" alt=\"How to Flip Camera on Discord?\" class=\"wp-image-16690 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-discord.jpg 1600w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-discord-300x200.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-discord-1024x683.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-discord-768x512.jpg 768w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-discord-1536x1024.jpg 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/1067;\" \/><\/figure>\n\n\n\n<p>Why is the camera flipped by default? How do you invert the camera on Discord? Let\u2019s see if there is a solution to this problem. But first, let\u2019s properly understand how Discord manages your camera because there is some confusion about this topic on the net.&nbsp;<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"does-discord-invert-your-camera-output\">Does Discord Invert Your Camera Output?<\/h2>\n\n\n<p><strong>No, Discord doesn\u2019t invert your camera output. The broadcasted video will be seen as it comes from the video source, so viewers will still see you in a normal way (face-to-face). However, Discord inverts the camera preview on your computer, so you&#8217;ll see yourself mirrored.<\/strong><\/p>\n\n\n\n<p>Therefore, the main problem is that the display is inconsistent between the host (you) and the clients (viewers). Mirroring only affects the camera preview, not what others see on their side.<\/p>\n\n\n\n<p>Here is a more detailed explanation of how Discord manages your video:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Camera Preview.<\/strong><br>It shows a mirrored view of yourself (like looking in a mirror), so it&#8217;s easier to adjust things like your hair or background. However, if you want to show something with text, it will be inverted as well, so you can&#8217;t read it while looking at it on the camera preview.<br><\/li>\n\n\n\n<li><strong>Broadcasted Video. <\/strong><br>The video feed appears unmirrored to others, so text, objects, and your movements are shown in the correct orientation to the remote viewers.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><td><\/td><td><strong>CAMERA PREVIEW<\/strong><\/td><td><strong>BROADCASTED VIDEO<\/strong><\/td><\/tr><tr><td><strong>DESCRIPTION<\/strong><\/td><td>The small window where you can see yourself before joining or during a video call.<\/td><td>The video feed that your viewers see on their computer.<\/td><\/tr><tr><td><strong>ORIENTATION<\/strong><\/td><td>Inverted (mirrored)<\/td><td>Not-inverted (unmirrored)<\/td><\/tr><tr><td><strong>WHO SEE IT<\/strong><\/td><td>You (local host)<\/td><td>Remote viewers<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>An inverted camera preview is a real issue for game streamers, making broadcasting annoying. Although your viewers see you unmirrored, you must deal with your mirrored image in your camera preview of Discord. <\/p>\n\n\n\n<p>This is frustrating if you want to see the same picture you are broadcasting, not a flipped one.<\/p>\n\n\n\n<p>As a game streamer, you would probably love to preview the raw video (not mirrored) and also be able to flip the broadcasted video horizontally if necessary. Let\u2019s see how you can do both things on Discord.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-flip-the-camera-preview-on-discord\">How to Flip the Camera PREVIEW on Discord<\/h2>\n\n\n<p>As of 2024, there isn\u2019t a checkbox to flip your camera preview on Discord. However, there is a workaround to flip your camera preview horizontally.<\/p>\n\n\n\n<p>By default, you can only do it on the Discord web version, but if you install the <a href=\"https:\/\/betterdiscord.app\/\" rel=\"nofollow noopener\" target=\"_blank\">BetterDiscord plugin<\/a>, you can do this trick on the desktop app because it unlocks the DevTools.<\/p>\n\n\n\n<p>Here is how to flip the camera on Discord using Chrome:<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-open-discord-on-chrome\">Step 1. Open <a href=\"https:\/\/discord.com\/channels\/@me\" rel=\"nofollow noopener\" target=\"_blank\">Discord<\/a> on Chrome<\/h3>\n\n<h3 class=\"wp-block-heading\" id=\"step-2-join-a-voice-channel-on-a-discord-server\">Step 2. Join a Voice Channel on a Discord Server<\/h3>\n\n<h3 class=\"wp-block-heading\" id=\"step-3-turn-on-your-camera\">Step 3. Turn On Your Camera<\/h3>\n\n\n<p>You will immediately notice that the video preview is mirrored.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Remember to allow the Chrome browser to access your camera. Check <a href=\"https:\/\/support.discord.com\/hc\/en-us\/articles\/360004159932--Windows-10-Allowing-Access-for-Microphone-Camera\" rel=\"nofollow noopener\" target=\"_blank\">Discord Support<\/a> for more information.<\/p>\n<\/blockquote>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-open-chrome-devtoolsnbsp\">Step 4. Open Chrome DevTools <\/h3>\n\n\n<p>Click the <em>&#8220;F12&#8221; <\/em>key or the command <em>&#8220;Ctrl + Shif + I&#8221;<\/em>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Learn more about <a href=\"https:\/\/alvarotrigo.com\/blog\/discord-inspect-element\/#:~:text=How%20to%20Open%20Inspect%20Element%20on%20Discord\">how to open the Chrome DevTools on Discord<\/a>.<\/p>\n<\/blockquote>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-go-to-the-console-tab\">Step 5. Go to the \u201cConsole\u201d Tab<\/h3>\n\n<h3 class=\"wp-block-heading\" id=\"step-6-paste-this-code-and-press-enter\">Step 6. Paste this Code and press \u201cEnter\u201d<\/h3>\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"JavaScript\" data-shcb-language-slug=\"javascript\"><span><code class=\"hljs language-javascript\">\n<span class=\"hljs-built_in\">document<\/span>.querySelectorAll(<span class=\"hljs-string\">'.media-engine-video'<\/span>).forEach(<span class=\"hljs-function\"><span class=\"hljs-params\">video<\/span> =&gt;<\/span> {\n\u00a0\u00a0\u00a0\u00a0video.style.transform = <span class=\"hljs-string\">'scaleX(1)'<\/span>;\u00a0\n});<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">JavaScript<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">javascript<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-preview-discord.jpg\" alt=\"How to Flip the Camera Preview on Discord\" class=\"wp-image-16692 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-preview-discord.jpg 1600w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-preview-discord-300x169.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-preview-discord-1024x576.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-preview-discord-768x432.jpg 768w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/how-flip-camera-preview-discord-1536x864.jpg 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n\n<p>If that doesn\u2019t work, select the<em> &#8220;Elements&#8221;<\/em> tab on the DevTools console, look in the code for the class <em>&#8220;media-engine-video&#8221;, <\/em>and manually change the property <em>&#8220;transform&#8221;<\/em> of the element&#8217;s inline style to<em> &#8220;scaleX(1)&#8221;.<\/em><\/p>\n\n\n\n<p>This solution will flip your camera preview, but the viewers will not notice any change. What if you also want to mirror the video that you broadcast? Let\u2019s see how to invert the camera on Discord.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"how-to-flip-the-camara-feed-on-discordnbsp\">How to Flip the Camara FEED on Discord <\/h2>\n\n\n<p>Discord doesn\u2019t invert the transmitted video, but there are times when you may want to do it. Although the Discord app doesn\u2019t allow you to flip the video feed, you can invert what your viewers see using third-party software like OBS, Logitech Capture, ManyCam, etc.&nbsp;<\/p>\n\n\n\n<p>This software lets you flip your camera or create a <em>&#8220;virtual camera&#8221; <\/em>to flip your webcam feed, which Discord will recognize as a camera source.\u00a0<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Note: <\/strong>Flipping the camera feed will flip the video for others, not for you. The camera\u2019s preview will still be mirrored: you will see the opposite orientation that your viewers see.<\/p>\n<\/blockquote>\n\n\n\n<p>Here are the steps to flip the camera feed on Discord using OBS:<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-1-download-and-install-obs-studio\">Step 1. Download and Install <a href=\"https:\/\/obsproject.com\/\" rel=\"nofollow noopener\" target=\"_blank\">OBS studio<\/a><\/h3>\n\n<h3 class=\"wp-block-heading\" id=\"step-2-create-a-new-scene\">Step 2. Create a \u201cNew Scene\u201d<\/h3>\n\n\n<p>Click the<em> &#8220;+&#8221;<\/em> button under the<em> &#8220;Scene&#8221;<\/em> window.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-3-add-your-webcam-as-a-new-source\">Step 3. Add Your Webcam as a New Source<\/h3>\n\n\n<p>Click the <em>&#8220;+&#8221; <\/em>button under the<em> &#8220;Sources&#8221; <\/em>window.<\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-4-flip-horizontally-your-webcam-source\">Step 4. Flip Horizontally Your Webcam source<\/h3>\n\n\n<p>Right-click on your webcam source, and select <em>&#8220;Transform &gt; Flip Horizontal&#8221;.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/flip-horizontal-webcam-obs.jpg\" alt=\"Flip Horizontally Your WebCam Source in OBS\" class=\"wp-image-16693 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/flip-horizontal-webcam-obs.jpg 1600w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/flip-horizontal-webcam-obs-300x169.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/flip-horizontal-webcam-obs-1024x576.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/flip-horizontal-webcam-obs-768x432.jpg 768w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/flip-horizontal-webcam-obs-1536x864.jpg 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-5-configure-your-virtual-camera-in-obs\">Step 5. Configure Your Virtual Camera in OBS<\/h3>\n\n\n<p>Click on the settings icon next to the <em>&#8220;Start Virtual Cam&#8221; <\/em>button and select your <em>&#8220;Scene&#8221;<\/em> in <em>&#8220;Output Type&#8221;.<\/em><\/p>\n\n\n<h3 class=\"wp-block-heading\" id=\"step-6-start-your-virtual-camera\">Step 6. Start your Virtual Camera<\/h3>\n\n<h3 class=\"wp-block-heading\" id=\"step-7-select-your-virtual-camera-on-discordnbsp\">Step 7. Select Your Virtual Camera on Discord <\/h3>\n\n\n<p>Go to <em>&#8220;<strong>Settings<\/strong> &gt; <strong>Voice &amp; Video<\/strong> &gt; <strong>Video Settings&#8221;<\/strong><\/em> and select &#8220;<em>OBS Virtual Camera&#8221; <\/em>as your camera source.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1600\" height=\"900\" data-src=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/select-obs-virtual-camera-discord.jpg\" alt=\"Select OBS Virtual Camera on Discord\" class=\"wp-image-16694 lazyload\" data-srcset=\"https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/select-obs-virtual-camera-discord.jpg 1600w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/select-obs-virtual-camera-discord-300x169.jpg 300w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/select-obs-virtual-camera-discord-1024x576.jpg 1024w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/select-obs-virtual-camera-discord-768x432.jpg 768w, https:\/\/alvarotrigo.com\/blog\/wp-content\/uploads\/2025\/01\/select-obs-virtual-camera-discord-1536x864.jpg 1536w\" data-sizes=\"(max-width: 1600px) 100vw, 1600px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1600px; --smush-placeholder-aspect-ratio: 1600\/900;\" \/><\/figure>\n\n\n\n<p>And that\u2019s it! Just remember that this solution flips the video for others but not for you. Your preview camera will still be inverted compared to your viewers.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>If you want to know how to flip your camera on Discord mobile, simply install mobile-friendly software like Iriun Webcam and follow the same logic of these steps.<\/p>\n<\/blockquote>\n\n\n<h2 class=\"wp-block-heading\" id=\"when-will-discord-add-a-toggle-button-to-flip-the-camera\">When Will Discord Add a \u201cToggle Button\u201d to Flip the Camera?<\/h2>\n\n\n<p><strong>There&#8217;s no official date for adding a toggle button to flip the camera on Discord. It also seems the Discord developer team doesn\u2019t have plans to add this feature. <\/strong><a href=\"https:\/\/support.discord.com\/hc\/en-us\/community\/posts\/360047798551-Toggle-webcam-preview-flip\" rel=\"nofollow noopener\" target=\"_blank\"><strong>Many users requested this flip feature<\/strong><\/a><strong> more than five years ago, but Discord&#8217;s team hasn\u2019t provided any answer yet.<\/strong><\/p>\n\n\n\n<p>A toggle button to flip the camera horizontally is a feature many camera apps have. So, it is highly probable that Discord intentionally left this feature aside for some reason.\u00a0<\/p>\n\n\n\n<p>While we dream of a future solution for this problem, you can use the two workarounds in this article to flip the camera on Discord and solve this annoying problem.<\/p>\n\n\n<h2 class=\"wp-block-heading\" id=\"related-articles\">Related Articles<\/h2>\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/alvarotrigo.com\/blog\/discord-screen-share-lag\/\">Fix Discord Screen Share Lagging [The Easy Way]<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/alvarotrigo.com\/blog\/reverse-image-search-discord\/\">Reverse Image Search on Discord [ Easiest Way ]<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Discover if Discord inverts your camera and whether it will integrate a toggle button for flipping your camera on the app!<\/p>\n","protected":false},"author":1,"featured_media":16690,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[103],"tags":[37],"class_list":["post-16689","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-discord","tag-discord"],"acf":[],"_links":{"self":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts\/16689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/comments?post=16689"}],"version-history":[{"count":3,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts\/16689\/revisions"}],"predecessor-version":[{"id":16697,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/posts\/16689\/revisions\/16697"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/media\/16690"}],"wp:attachment":[{"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/media?parent=16689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/categories?post=16689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alvarotrigo.com\/blog\/wp-json\/wp\/v2\/tags?post=16689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}