elements.diffuse.sh / Blur / Artwork controller

artwork-controller.html

<style>
  @import "./styles/vendor/phosphor/bold/style.css";
  @import "./styles/vendor/phosphor/fill/style.css";
  @import "./styles/base.css";
</style>

<script type="module">
  import foundation from "./common/facets/foundation.js";
  import ArtworkController from "./themes/blur/artwork-controller/element.js";

  // Setup the prerequisite elements
  foundation.features.fillQueueAutomatically();
  foundation.features.playAudioFromQueue();
  foundation.features.processInputs();

  const aud = foundation.engine.audio();
  const art = foundation.processor.artwork();
  const inp = foundation.orchestrator.input();
  const que = foundation.engine.queue();
  const rse = foundation.engine.repeatShuffle();

  // Controller
  const dac = new ArtworkController();
  dac.setAttribute("artwork-processor-selector", art.selector);
  dac.setAttribute("audio-engine-selector", aud.selector);
  dac.setAttribute("input-selector", inp.selector);
  dac.setAttribute("queue-engine-selector", que.selector);
  dac.setAttribute("repeat-shuffle-engine-selector", rse.selector);

  // Add to DOM
  document.body.append(dac);
</script>