Edge Animate: воспроизводить анимацию с помощью JavaScript

Question

Я отключил опцию autoplay в композиции Edge Animate. Теперь я хотел бы связать эту анимацию с waypoints.js, поэтому мне нужно вызвать анимацию с помощью javascript.

Это мой HTML

<div id="StageTwo" class="EDGE-4436041"></div>

Это Javascript

<script>
   AdobeEdge.loadComposition('animation_bereitstellung', 'EDGE-4436041', {
    scaleToFit: "both",
bScaleToParent: "true",
    centerStage: "horizontal",
    minW: "0px",
    maxW: "undefined",
    width: "650px",
    height: "463px"
}, {"dom":{}}, {"style":{"${symbolSelector}":{"isStage":"true","rect":["undefined","undefined","500px","356px"],"fill":["rgba(255,255,255,1)"]}},"dom":{}});
</script>

Проблема: у меня есть несколько анимаций на одном сайте.

Answer 1

Я думаю, что самый простой способ сделать это - вызвать API Adobe Edge с помощью bootstrapCallback способом, подобным следующему:

var waypoint = new Waypoint({
  element: document.getElementById('basic-waypoint'),
  handler: function() {

    window.AdobeEdge.bootstrapCallback(function(compId) {

        var comp = AdobeEdge.getComposition("EDGE-4436041"); 

        //either to play the stage
        var stage = comp.getStage().play();

        //or to play a symbol inside the stage
        var mySymbol = comp.getStage().getSymbol("symbol");
        mySymbol.play();

    });

  }

});

Надеюсь, это поможет!