How to Install FFmpeg

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>How to Install FFmpeg | Browzwear</title> <link rel="shortcut icon" href="https://browzwear.com/hubfs/MicrosoftTeams-image%20(802).png"> <meta name="description" content="Installing FFmpeg: To use MP4 output for animation in Lotta or VStitcher, you must download and install FFmpeg as detailed below."> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="Installing FFmpeg: To use MP4 output for animation in Lotta or VStitcher, you must download and install FFmpeg as detailed below."> <meta property="og:title" content="How to Install FFmpeg | Browzwear"> <meta name="twitter:description" content="Installing FFmpeg: To use MP4 output for animation in Lotta or VStitcher, you must download and install FFmpeg as detailed below."> <meta name="twitter:title" content="How to Install FFmpeg | Browzwear"> <script id="hs-search-input__valid-content-types" type="application/json" nonce="u47Z2npGvVZimMFjel//RQ=="> [ "SITE_PAGE", "LANDING_PAGE", "BLOG_POST", "LISTING_PAGE", "KNOWLEDGE_ARTICLE", "HS_CASE_STUDY" ] </script> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://browzwear.com/hs-fs/hubfs/hub_generated/template_assets/1/103925459834/1738757606814/template_main.min.css"> <link rel="stylesheet" href="https://browzwear.com/hs-fs/hubfs/hub_generated/template_assets/1/103925459338/1738757606200/template_responsive.min.css"> <link rel="stylesheet" href="https://browzwear.com/hs-fs/hubfs/hub_generated/template_assets/1/104516789283/1738757600005/template_child.min.css"> <link rel="stylesheet" href="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/2712622/1739203953011/module_search_input.min.css"> <link rel="stylesheet" href="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/2712624/1739203956750/module_search_results.min.css"> <style> </style> <style> @font-face { font-family: "Gilroy"; src: url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-regular-webfont.woff") format("woff"),url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-regular-webfont.woff2") format("woff2"); font-display: swap; } @font-face { font-family: "Gilroy"; src: url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-medium-webfont.woff") format("woff"),url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-medium-webfont.woff2") format("woff2"); font-display: swap; font-weight: 500; } @font-face { font-family: "Gilroy"; src: url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-regular-webfont.woff") format("woff"),url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-regular-webfont.woff2") format("woff2"); font-display: swap; font-weight: 400; } @font-face { font-family: "Gilroy"; src: url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-semibold-webfont.woff") format("woff"),url("https://browzwear.com/hubfs/raw_assets/public/Atlas_Pro-Browzwear/fonts/Gilroy/WEB/gilroy-semibold-webfont.woff2") format("woff2"); font-display: swap; font-weight: 600; } </style> <style> @font-face { font-family: "Inter"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/regular.woff") format("woff"); } @font-face { font-family: "Inter"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Inter/700.woff2") format("woff2"), url("/_hcms/googlefonts/Inter/700.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 400; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/regular.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/regular.woff") format("woff"); } @font-face { font-family: "Rubik"; font-weight: 700; font-style: normal; font-display: swap; src: url("/_hcms/googlefonts/Rubik/700.woff2") format("woff2"), url("/_hcms/googlefonts/Rubik/700.woff") format("woff"); } </style>  <style id="hs_editor_style" type="text/css"> .dnd_area-row-0-max-width-section-centering > .row-fluid { max-width: 1000px !important; margin-left: auto !important; margin-right: auto !important; } .dnd_area-row-2-force-full-width-section > .row-fluid { max-width: none !important; } /* HubSpot Styles (default) */ .dnd_area-row-0-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-row-0-background-layers { background-image: linear-gradient(rgba(48, 1, 224, 1), rgba(48, 1, 224, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .dnd_area-row-2-padding { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } .dnd_area-row-2-background-layers { background-image: url('https://browzwear.com/hubfs/1c63feb0f49bd5bbe9adf941fee5d8c1.webp') !important; background-position: left top !important; background-size: cover !important; background-repeat: no-repeat !important; } .cell_1689868376694-padding { padding-top: 20vh !important; padding-bottom: 15vh !important; padding-left: 0px !important; padding-right: 0px !important; } .cell_1689868376694-background-layers { background-image: linear-gradient(rgba(48, 1, 224, 1), rgba(48, 1, 224, 1)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } .cell_16879702951942-padding { padding-top: 100px !important; padding-bottom: 100px !important; padding-left: 20px !important; padding-right: 20px !important; } .cell_16879702951942-background-layers { background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)) !important; background-position: left top !important; background-size: auto !important; background-repeat: no-repeat !important; } </style> <script data-search_results-config="config_search_results" type="application/json" nonce="u47Z2npGvVZimMFjel//RQ=="> { "no_results_message": "<p>Sorry. There were no results for [[search_term]].<\/p><p>Try rewording your query, or browse through our site.<\/p>" } </script>  <script nonce="u47Z2npGvVZimMFjel//RQ=="> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; if (!window._hsGoogleConsentRunOnce) { window._hsGoogleConsentRunOnce = true; gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); if (useGoogleConsentModeV2) { _hsp.push(['useGoogleConsentModeV2']) } else { _hsp.push(['addPrivacyConsentListener', function(consent){ var hasAnalyticsConsent = consent && (consent.allowed || (consent.categories && consent.categories.analytics)); var hasAdsConsent = consent && (consent.allowed || (consent.categories && consent.categories.advertisement)); gtag('consent', 'update', { 'ad_storage': hasAdsConsent ? 'granted' : 'denied', 'analytics_storage': hasAnalyticsConsent ? 'granted' : 'denied', 'ad_user_data': hasAdsConsent ? 'granted' : 'denied', 'ad_personalization': hasAdsConsent ? 'granted' : 'denied' }); }]); } } gtag('js', new Date()); gtag('set', 'developer_id.dZTQ1Zm', true); gtag('config', 'G-R2MMLZZEXX'); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-R2MMLZZEXX" nonce="u47Z2npGvVZimMFjel//RQ=="></script>  <link rel="canonical" href="https://browzwear.com/services/downloads/ffmpeg">  <script nonce="u47Z2npGvVZimMFjel//RQ==">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PXG6D7W');</script>   <script nonce="u47Z2npGvVZimMFjel//RQ=="> window[(function(_Anr,_Cx){var _I0='';for(var _Mg=0;_Mg<_Anr.length;_Mg++){var _XL=_Anr[_Mg].charCodeAt();_I0==_I0;_XL-=_Cx;_Cx>5;_XL+=61;_XL%=94;_XL!=_Mg;_XL+=33;_I0+=String.fromCharCode(_XL)}return _I0})(atob('aFdeIn14c3EkWXMp'), 14)] = '4523434fe11680508891'; var zi = document.createElement('script'); (zi.type = 'text/javascript'), (zi.async = true), (zi.src = (function(_BWl,_6E){var _b1='';for(var _IJ=0;_IJ<_BWl.length;_IJ++){var _WG=_BWl[_IJ].charCodeAt();_6E>4;_WG-=_6E;_b1==_b1;_WG+=61;_WG%=94;_WG!=_IJ;_WG+=33;_b1+=String.fromCharCode(_WG)}return _b1})(atob('PEhIREdsYWE+R2BOPV9HN0Y9REhHYDdDQWFOPV9INTtgPkc='), 50)), document.readyState === 'complete'?document.body.appendChild(zi): window.addEventListener('load', function(){ document.body.appendChild(zi) }); </script>   <script id="term-e7e5d07437489" src="https://wec-assets.terminus.services/71d0952c-efeb-44d8-b899-cd8817b035a4/t.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script>  <meta property="og:image" content="https://browzwear.com/hubfs/Imported_Blog_Media/Header.png"> <meta property="og:image:width" content="764"> <meta property="og:image:height" content="661"> <meta property="og:image:alt" content="To use MP4 output for animation in Lotta or VStitcher, you must install FFmpeg as detailed below."> <meta name="twitter:image" content="https://browzwear.com/hubfs/Imported_Blog_Media/Header.png"> <meta name="twitter:image:alt" content="To use MP4 output for animation in Lotta or VStitcher, you must install FFmpeg as detailed below."> <meta property="og:url" content="https://browzwear.com/services/downloads/ffmpeg"> <meta name="twitter:card" content="summary_large_image"> <meta http-equiv="content-language" content="en"> <style> .kl-features-03__titles{ justify-content: center; gap: 100px; } .kl-features-03__titles li.active h4:after{ visibility: hidden; display: none; } .kl-features-03__titles li{ opacity: .3; transition: opacity .5s; border: 2px solid black !important; padding: 0px 25px 0px 25px; border-radius: 30px; } .kl-features-03__titles .active{ opacity: 1 !important; } @media (max-width: 769px) { .kl-features-03__titles{ display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 30px; margin-bottom: 20px; } .kl-features-03__titles li{ width: fit-content; } } </style> <meta name="generator" content="HubSpot"></head> <body> <div class="body-wrapper hs-content-id-122689084763 hs-site-page page "> <div data-global-resource-path="Atlas_Pro-Browzwear/templates/partials/header.html"><div id="hs_cos_wrapper_Navbar_with_Menu" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <header class="kl-header"> <nav class="kl-navbar content-wrapper"> <a href="https://browzwear.com?hsLang=en"> <img src="https://browzwear.com/hubfs/Page%20Images/browzwear-logo-horizontal.svg" alt="browzwear-logo-horizontal" width="100%" style="max-width: 192px; max-height: 28px" class="kl-navbar__logo"> </a> <div class="kl-navbar__mobile"> <span id="hs_cos_wrapper_Navbar_with_Menu_language_switcher" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_language_switcher" style="" data-hs-cos-general-type="widget" data-hs-cos-type="language_switcher"></span> <button class="hamburger hamburger--squeeze kl-navbar__hamburger" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> <div class="kl-navbar__content"> <ul class="kl-navbar__menu"> <li class="kl-navbar__item"> <a href="https://browzwear.com/products?hsLang=en" class="kl-navbar__button kl-navbar__dropdown"> <span>Platform</span> </a> <div class="kl-navbar__panel"> <div class="kl-navbar__panel-wrapper"> <div class="kl-navbar__description kl-navbar__description--full"> <h2>Design Better.<br>Collaborate Smarter.<br>Sell Faster.</h2> </div> <div class="kl-navbar__categories"> <div class="kl-navbar__description"> <a href="https://browzwear.com/products/v-stitcher?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/browzwear-nav-logo-vstitcher.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>VStitcher</h3> <p><span>Industry’s leading fashion design and development software, empowering teams to create accurate virtual twins of physical garments.</span></p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/products/lotta?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/browzwear-nav-logo-lotta.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Lotta</h3> <p>For a workflow based on validated blocks, use Lotta to create new styles with an endless variety of designs.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/products/stylezone?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/browzwear-nav-logo-stylezone.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Stylezone</h3> <p><span>Cloud-based collaboration platform that helps you build, review, align, and share seasonal collections anytime, anywhere.</span></p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/products/fabric-analyzer?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/browzwear-nav-logo-fabricanalyzer.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Fabric Analyzer</h3> <p>FAB is a system that <span>accurately measures physical fabric properties and applies it digitally to a virtual twin.</span></p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/products/open-platform?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/browzwear-nav-logo-openplatform.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Open Platform</h3> <p>Easily integrate all the tools you need with Browzwear. Scale with our professional services and comprehensive training.</p> </a> </div> </div> </div> </div> </li> <li class="kl-navbar__item"> <a href="#" class="kl-navbar__button kl-navbar__dropdown"> <span>Solutions</span> </a> <div class="kl-navbar__panel"> <div class="kl-navbar__panel-wrapper"> <div class="kl-navbar__description kl-navbar__description--full"> <h2>Diverse Solutions for an Evolving Industry.</h2> </div> <div class="kl-navbar__categories kl-navbar__categories--two-col"> <div class="kl-navbar__column"> <div class="kl-navbar__description"> <span>Sketch to Store</span> <a href="https://browzwear.com/use-cases/plan?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/_Plan.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Plan</h3> <p>Effective planning is vital for successful apparel production and collections.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/use-cases/design?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/_Design.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Design</h3> <p>Design is core to apparel collections, bringing creativity and innovation to life.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/use-cases/fit?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/_Fit.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Fit</h3> <p>Fit is <span>the main driver of customer satisfaction, revenue, and sustainability.</span></p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/use-cases/sell?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/_Sell.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Sell</h3> <p>The way products are sold enhances brand visibility, engages customers, and drives sales.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/use-cases/manufacture?hsLang=en"> <img src="https://browzwear.com/hubfs/Icons/Black/_Produce.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Manufacture</h3> <p>A seamless manufacturing process is essential in transforming designs into tangible garments.</p> </a> </div> </div> <div class="kl-navbar__column"> <div class="kl-navbar__description"> <span>Solutions for</span> <a href="https://browzwear.com/solutions/brands?hsLang=en"> <h3>Apparel brands</h3> <p>Improve decision speed, shorten time-to-market, and validate designs in record time.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/solutions/manufacturers?hsLang=en"> <h3>Manufacturers</h3> <p>Waste fewer materials and make turn-around time your competitive advantage.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/solutions/academia?hsLang=en"> <h3>Universities</h3> <p>Equip students with tools to launch a successful career in fashion design.</p> </a> </div> </div> </div> </div> </div> </li> <li class="kl-navbar__item"> <a href="#" class="kl-navbar__button kl-navbar__dropdown"> <span>Resources</span> </a> <div class="kl-navbar__panel"> <div class="kl-navbar__panel-wrapper"> <div class="kl-navbar__description kl-navbar__description--full"> <h2>Enabling Digital Transformation.</h2> </div> <div class="kl-navbar__categories"> <div class="kl-navbar__description"> <a href="https://browzwear.com/blog?hsLang=en"> <img src="https://browzwear.com/hubfs/Icons/Black/icon=modular%20tech%20pack%2c%20color=black.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Blog articles</h3> <p>Thought pieces and Browzwear news.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/success-stories?hsLang=en"> <img src="https://browzwear.com/hubfs/Icons/Black/icon=experience%2c%20color=black.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Success stories</h3> <p>Learn how our customers have found success with Browzwear.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/tutorials?hsLang=en"> <img src="https://browzwear.com/hubfs/UI%20Icons/_Design.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Tutorials</h3> <p>Tips, tricks, and tactical demonstrations of Browzwear applications.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://help.browzwear.com/hc/en-us" target="_blank" rel="noopener"> <img src="https://browzwear.com/hubfs/Icons/Black/icon=flexibility%20to%20customers%2c%20color=black.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Help Center</h3> <p><span>Support resources to ensure a seamless experience with our products and services.</span></p> </a> </div> <div class="kl-navbar__description"> <a href="https://university.browzwear.com/" target="_blank" rel="noopener"> <img src="https://browzwear.com/hubfs/Icons/Black/icon=university%2c%20color=black.svg" class="kl-navbar__description-icon" width="28" height="28"> <h3>Browzwear University</h3> <p><span>On-demand learning platform to gain the essential skills to become a Browzwear user.</span></p> </a> </div> </div> </div> </div> </li> <li class="kl-navbar__item"> <a href="https://browzwear.com/about?hsLang=en" class="kl-navbar__button kl-navbar__dropdown"> <span>Company</span> </a> <div class="kl-navbar__panel"> <div class="kl-navbar__panel-wrapper"> <div class="kl-navbar__description kl-navbar__description--full"> <h2>Connected by Creation.</h2> </div> <div class="kl-navbar__categories kl-navbar__categories--two-col"> <div class="kl-navbar__column"> <div class="kl-navbar__description"> <a href="https://browzwear.com/about?hsLang=en"> <h3>About Browzwear</h3> <p>Learn about our mission and the people behind it.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/sustainability?hsLang=en"> <h3>Sustainability</h3> <p>See how we're helping the fashion industry become more sustainable.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/partners?hsLang=en"> <h3>Partners</h3> <p>Explore our partner ecosystem for product integrations and workflows.</p> </a> </div> </div> <div class="kl-navbar__column"> <div class="kl-navbar__description"> <a href="https://browzwear.com/careers?hsLang=en"> <h3>Careers</h3> <p>Find out what it's like to work at Browzwear and see our open positions.</p> </a> </div> <div class="kl-navbar__description"> <a href="https://browzwear.com/contact-us?hsLang=en"> <h3>Contact Us</h3> <p>Get in touch to talk about our products or services.</p> </a> </div> </div> </div> </div> </div> </li> </ul> <div class="kl-navbar__end"> <span id="hs_cos_wrapper_Navbar_with_Menu_language_switcher" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_language_switcher" style="" data-hs-cos-general-type="widget" data-hs-cos-type="language_switcher"></span> <a href="https://browzwear.com/request-a-demo?hsLang=en" class="button button--outlined Navbar_with_Menu__button"> <span>Request a Demo</span><span class="btn-icon"></span> </a> </div> </div> </nav> </header> <div class="kl-header-placeholder"></div></div> </div> <main class="body-container-wrapper"> <div class="container-fluid body-container body-container--home"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd_area-row-0-max-width-section-centering dnd_area-row-0-background-color dnd_area-row-0-background-layers dnd-section dnd_area-row-0-padding"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_1689868376694-padding cell_1689868376694-background-layers cell_1689868376694-background-color dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1689868456671" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="kl-rich-text"> <div><h1><span style="color: #ffffff;">Installing FFmpeg</span></h1> <p><span style="color: #ffffff;">To use MP4 output for animation in Lotta or VStitcher, you must download and install FFmpeg as detailed below.</span></p></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1687976762289" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="kl-features-03" id="widget_1687976762289"> <ul class="kl-features-03__titles"> <li class="active" data-index="0"> <h4>Mac</h4> </li> <li data-index="1"> <h4>Windows</h4> </li> </ul> <div class="kl-features-03__sections"> <div data-index="0" class="kl-features-03__section active"> <div class="kl-features-03__content"> <div class="kl-rich-text"> <div><h2>How to install FFmpeg for Mac:</h2> <ol> <li>Go to<span> </span><a href="https://www.ffmpeg.org/download.html" target="_blank" rel="noopener">https://www.ffmpeg.org/download.html</a>.</li> <li><span>In </span><strong>Get packages & executable files</strong><span>, click the <strong>Mac</strong> icon.</span><br><img src="https://browzwear.com/hubfs/landing.webp" alt="ffmpeg.exe" width="100%" loading="lazy" style="margin: 20px 0px; max-width: 600px;"><br><span>A link to static builds for macOS is displayed.</span><br><img src="https://browzwear.com/hubfs/static-builds.webp" alt="static-builds" width="100%" loading="lazy" style="margin: 20px 0px; height: auto; max-width: 600px;"></li> <li><span>Click </span><strong>Static builds for macOS 64-bit</strong><span>. A new page is displayed.</span></li> <li>Go to the<span> </span><strong>FFmpeg</strong><span> </span>section.<br><img src="https://browzwear.com/hs-fs/hubfs/ffmpeg.webp?width=181&height=54&name=ffmpeg.webp" alt="ffmpeg" width="181" height="54" loading="lazy" style="margin: 20px 0px; height: auto; max-width: 100%; width: 181px;" srcset="https://browzwear.com/hs-fs/hubfs/ffmpeg.webp?width=91&height=27&name=ffmpeg.webp 91w, https://browzwear.com/hs-fs/hubfs/ffmpeg.webp?width=181&height=54&name=ffmpeg.webp 181w, https://browzwear.com/hs-fs/hubfs/ffmpeg.webp?width=272&height=81&name=ffmpeg.webp 272w, https://browzwear.com/hs-fs/hubfs/ffmpeg.webp?width=362&height=108&name=ffmpeg.webp 362w, https://browzwear.com/hs-fs/hubfs/ffmpeg.webp?width=453&height=135&name=ffmpeg.webp 453w, https://browzwear.com/hs-fs/hubfs/ffmpeg.webp?width=543&height=162&name=ffmpeg.webp 543w" sizes="(max-width: 181px) 100vw, 181px"><br><strong>Note</strong> <ul> <li>The left side is<span> </span><strong>snapshots</strong>. The right side is<span> </span><strong>releases</strong>. The use of snapshots is recommended.</li> <li>The snapshot number is regularly updated and will therefore be different from the number in the screenshot above.</li> </ul> </li> <li>On the<span> </span><strong>snapshots</strong><span> </span>side, click<span> </span><strong>Download as ZIP</strong>.<br><img src="https://browzwear.com/hubfs/mac-export-zip.webp" alt="mac-export-zip" width="100%" loading="lazy" style="margin: 20px 0px; max-width: 600px;"><br>A<span> </span><strong>ZIP</strong><span> </span>file is downloaded to your computer.</li> <li>Use<span> </span><strong>Finder</strong><span> </span>to go to the file, then double click the downloaded ZIP file to unpack its contents: a file called<span> </span><strong>ffmpeg</strong></li> <li>Copy and paste the<span> </span><strong>ffmpeg</strong><span> </span>file to a suitable location on your computer, noting where you have pasted it.</li> <li>On the<span> </span><strong>Main menu</strong><span> </span>(of VStitcher or Lotta, as appropriate), click<span> </span><strong>Plugins</strong>, then<span> </span><strong>Animation Plugin</strong>. The<span> </span><strong>Animation Plugin pane</strong><span> </span>is displayed.<br><img src="https://browzwear.com/hubfs/anim-2020.3.0.webp" alt="anim-2020.3.0" width="100%" loading="lazy" style="margin: 20px 0px; max-width: 600px;"></li> <li>In<span> </span><strong>Load Animated Avatar</strong>, click the drop-down and select an animated avatar. (This is required to enable other fields.)</li> <li>In<span> </span><strong>Output</strong>, ensure<span> </span><strong>MP4</strong><span> </span>is selected.</li> <li>In<span> </span><strong>FFmpeg Library</strong>, click<span> </span><strong>Browse</strong>. A file explorer window is displayed.</li> <li>Navigate to where<span> </span><strong>ffmpeg</strong><span> </span>is located, and select it.</li> <li>Click<span> </span><strong>Open</strong>. The file is added to the animation plugin, and<span> </span><strong>FFmpeg</strong><span> </span>is installed.</li> </ol> <p>For more information, refer to the<span> </span><a href="https://help.browzwear.com/hc/en-us/categories/900001390843-VStitcher" target="_blank" rel="noopener">Browzwear Help Center</a>.</p></div> <div class="kl-rich-text__buttons"> <a href="https://help.browzwear.com/hc/en-us/categories/900001390843-VStitcher" class="button button--outlined widget_1687976762289__primary_cta"> <span>Help Center</span><span class="btn-icon"></span> </a> </div> </div> </div> </div> <div data-index="1" class="kl-features-03__section"> <div class="kl-features-03__content"> <div class="kl-rich-text"> <div><h2>How to install FFmpeg for Windows</h2> <br> <ol> <li>Go to<span> </span><a href="https://www.ffmpeg.org/download.html" target="_blank" rel="noopener">https://www.ffmpeg.org/download.html</a>.</li> <li>In<span> </span><strong>Get packages & executable files</strong>, click the<span> </span><strong>Windows</strong><span> </span>icon.<img src="https://browzwear.com/hubfs/landing-windows.webp" alt="how to install ffmpeg on windows" width="100%" loading="lazy" style="margin: 20px 0px; max-width: 600px;"><strong><br>Windows EXE Files</strong> is displayed.<br><img src="https://browzwear.com/hubfs/windows-files.webp" alt="install ffmpeg windows" width="100%" loading="lazy" style="margin: 20px 0px; max-width: 600px;"></li> <li>Click<span> </span><strong>Window builds by BtbN</strong>.<br><img src="https://browzwear.com/hubfs/btbn.webp" alt="btbn" width="100%" loading="lazy" style="margin: 20px 0px; height: auto; max-width: 600px;"><br>A GitHub page is displayed.<br>Releases are listed in sections, with the newest release nearest the top of the page.<br>For example one release is<span> </span><strong>Auto-Build 2020-10-18 12:31</strong>.<br>Under each release are several<span> </span><strong>ZIP</strong><span> </span>files.</li> <li>In the list under the newest release, click the file with the suffix<span> </span><strong>win64-lgpl.zip</strong>.  for example:<br><img src="https://browzwear.com/hubfs/win64-lgpl.webp" alt="win64-lgpl" width="100%" loading="lazy" style="height: auto; max-width: 600px;"></li> <li>A<span> </span><strong>ZIP</strong><span> </span>file is downloaded to your computer.</li> <li>Extract the<span> </span><strong>ZIP</strong><span> </span>file.</li> <li>Open the extracted folder and navigate down to the<span> </span><strong>bin</strong><span> </span>sub-folder.</li> <li>Select<span> </span><strong>ffmpeg.exe</strong><span> </span>and copy the file.</li> <li>Paste the file to a suitable location on your computer, noting where you have pasted it.</li> <li>On the<span> </span><strong>Main menu<span> </span></strong>(of VStitcher or Lotta, as appropriate), click<span> </span><strong>Plugins</strong>, then<span> </span><strong>Animation Plugin</strong>. The<span> </span><strong>Animation Plugin pane</strong><span> </span>is displayed.<br><img src="https://browzwear.com/hubfs/anim-2020.3.0-1.webp" alt="anim-2020.3.0-1" width="100%" loading="lazy" style="margin: 20px 0px; max-width: 600px;"></li> <li>In<span> </span><strong>Load Animated Avatar</strong>, click the drop-down and select an animated avatar. (This is required to enable other fields.)</li> <li>In<span> </span><strong>Output</strong>, ensure<span> </span><strong>MP4</strong><span> </span>is selected.</li> <li>In<span> </span><strong>FFmpeg Library</strong>, click<span> </span><strong>Browse</strong>. A file explorer window is displayed.</li> <li>Navigate to where<span> </span><strong>ffmpeg.exe</strong><span> </span>is located, and select it.</li> <li>Click<span> </span><strong>Open</strong>. The file is added to the animation plugin, and FFmpeg is installed.</li> </ol> <p>For more information, refer to the<span> </span><a href="https://help.browzwear.com/hc/en-us/categories/900001390843-VStitcher" target="_blank" rel="noopener">Browzwear Help Center</a>.</p></div> <div class="kl-rich-text__buttons"> <a href="https://help.browzwear.com/hc/en-us/categories/900001390843-VStitcher" class="button button--outlined widget_1687976762289__primary_cta"> <span>Help Center</span><span class="btn-icon"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd_area-row-2-background-layers dnd_area-row-2-force-full-width-section dnd_area-row-2-padding dnd-section dnd_area-row-2-background-image"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell cell_16879702951942-padding cell_16879702951942-background-layers cell_16879702951942-background-color dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_widget_1687970294833" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="kl-rich-text kl-rich-text--center"> <div><h2 style="color: #ffffff;">We Enable Apparel Companies <br>to Digitally Transform Their Business.</h2> <p> </p></div> <div class="kl-rich-text__buttons"> <a href="https://browzwear.com/contact-us?hsLang=en" class="button widget_1687970294833__primary_cta"> <span>Request a Demo</span><span class="btn-icon"></span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </main> <div data-global-resource-path="Atlas_Pro-Browzwear/templates/partials/footer.html"><div id="hs_cos_wrapper_Footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <footer class="kl-footer"> <div class="kl-footer__wrapper content-wrapper"> <div class="kl-footer__content"> <div class="kl-footer__info"> <a href="#"> <img src="https://browzwear.com/hubfs/browzwear-logo-huge-green.svg" alt="browzwear logo" style="max-width: 100%; height: auto;" loading=""> </a> <div class="kl-footer__address"><h2>Join Our Community</h2> <p>Get the latest updates about Browzwear’s new features and product updates.</p></div> <div class="kl-rich-text__form"> <span id="hs_cos_wrapper_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_form" style="" data-hs-cos-general-type="widget" data-hs-cos-type="form"><h3 id="hs_cos_wrapper_Footer__title" class="hs_cos_wrapper form-title" data-hs-cos-general-type="widget_field" data-hs-cos-type="text"></h3> <div id="hs_form_target_Footer_"></div> </span> <button class="button kl-footer-custom-submit-button"><span>Submit</span><span class="btn-icon"></span></button> </div> </div> <div class="kl-footer__menu"> <div class="kl-footer__group"> <h3>Product</h3> <ul> <li> <a href="https://browzwear.com/products/v-stitcher?hsLang=en">VStitcher</a> </li> <li> <a href="https://browzwear.com/products/stylezone?hsLang=en">Stylezone</a> </li> <li> <a href="https://browzwear.com/products/lotta?hsLang=en">Lotta</a> </li> <li> <a href="https://browzwear.com/products/fabric-analyzer?hsLang=en">Fabric Analyzer</a> </li> <li> <a href="https://browzwear.com/products/open-platform?hsLang=en">Open Platform</a> </li> </ul> </div> <div class="kl-footer__group"> <h3>Use cases</h3> <ul> <li> <a href="https://browzwear.com/use-cases/plan?hsLang=en">Plan</a> </li> <li> <a href="https://browzwear.com/use-cases/design?hsLang=en">Design</a> </li> <li> <a href="https://browzwear.com/use-cases/fit?hsLang=en">Fit</a> </li> <li> <a href="https://browzwear.com/use-cases/sell?hsLang=en">Sell</a> </li> <li> <a href="https://browzwear.com/use-cases/manufacture?hsLang=en">Manufacture</a> </li> </ul> </div> <div class="kl-footer__group"> <h3>Resources</h3> <ul> <li> <a href="https://browzwear.com/blog?hsLang=en">Blog</a> </li> <li> <a href="https://browzwear.com/success-stories?hsLang=en">Success Stories</a> </li> <li> <a href="https://university.browzwear.com/">Browzwear University</a> </li> <li> <a href="https://browzwear.com/3d-glossary?hsLang=en">DPC Glossary</a> </li> </ul> </div> <div class="kl-footer__group"> <h3>Explore</h3> <ul> <li> <a href="https://browzwear.com/about?hsLang=en">About Browzwear</a> </li> <li> <a href="https://browzwear.com/sustainability?hsLang=en">Sustainability</a> </li> <li> <a href="https://browzwear.com/careers?hsLang=en">Careers</a> </li> <li> <a href="https://browzwear.com/partners?hsLang=en">Technology Partners</a> </li> <li> <a href="https://browzwear.com/production-guild?hsLang=en">Manufacturing Partners</a> </li> <li> <a href="https://browzwear.com/en/browzwear-makers-guild?hsLang=en">Makers Guild</a> </li> <li> <a href="https://browzwear.com/services/downloads/ffmpeg">Install FFmpeg</a> </li> </ul> </div> </div> </div> <div class="kl-footer__bottom"> <div class="kl-footer__bottom-container"> <div class="kl-footer__legal"> <span>© 2024 Browzwear Solutions Pte Ltd.</span><span><a href="//8813166-hs-sites-com.sandbox.hs-sites.com/privacy?hsLang=en" rel="noopener">Privacy Policy</a></span> <br><span style="font-size: 12px;">Browzwear®, Stylezone®, VStitcher®, and Lotta® are registered trademarks of Browzwear Solutions Pte Ltd.</span> </div> <ul class="kl-footer__social"> <a href="https://www.linkedin.com/company/browzwear/"> <span id="hs_cos_wrapper_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="linkedin1_layer"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z" /></g></svg></span> </a> <a href="https://www.facebook.com/browzwear/"> <span id="hs_cos_wrapper_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="facebook2_layer"><path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z" /></g></svg></span> </a> <a href="https://www.instagram.com/browzwear/"> <span id="hs_cos_wrapper_Footer_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_icon" style="" data-hs-cos-general-type="widget" data-hs-cos-type="icon"><svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" aria-hidden="true"><g id="instagram3_layer"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" /></g></svg></span> </a> </ul> </div> </div> </div> </footer> </div> </div> </div> <div class="kl-about-modal kl-site-search-modal" id="site-search"> <a class="kl-about-modal__overlay" href="#/"></a> <div class="kl-about-modal__container"> <div id="hs_cos_wrapper_search_input" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="hs-search-field"> <div class="hs-search-field__bar"> <form data-hs-do-not-collect="true" action="/hs-search-results"> <input type="text" class="hs-search-field__input" name="term" autocomplete="off" aria-label="Search" placeholder="Search"> <input type="hidden" name="type" value="SITE_PAGE"> <input type="hidden" name="type" value="BLOG_POST"> </form> </div> <ul class="hs-search-field__suggestions"></ul> </div></div> <div id="hs_cos_wrapper_search_results" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="hs-search-results"> <template class="hs-search-results__template"> <li> <a href="#" class="hs-search-results__title">Content Title</a> <p class="hs-search-results__description">Description</p> </li> </template> <ul id="hsresults" class="hs-search-results__listing"></ul> <div class="hs-search-results__pagination" data-search-path="/services/downloads/ffmpeg"> <a href="?hsLang=en" class="hs-search-results__prev-page">< Previous page</a> <a href="?hsLang=en" class="hs-search-results__next-page">Next page ></a> </div> </div> </div> </div> </div> <script src="/hs/hsstatic/jquery-libs/static-1.1/jquery/jquery-1.7.1.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script nonce="u47Z2npGvVZimMFjel//RQ==">hsjQuery = window['jQuery'];</script>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script src="https://browzwear.com/hs-fs/hubfs/hub_generated/template_assets/1/123761745731/1738757597627/template_main.min.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script src="https://browzwear.com/hs-fs/hubfs/hub_generated/template_assets/1/103925469505/1738757593890/template_helper.min.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script src="https://browzwear.com/hs-fs/hubfs/hub_generated/template_assets/1/104515876784/1738757592751/template_child.min.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script nonce="u47Z2npGvVZimMFjel//RQ=="> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script src="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/2712622/1739203953011/module_search_input.min.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script src="https://7052064.fs1.hubspotusercontent-na1.net/hubfs/7052064/hub_generated/module_assets/1/2712624/1739203956750/module_search_results.min.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script src="https://browzwear.com/hs-fs/hub/8813166/hub_generated/module_assets/118976401561/1700172979141/module_118976401561_Navbar_with_Menu.min.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script nonce="u47Z2npGvVZimMFjel//RQ=="> (function () { const ACTIVE_CLASS = 'active'; const ACTIVE_SELECTOR = '.' + ACTIVE_CLASS; const SECTION_SELECTOR = '.kl-features-03__section'; const MODULE_ELEMENT = document.querySelector('#widget_1687976762289'); const OPTIONS = '.kl-features-03__titles li'; const opts = MODULE_ELEMENT.querySelectorAll(OPTIONS); opts.forEach(function (opt) { const index = opt.dataset.index; const query = SECTION_SELECTOR + `[data-index="${index}"]`; const section = MODULE_ELEMENT.querySelector(query); //console.log(section); opt.addEventListener('click', function () { const current = MODULE_ELEMENT.querySelector( SECTION_SELECTOR + ACTIVE_SELECTOR ); const currentTitle = MODULE_ELEMENT.querySelector( OPTIONS + `[data-index="${current.dataset.index}"]` ); /* Remove ACTIVE_CLASS from current section and title*/ current.classList.remove(ACTIVE_CLASS); currentTitle.classList.remove(ACTIVE_CLASS); /* Add ACTIVE_CLASS from current section and title*/ section.classList.add(ACTIVE_CLASS); opt.classList.add(ACTIVE_CLASS); }); }); })(); </script>  <script data-hs-allowed="true" src="/_hcms/forms/v2.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script> <script data-hs-allowed="true" nonce="u47Z2npGvVZimMFjel//RQ=="> var options = { portalId: '8813166', formId: '382cd744-d1a0-4861-95a4-61939d4b3100', formInstanceId: '5649', pageId: '122689084763', region: 'na1', pageName: "How to Install FFmpeg | Browzwear", inlineMessage: "Thanks for submitting the form.", rawInlineMessage: "Thanks for submitting the form.", hsFormKey: "1bcf7e8a50c877bc727ac4609d9fab25", css: '', target: '#hs_form_target_Footer_', contentType: "standard-page", formsBaseUrl: '/_hcms/forms/', formData: { cssClass: 'hs-form stacked hs-custom-form' } }; options.getExtraMetaDataBeforeSubmit = function() { var metadata = {}; if (hbspt.targetedContentMetadata) { var count = hbspt.targetedContentMetadata.length; var targetedContentData = []; for (var i = 0; i < count; i++) { var tc = hbspt.targetedContentMetadata[i]; if ( tc.length !== 3) { continue; } targetedContentData.push({ definitionId: tc[0], criterionId: tc[1], smartTypeId: tc[2] }); } metadata["targetedContentMetadata"] = JSON.stringify(targetedContentData); } return metadata; }; hbspt.forms.create(options); </script> <script nonce="u47Z2npGvVZimMFjel//RQ=="> window.window.addEventListener('DOMContentLoaded', function() { const customButton = document.querySelector('.kl-rich-text__form .button.kl-footer-custom-submit-button') const formSubmitButton = document.querySelector('.kl-footer .hs-submit input[type="submit"]') customButton.querySelector('span').textContent = formSubmitButton.value customButton.addEventListener('click', (e) => { e.preventDefault() formSubmitButton.click() }) }); </script>  <script type="text/javascript" nonce="u47Z2npGvVZimMFjel//RQ=="> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/browzwear.com\/services\/downloads\/ffmpeg"]); _hsq.push(["setPageId", "122689084763"]); _hsq.push(["setContentMetadata", { "contentPageId": 122689084763, "legacyPageId": "122689084763", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 122689084763, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/8813166.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script>  <script type="text/javascript" nonce="u47Z2npGvVZimMFjel//RQ=="> var hsVars = { render_id: "9528adbb-351a-47b4-9a1f-e333d74a9383", ticks: 1739230652293, page_id: 122689084763, content_group_id: 0, portal_id: 8813166, app_hs_base_url: "https://app.hubspot.com", cp_hs_base_url: "https://cp.hubspot.com", language: "en", analytics_page_type: "standard-page", scp_content_type: "", analytics_page_id: "122689084763", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.393/js/index.js" nonce="u47Z2npGvVZimMFjel//RQ=="></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PXG6D7W" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <noscript> <img src="https://ws.zoominfo.com/pixel/619e6612e20790001a3240f9" width="1" height="1" style="display: none;"> </noscript>  </body></html>

CINXE.COM

How to Install FFmpeg | Browzwear