邊緣動畫：使用javascript播放動畫

Question

我已禁用邊緣動畫構圖中的自動播放選項。 現在我想將這些動畫與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

我認爲這樣做最簡單的方法是調用一個bootstrapCallback土坯邊緣API類似如下的方式：

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(); 

    }); 

    } 

}); 

希望幫助！