{"id":160,"date":"2016-03-29T15:46:15","date_gmt":"2016-03-29T06:46:15","guid":{"rendered":"http:\/\/blog.criware.com\/?p=160"},"modified":"2016-03-29T16:12:29","modified_gmt":"2016-03-29T07:12:29","slug":"auto-ducking-in-adx2-with-react","status":"publish","type":"post","link":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/","title":{"rendered":"Auto-ducking in ADX2 with REACT"},"content":{"rendered":"<p style=\"text-align: justify;\">Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game action culminates. In other words, it prevents the game from becoming cacophonous when there&#8217;s a lot of action going on, while ensuring the most important audio assets can still be heard (for example dialogue).<\/p>\n<p style=\"text-align: justify;\">The ducking system in ADX2 is called <strong>REACT<\/strong>. It controls the audio volume dependency between different audio categories at run-time (in ADX2, a\u00a0category is simply a group of volume and playback rules that applies to a set of Cues). By configuring the <strong>REACT<\/strong> settings in AtomCraft, you can adjust the real-time volume balance between categories of sounds depending on the action. A typical ducking example is when a game is gently lowering the volume of the music when a voice is playing. It allows more headroom for the voice in the mix to make sure it will be clearly heard by the player.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-165\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_01-300x150.png\" alt=\"adx2_REACT_tutorial_01\" width=\"600\" height=\"300\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_01-300x150.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_01-768x385.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_01.png 826w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>Here is how to configure the audio-ducking:<\/strong><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 1<\/strong><\/span>: Create 2 categories in AtomCraft.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-166\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_02-300x136.png\" alt=\"adx2_REACT_tutorial_02\" width=\"600\" height=\"272\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_02-300x136.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_02-768x349.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_02-1024x466.png 1024w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_02.png 1288w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 2<\/strong><\/span>: Assign the Cues (Changing &amp; Trigger) to your Categories<\/p>\n<p>*Simply drag &amp; drop your Cues onto the right categories in the project tree.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-167\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_03-300x177.png\" alt=\"adx2_REACT_tutorial_03\" width=\"600\" height=\"354\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_03-300x177.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_03-768x452.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_03-1024x603.png 1024w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_03.png 1056w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 3<\/strong><\/span>: Create a new REACT object in the project tree<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-168\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_04-300x214.png\" alt=\"adx2_REACT_tutorial_04\" width=\"600\" height=\"428\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_04-300x214.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_04-768x548.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_04.png 781w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 4<\/strong><\/span>: Assign the Changing Category (the one that will be ducked)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-169\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_05-300x156.png\" alt=\"adx2_REACT_tutorial_05\" width=\"600\" height=\"312\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_05-300x156.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_05-768x400.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_05-1024x533.png 1024w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_05.png 1026w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><span style=\"text-decoration: underline;\"><strong>Step 5<\/strong><\/span>: Assign the Trigger Category<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-170\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_06-300x194.png\" alt=\"adx2_REACT_tutorial_06\" width=\"600\" height=\"388\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_06-300x194.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_06-768x495.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_06.png 1000w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong><u>Step 6<\/u><\/strong>:\u00a0Choose the REACT Hold Type<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-171\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_07-300x167.png\" alt=\"adx2_REACT_tutorial_07\" width=\"600\" height=\"334\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_07-300x167.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_07-768x428.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_07-1024x571.png 1024w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_07-800x445.png 800w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_07.png 1150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong><u>Step 7<\/u>:<\/strong> Set the volume attenuation ( 1 = no attenuation 0 = mute)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-172\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_08-300x166.png\" alt=\"adx2_REACT_tutorial_08\" width=\"600\" height=\"332\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_08-300x166.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_08-768x426.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_08-1024x567.png 1024w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_08.png 1144w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong><u>Step 8<\/u><\/strong>: Set the Change Time, Hold Time &amp; Return Time of the Ducking<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-173\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_09-300x166.png\" alt=\"adx2_REACT_tutorial_09\" width=\"600\" height=\"332\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_09-300x166.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_09-768x424.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_09-1024x566.png 1024w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_09.png 1148w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: justify;\">That&#8217;s all! As you can see, using REACT, sound designers can easily implement auto-ducking entirely within the AtomCraft authoring tool and without the intervention of an audio programmer.<\/p>\n<p style=\"text-align: justify;\">Note that you can also test\u00a0your new REACT ducking &#8211; and adjust its settings if needed &#8211; without leaving AtomCraft, as depicted below.<\/p>\n<p><strong><u>Step 1<\/u><\/strong>: Make a temporary Cue<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-163\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_10-300x262.png\" alt=\"adx2_REACT_tutorial_10\" width=\"600\" height=\"524\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_10-300x262.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_10-768x670.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_10.png 968w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong><u>Step 2<\/u><\/strong>: Refer to\u00a0a Cue from each category in your temporary Cue<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-164\" src=\"http:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_11-300x135.png\" alt=\"adx2_REACT_tutorial_11\" width=\"600\" height=\"270\" srcset=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_11-300x135.png 300w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_11-768x346.png 768w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_11-1024x462.png 1024w, https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_11.png 1372w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong><u>Step 3<\/u><\/strong>: Hit play and listen to the result!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking<\/p>\n","protected":false},"author":2,"featured_media":169,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","footnotes":""},"categories":[5,7],"tags":[],"class_list":["post-160","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-adx","category-tutorials"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.10 - aioseo.com -->\n\t<meta name=\"description\" content=\"Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"criware\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.10\" \/>\n\n\t\t<!-- Google tag (gtag.js) --> <script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-3KHVJQ0K75\"><\/script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3KHVJQ0K75'); <\/script>\n\t\t<meta property=\"og:locale\" content=\"en_GB\" \/>\n\t\t<meta property=\"og:site_name\" content=\"CRI Middleware Blog - Unleash creativity, boost productivity.\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Auto-ducking in ADX2 with REACT - CRI Middleware Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2021\/08\/CRI-Blog_Title-banner_03.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2021\/08\/CRI-Blog_Title-banner_03.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2016-03-29T06:46:15+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2016-03-29T07:12:29+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Auto-ducking in ADX2 with REACT - CRI Middleware Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/blog.criware.com\/wp-content\/uploads\/2021\/08\/CRI-Blog_Title-banner_03.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#blogposting\",\"name\":\"Auto-ducking in ADX2 with REACT - CRI Middleware Blog\",\"headline\":\"Auto-ducking in ADX2 with REACT\",\"author\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/author\\\/crich2_admin\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/blog.criware.com\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/adx2_REACT_tutorial_05.png\",\"width\":1026,\"height\":534},\"datePublished\":\"2016-03-29T15:46:15+09:00\",\"dateModified\":\"2016-03-29T16:12:29+09:00\",\"inLanguage\":\"en-GB\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#webpage\"},\"articleSection\":\"ADX, Tutorials\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.criware.com#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/blog.criware.com\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/category\\\/adx\\\/#listItem\",\"name\":\"ADX\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/category\\\/adx\\\/#listItem\",\"position\":2,\"name\":\"ADX\",\"item\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/category\\\/adx\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#listItem\",\"name\":\"Auto-ducking in ADX2 with REACT\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.criware.com#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#listItem\",\"position\":3,\"name\":\"Auto-ducking in ADX2 with REACT\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/category\\\/adx\\\/#listItem\",\"name\":\"ADX\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/#organization\",\"name\":\"CRI Middleware Blog\",\"description\":\"Unleash creativity, boost productivity.\",\"url\":\"https:\\\/\\\/blog.criware.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/blog.criware.com\\\/wp-content\\\/uploads\\\/2021\\\/08\\\/CRI-Blog_Title-banner_03.png\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#organizationLogo\",\"width\":262,\"height\":81},\"image\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#organizationLogo\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/author\\\/crich2_admin\\\/#author\",\"url\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/author\\\/crich2_admin\\\/\",\"name\":\"criware\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#webpage\",\"url\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/\",\"name\":\"Auto-ducking in ADX2 with REACT - CRI Middleware Blog\",\"description\":\"Lowering the volume of a sound when another one is playing at the same time is called \\u201cducking\\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game\",\"inLanguage\":\"en-GB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/author\\\/crich2_admin\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/author\\\/crich2_admin\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/blog.criware.com\\\/wp-content\\\/uploads\\\/2016\\\/03\\\/adx2_REACT_tutorial_05.png\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#mainImage\",\"width\":1026,\"height\":534},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/index.php\\\/2016\\\/03\\\/29\\\/auto-ducking-in-adx2-with-react\\\/#mainImage\"},\"datePublished\":\"2016-03-29T15:46:15+09:00\",\"dateModified\":\"2016-03-29T16:12:29+09:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blog.criware.com\\\/#website\",\"url\":\"https:\\\/\\\/blog.criware.com\\\/\",\"name\":\"CRI Middleware Blog\",\"description\":\"Unleash creativity, boost productivity.\",\"inLanguage\":\"en-GB\",\"publisher\":{\"@id\":\"https:\\\/\\\/blog.criware.com\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Auto-ducking in ADX2 with REACT - CRI Middleware Blog","description":"Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game","canonical_url":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":"&lt;!-- Google tag (gtag.js) --&gt; &lt;script async src=\"https:\/\/www.googletagmanager.com\/gtag\/js?id=G-3KHVJQ0K75\"&gt;&lt;\/script&gt; &lt;script&gt; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-3KHVJQ0K75'); &lt;\/script&gt;"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#blogposting","name":"Auto-ducking in ADX2 with REACT - CRI Middleware Blog","headline":"Auto-ducking in ADX2 with REACT","author":{"@id":"https:\/\/blog.criware.com\/index.php\/author\/crich2_admin\/#author"},"publisher":{"@id":"https:\/\/blog.criware.com\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_05.png","width":1026,"height":534},"datePublished":"2016-03-29T15:46:15+09:00","dateModified":"2016-03-29T16:12:29+09:00","inLanguage":"en-GB","mainEntityOfPage":{"@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#webpage"},"isPartOf":{"@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#webpage"},"articleSection":"ADX, Tutorials"},{"@type":"BreadcrumbList","@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/blog.criware.com#listItem","position":1,"name":"Home","item":"https:\/\/blog.criware.com","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.criware.com\/index.php\/category\/adx\/#listItem","name":"ADX"}},{"@type":"ListItem","@id":"https:\/\/blog.criware.com\/index.php\/category\/adx\/#listItem","position":2,"name":"ADX","item":"https:\/\/blog.criware.com\/index.php\/category\/adx\/","nextItem":{"@type":"ListItem","@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#listItem","name":"Auto-ducking in ADX2 with REACT"},"previousItem":{"@type":"ListItem","@id":"https:\/\/blog.criware.com#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#listItem","position":3,"name":"Auto-ducking in ADX2 with REACT","previousItem":{"@type":"ListItem","@id":"https:\/\/blog.criware.com\/index.php\/category\/adx\/#listItem","name":"ADX"}}]},{"@type":"Organization","@id":"https:\/\/blog.criware.com\/#organization","name":"CRI Middleware Blog","description":"Unleash creativity, boost productivity.","url":"https:\/\/blog.criware.com\/","logo":{"@type":"ImageObject","url":"https:\/\/blog.criware.com\/wp-content\/uploads\/2021\/08\/CRI-Blog_Title-banner_03.png","@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#organizationLogo","width":262,"height":81},"image":{"@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#organizationLogo"}},{"@type":"Person","@id":"https:\/\/blog.criware.com\/index.php\/author\/crich2_admin\/#author","url":"https:\/\/blog.criware.com\/index.php\/author\/crich2_admin\/","name":"criware"},{"@type":"WebPage","@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#webpage","url":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/","name":"Auto-ducking in ADX2 with REACT - CRI Middleware Blog","description":"Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game","inLanguage":"en-GB","isPartOf":{"@id":"https:\/\/blog.criware.com\/#website"},"breadcrumb":{"@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#breadcrumblist"},"author":{"@id":"https:\/\/blog.criware.com\/index.php\/author\/crich2_admin\/#author"},"creator":{"@id":"https:\/\/blog.criware.com\/index.php\/author\/crich2_admin\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/blog.criware.com\/wp-content\/uploads\/2016\/03\/adx2_REACT_tutorial_05.png","@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#mainImage","width":1026,"height":534},"primaryImageOfPage":{"@id":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/#mainImage"},"datePublished":"2016-03-29T15:46:15+09:00","dateModified":"2016-03-29T16:12:29+09:00"},{"@type":"WebSite","@id":"https:\/\/blog.criware.com\/#website","url":"https:\/\/blog.criware.com\/","name":"CRI Middleware Blog","description":"Unleash creativity, boost productivity.","inLanguage":"en-GB","publisher":{"@id":"https:\/\/blog.criware.com\/#organization"}}]},"og:locale":"en_GB","og:site_name":"CRI Middleware Blog - Unleash creativity, boost productivity.","og:type":"article","og:title":"Auto-ducking in ADX2 with REACT - CRI Middleware Blog","og:description":"Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game","og:url":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/","og:image":"https:\/\/blog.criware.com\/wp-content\/uploads\/2021\/08\/CRI-Blog_Title-banner_03.png","og:image:secure_url":"https:\/\/blog.criware.com\/wp-content\/uploads\/2021\/08\/CRI-Blog_Title-banner_03.png","article:published_time":"2016-03-29T06:46:15+00:00","article:modified_time":"2016-03-29T07:12:29+00:00","twitter:card":"summary_large_image","twitter:title":"Auto-ducking in ADX2 with REACT - CRI Middleware Blog","twitter:description":"Lowering the volume of a sound when another one is playing at the same time is called \u201cducking\u201d. A ducking system is an important tool in the game audio mixing process. It allows the game audio engine to control and prioritize what type of sounds will clearly be heard by the player when the game","twitter:image":"https:\/\/blog.criware.com\/wp-content\/uploads\/2021\/08\/CRI-Blog_Title-banner_03.png"},"aioseo_meta_data":{"post_id":"160","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2024-12-03 07:26:13","updated":"2025-06-04 04:43:01","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.criware.com\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/blog.criware.com\/index.php\/category\/adx\/\" title=\"ADX\">ADX<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tAuto-ducking in ADX2 with REACT\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/blog.criware.com"},{"label":"ADX","link":"https:\/\/blog.criware.com\/index.php\/category\/adx\/"},{"label":"Auto-ducking in ADX2 with REACT","link":"https:\/\/blog.criware.com\/index.php\/2016\/03\/29\/auto-ducking-in-adx2-with-react\/"}],"_links":{"self":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":14,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/160\/revisions"}],"predecessor-version":[{"id":185,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/posts\/160\/revisions\/185"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/media\/169"}],"wp:attachment":[{"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/categories?post=160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.criware.com\/index.php\/wp-json\/wp\/v2\/tags?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}