Musikproduktion: Electronic Adventure

Komponiert eure eigenen Beats und Melodien! Mit Synthesizern und Musikproduktions-Software kreiert ihr euren ganz eigenen Sound. Vorerfahrung braucht ihr dafür nicht. Werdet zu Profis im Bereich electronic music production.

Leitung: Jan Bielefeldt, Julian Schmelter, Cyril Buchart und Max Kuffel

Eine Anmeldung ist nicht erforderlich.

Empfohlen von 14-20 Jahren.

©Miu-Wah Lok

©Miu-Wah Lok

©Miu-Wah Lok

©Miu-Wah Lok

/** * Wrapped in an IIFE so `let`/function declarations get a fresh, isolated * scope on every execution. ACF's block editor preview re-renders (and * re-runs) this script on every edit while the DOM node id stays the * same; top-level `let`/`const` would otherwise throw * "Identifier ... has already been declared" on the second render. */ (function($) { let ready = false; let currentAspectRatio = 16 / 9;

function setAspect(newRatio) { if (ready) { if (newRatio > currentAspectRatio) { currentAspectRatio = newRatio; document.querySelector('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .slick-list').style.aspectRatio = newRatio; } } }

function resize() { const captions = document.querySelectorAll( '#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .slick-slide:not(.slick-cloned) .image-carousel__image-caption'); let maxCaptionHeight = 0; captions.forEach(function(caption) { maxCaptionHeight = Math.max(caption.offsetHeight, maxCaptionHeight); }); document.querySelector('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf').style.paddingBottom = maxCaptionHeight + 'px'; }

$(document).ready(function() {

document.querySelectorAll('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .image-carousel__image').forEach(function(img) { function handleImageLoad() { setAspect(img.width / img.height); } if (img.complete && img.naturalWidth) { handleImageLoad(); } else { img.addEventListener('load', handleImageLoad); } });

$('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .carousel__slider').on('init', function(slick) { resize(); ready = true; this.parentElement.style.opacity = 1; }); $('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .carousel__slider').slick({ infinite: true, variableWidth: true, slidesToShow: 1, slidesToScroll: 1, autoplay: true, autoplaySpeed: 3000, // centerMode: true, dots: false, arrows: true, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 800, settings: { arrows: false } }] }); $('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .carousel__slider').slickLightbox({ src: function(element, info) { return element.querySelector('img').src; }, itemSelector: '.image-carousel__slide', caption: function(element, info) { return element.querySelector('figcaption').innerHTML; }, layouts: { closeButton: '', }, slick: { arrows: false } }); $('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .carousel__slider').slickLightbox().on({ 'show.slickLightbox': function() { $('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .carousel__slider').slick('slickSetOption', 'autoplay', false, true); }, 'hide.slickLightbox': function() { $('#image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf .carousel__slider').slick('slickSetOption', 'autoplay', true, true); } });

});

// Each re-render of the block registers a new resize handler; drop // the previous one for this block id so they don't pile up. window.__dortmunderuImageCarouselResize = window.__dortmunderuImageCarouselResize || {}; const previousResize = window.__dortmunderuImageCarouselResize['image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf']; if (previousResize) { window.removeEventListener('resize', previousResize); } window.__dortmunderuImageCarouselResize['image-carousel-block_bdd3afa0af964f35a11fa57816c3aabf'] = resize; window.addEventListener('resize', resize); })(jQuery);