[BUGFIX] Implement workaround for Fluid parser with equalizer script (kitodo#1707)

Co-authored-by: Sebastian Meyer <sebastian.meyer@opencultureconsulting.com>

Author: fschoelzel

Resources/Private/Templates/MediaPlayer/Main.html

@@ -16,6 +16,22 @@
             <f:if condition="{settings.equalizer.enabled}">
                 <f:then>
                     <dlf-equalizer id="{settings.elementId}-equalizer" forPlayer="{settings.elementId}"></dlf-equalizer>
+
+                    <f:comment>
+                        <!-- Workaround: Define variables for javascript curly braces to prevent parsing by the Fluid parser -->
+                        <!-- Source: https://docs.typo3.org/other/typo3fluid/fluid/4.5/en-us/Syntax/Escaping.html#using-variables-for-curly-braces -->
+                    </f:comment>
+                    <f:asset.script type="text/javascript" identifier="parse-equalizer-presets">
+                        <f:alias map="{ocb: '{', ccb: '}'}">
+                            window.addEventListener('DOMContentLoaded', function () {ocb}
+                                var equalizer = document.getElementById("{settings.elementId}-equalizer");
+                                equalizer.parsePresets(MEDIA_CONFIG['equalizer']['presets']);
+
+                                if (MEDIA_CONFIG['equalizer']['default'])
+                                    equalizer.selectPreset(MEDIA_CONFIG['equalizer']['default']);
+                            {ccb});
+                        </f:alias>
+                    </f:asset.script>
                 </f:then>
             </f:if>
             <dlf-marker-table forPlayer="{settings.elementId}"></dlf-marker-table>
@@ -60,16 +76,6 @@
             </slub-media>
         </div>
     </div>
-
-    <script type="text/javascript">
-        window.addEventListener('DOMContentLoaded', function () {
-            var equalizer = document.getElementById("{settings.elementId}-equalizer");
-            equalizer.parsePresets(MEDIA_CONFIG['equalizer']['presets']);
-
-            if (MEDIA_CONFIG['equalizer']['default'])
-                equalizer.selectPreset(MEDIA_CONFIG['equalizer']['default']);
-        });
-    </script>
 </f:then>
 </f:if>