Edge Animate/javscript API command similar to Actionscript fscommand('quit')?

Our company recently replaced Flash with Edge Animate due to some major memory leak issues when pulling in dynamic data for our digital signage.
In Actionscript, it was easy to signal to the digital signage player that the movie was ending with a custom fscommand.
However, in HTML5, im having issues with how to do this in javascript. I currently do not see anything in the JSAPI for Edge Animate that would allow me to signal a third party player to end and unload the animation that is playing.
I need to do this because the length of the animation is based on how much XML data I parse. This amount of data can change daily (10 seconds per xml node).
Has anyone has a similar issue with this in the past and found a solution?
Or perhaps I'm doing this incorrectly and I should be dynamically be creating the animation based on the available nodes in the timeline.
Any feedback would be appreciated.

Hi ,
We have a timeline complete event in Edge Animate which would signal the completion of the animation. You can add your code for the timeline complete and then perform the appropriate action here.
Thanks and Regards,
Sudeshna Sarkar

Similar Messages

  • Does edge animate support any APIs for problematically defining the keyframe transitions ?

    Hi All Edge Animate Enthusiasts
    While playing around with the timeline window , I got a good idea of defining keyframes and modifying css properties of elements for transitions. However , when I look at the Edge Animate JS API, I see that there are functions available only for playing , stopping timeline from specific points ( time , label etc) . This obviously means that the animation sequence should have been defined in the timeline already , but what if I want to dynamically create a keyframe transition for an element in runtime.
    Does Edge Animate support it ?
    Thanks
    -Shyam

    The answer is no. But you can always write plain javascript code to achieve that, using the Edge API just for selecting various elements.
    But I doubt if generating dynamic keyframes using javascript will work as per http://stackoverflow.com/questions/18481550/how-to-dynamically-create-keyframe-css-animati ons
    And if you just want to add a static keyframe animations, then you can create a css file where you define such animations for a class say "myAnimation", and add this class dynamically to the html element which you want to animate by calling addClass() function.
         *You can insert the css rules or link the css file in the html page, by manually editing the html page using any text editor.
    hth,
    Vivekuma

  • Is there a similar function in Edge Animate that is similar to the draw path function in After Effects?

    Is there a similar function in Edge Animate that is similar to the draw path function in After Effects?

    No, I'm afraid not.  However, you can drop a clip from in to out into the timeline and the hit CMD+R and grab the end, changing the length of the clip to fit in the space that you need by speeding up the clip.
    Hope that helps.
    Andy

  • Edge Animate command - not exporting images

    I've installed the Edge Animate command extra for Fireworks and have a series of png's each in it's own state - set to 'include when exporting.'
    When I use this extra (using any of the export options) either only one png is created or none are. All the other relevant html, edge and js files are created. Even an image folder is created, but no series of images. Therefore, my animation isn't exactly an animation with only one image.
    What could I be doing wrong?

    These images are all 404 not found on server:
    http://www.ivanrowe.co.uk/images/lily.png
    http://www.ivanrowe.co.uk/images/facebook.png
    http://www.ivanrowe.co.uk/images/flower.png
    http://www.ivanrowe.co.uk/images/grass.png
    Try uploading your images folder again.
    Nancy O.

  • Actionscript 3 usage in Edge Animate

    Ok so our company has been using flash for the past 10 years. This year I have mentioned about Adobe Edge and what the capabilities are.  Amazed to say the least.  I did download the 30 day trial for edge trying to do the same things I had done in flash/AS3.  I have stubbled on a issue that I cant seem to get right.  Works in flash AS3 But I cant figure out if it works in edge. only because its new to me. 
    I have exsisting actionscript 3: below
    pbjack.text =  formatAsDollars(Number(root.loaderInfo.parameters.winner_amount)/1000000, 0);
    Breakdown:
    pbjack = Instance name (dynamic text field)
    root.loaderInfo.parameters.winner_amount = a paramater name in xml stored on computer
    above is the actionscript code that pulls in the value based on the paramater name "winner_amount"
    I am trying to get the same information in Adobe Edge using the same code to pull in the same value.  I have been searching videos that show you can use actionscript but its not working for me.
    Can someone assit me on how to translate the flash AScode above to Adobe edge output (html5)
    Before we make this transition to adobe edge I have to test everything that is currently out there in production & this is the only piece that I am stumped on.
    thank you in advance

    Hi ,
    Since pbjack is the same of the text field , you can set the value of the text using this snippet in Edge Animate :
    var newText = sym.getVariable("winner_amount");
    sym.$("pbjack ").html(newText);
    This winner_amount variable needs to be set at stage composition ready function as :
    sym.setVariable("winner_amount" , "");
    You need to set this variable depending on the value you get from the xml.(However, not sure from where you are accessing this value)
    Later when you get the value you store it in this variable and then retrive it from the same variable using getVarible.
    Attached a sample for reference.
    Let me know if you need any other info.
    Thanks and Regards,
    Sudeshna Sarkar

  • Twitter API and Edge Animate not working

    Hi,
    I have watched great video about using Twitter API in Edge Animate on Adobe TV and I thought I would give it a go.
    I followed the steps and unfortunately it's not working for me.... Not even an error message when tested in a browser, nothing...
    Here's my code for compositionReady:
    try {
        // Read tweets, set number of tweets to display
        var 0 = { username: "adobeedge", count: 4};
        var twitterUrl = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name="+o.username+"&count="+o.count;
        // AJAX function for communicating to Twitter API
        $.ajax( {url: twitterUrl, dataType: "jsonp"} )
            .success(function(data) {
            $.each(data, function(index, item) {
                var itemRenderer = sym.createChildSymbol("itemRenderer", "tweetContainer");
                itemRenderer.$("tweet").html( item.text );
                itemRenderer.$("image").css("background-image", "url("+item.user.profile_image_url+")");
    catch(error) {
            alert("Error: "+error.toString());
    Any suggestions?

    Please, could you replace "adobeedge" by "adobeanimate".
    Before:
    After:
    try {
                var o = { username: 'edgeanimate', count: 4 };
                var twitterUrl = 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name='+o.username+'&count='+o.count;
                $.ajax({url: twitterUrl, dataType: 'jsonp'})
                    .success(function(data) {
                       $.each(data, function(index, item){
                            var itemRenderer = sym.createChildSymbol("itemRenderer", "tweetContainer");
                            itemRenderer.$('tweet').html( item.text );
                            itemRenderer.$('image').css( "background-image", "url("+item.user.profile_image_url+")" );
                            itemRenderer.play( index * -100 );
    catch(error) { alert("Error: "+error.toString()); }

  • Mac shortcuts (OSX Yosemite) stop working after Edge Animate runs for a while

    When I first open up an Edge animation file all my shortcuts work fine, such as Command-S to save.
    After the software has been running for a while all my OSX shortcuts stop working and I have to copy, paste and save from the File menu instead.
    When I restart the program it all goes back to normal for a short while and then they stop working again.
    Some more info in case it's helpful:
    My current project is based around animating SVG shapes (character animation).
    I'm running Yosemite OSX.
    Adobe Edge 2014.1.1 is the version I'm using
    It crashes consistently but pops up a  'save your work' message first. I'd say at least once a day if I don't restart frequently enough.
    I restart about every hour or so as I'm working.
    My OSX shortcuts work fine in other software such as Photoshop, this is specific to Edge
    My hardware is as follows:
      Model Name: MacBook Pro
      Model Identifier: MacBookPro10,1
      Processor Name: Intel Core i7
      Processor Speed: 2.7 GHz
      Number of Processors: 1
      Total Number of Cores: 4
      L2 Cache (per Core): 256 KB
      L3 Cache: 8 MB
      Memory: 16 GB
    Just putting this up here in case any other Edge users on Mac have noticed anything similar.

    Hi Danny,
    Thanks for writing to us with your concern. We are sorry to know that you are facing problems while using Adobe Edge Animate.
    How often is it happen? Is there any time frame like after 1 hour or 2 hours this issue is occurred?
    Can you please try updating your Mac Book 10.10.3?
    Please share the result.
    Regards,
    Devendra

  • Edge animate and Cordova build

    So recently I was trying out some edge commons functions and have gotten them to work on browsers. So I wanted to do a little experiment so I've decided to try compile the project with cordova build. Well was hoping for it to work but it seems like somewhere went wrong and when I run the apk, it wasn't even able to retrieve the list of items from the JSON file.
    basically the program just loads a list of items from the click of a button and you can also click on the black box on the right to display an image.
    //get json information and display
    $.getJSON("content.JSON")
      .success(
      function(data){ console.log("incoming data: ", data);
      $.each(data.shoes, function(index, item){
      var s = sym.createChildSymbol( "template", "content");
      s.$("title").html( item.item );
      s.$("description").html( item.description );
      s.play(index * -500);
      s.setVariable("spotlight", item.spotlight );
      });//each
      });//success
    btw thanks joel pau for helping out previously.
    does anyone here have any similar experiences when trying out cordova build with edge animate?
    here are my files..
    Dropbox - index.zip
    Dropbox - test-debug.apk
    Perhaps there's still some cordova api I'll need to add before compiling??

    Not sure if this helps you. I'm going through the same problem. Even raised this issue here in the forum and nobody could help me. So I sought help forum PhoneGapBuild. Looks like PhoneGapBuild not recognize <audio> of html5, so need to use api audio PhoneGapBuild own. Here's a link to my post. Tutorial on how to make by Chris Griffith. I hope this helps you too.
    http://community.phonegap.com/nitobi/topics/phonegap_build_audio_and_edge_animate_problem? utm_content=reply_link&utm_medium=email&utm_source=reply_notification&reply[id]=14089620#r eply_14089620

  • How do I edit a .swf file in edge animate? How do I save it as a swf file?

    Hello, I need to edit the actionscript in a swf animation file. How do you do that with Edge animate?

    There is no such workflow for swf files.
    Edge animate only understands html, javascript. SWF files are alien to it.
    You should be using Flash Professional CC, for generating the swf files.
    hth,
    Vivekuma

  • How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign cc 2014?

    How do i add Edge animate .oam files to Fixed Layouts Epubs in Indesign?

    Hi,
    There is a bug on iOS7 which does not let edge animate work correctly here. This issue will happen on iPad and not on Mac OS.
    There is a similar thread that explains in detail this issue you are facing:
    https://forums.adobe.com/thread/1513879
    Regards,
    Pooja

  • Adobe Edge Animate CC don't start in Windows 8.1

    Adobe Edge Animate CC does not start in Windows 8.1. I click on the application and the cursor stays in loop. I have tried to uninstall to reinstall it and will not let me. If they know of any similar error and resolve it I would like to help me, thanks.

    Are you running the Spanish version of Win 8.1, Conisus?
    Have you tried resetting preferences (http://adobe.ly/Ty949V), disable any third party plug-ins and/or launch the software in a new user account with admin rights? http://helpx.adobe.com/x-productkb/global/troubleshoot-system-errors-freezes-windows.html# main_Common_solutions
    If the basic troubleshooting steps don't work, would you mind to gather a copy of the crash log, paste it into http://pastebin.com and share the url? You should be able to locate the log by launching the Event viewer and search for the application crash logs of Illustrator.exe. Thanks!

  • Trying to understand variables in Edge Animate

    I am writing ALL my code in the document.compositionReady window and have a few questions.
    1. I am trying to understand the use of sym.setVariable() vs using the var keyword. It seems that if I declare
    var myVar = "test" then the variable myVar is available in all my functions further down the code. So when would I use sym.setVariable("myVar","test")?
    2. Since I am writing all my code on document.compositionReady is it possible to edit the code in Dreamweaver. (I like the find and collapse functions in DW). I tried opening the edgeActions.js file and making some edits but they did not seem to always work.
    3. Back to variables. If I define a variable within a function by using the var keyword, it seems to only be available within that function. Is that true? How do I define a variable in a function that is available globally?
    4. Clearly I am mixing javascript, jquery and edgeAnimate API in my code. Is that ok? I am making my animations work but concerned that I am not doing this efficiently/effectively.
    Thanks for any tips, advice, comments.

    Hi, Marlene-
    #2: You should be able to use any editor to edit the edgeActions.js file.
    #1,3: Variables can be declared for local scope (within the function) and attached to various scopes within the composition.  I tend to use variables attached to various symbols to maintain state within that particular scope.  For instance, in the floral sample file, I attached the game score to the game board symbol so that when it was destroyed and recreated, it would reinitialize to 0.
    http://html.adobe.com/edge/animate/showcase.html
    #4: That should be fine.
    Hope that helps answer some of your questions!
    -Elaine

  • Importing from Adobe Edge Animate to Existing Project

    Hello!
    So I have a project that I have been working on in iAd producer for a iBooks widget and its coming along great.  However I am starting to bump into some limitations on the animation side of things that I can easily do within Adobe Edge Animate but am struggling with in iAd producer. Is there a way to import the animation from another project from a separate program like Adobe Edge Animate into iAd producer?  I feel like this should be straightforward since its all Javascript and HTML but I am not sure of the answer (been Googling for quite a bit and couldn't see a similar problem discussed).
    Thank you!
    Shawn

    Hello Shawn, Mark!
    I'm trying something like you, playing with Adobe Edge and trying to use the JS and HTML file it produces with iAd Producer, but I can't get it work.
    Have you finally got it working?

  • Can we capture the video and audio using cam and microphone in Edge Animate?

    Hi Everyone,
    I got a new requirement from the client to create a HTML5 based functionality through which one can capture the video and audio using his web-cam/camcorder and microphone. I have researched on internet and found that there is api available (not reliable) http://www.html5rocks.com/en/tutorials/getusermedia/intro/ . I am not a coder by profession and use Edge animate to create HTML 5 based animations and stuff like that. Another problem which i have found that the api only works well with Chrome and Opera and not with Mozilla, IE..
    Can anybody help me out in this, please...
    Thanks & Warm Regards
    Vikas

    Hi, Vikas-
    After a brief bit of research, you're definitely hitting upon the limitation of the browsers.  Not all of the browsers have implemented this part of the HTML5 standard, so you're going to either have to use Flash or be limited to these specific browsers.
    Thanks,
    -Elaine

  • Edge Animate 1.5 multiple compositions

    I read the following in the edge 1.5 api docs:
    As of Edge Animate 1.5, opening a page with more than one composition in it is not supported, but pages can be hand-authored to use multiple compositions.
    What exactly does it mean, that I can put only a single composition in a HTML page?
    If so, what is the "Hand-authord" solution that you offer? can you please elaborate a little bit in this issue?
    Thanks for the help,
    Yotam.

    I cannot tell if it is indeed a race condition. Can only report back my results of different methods I attempted in order to achieve communication between 2 or more compositions on a single html page:
    Adding the .oam packages via Dreamweaver Media > Insert > Edge Compositions, then using either Edge.getComposition("Comp2"); or Edge.getComposition("Comp2"); (in Actions panel of Comp1)... Fails to locate other composition.
    Adding the .oam packages via Dreamweaver Media > Insert > Edge Compositions, then using jQuery/DOM to get to Comp2 elements using var comp2= $("#Comp2", window.parent.document);  comp2.contents().find("blahblah"); (in Actions panel of Comp1)... Fails to locate the html document that is inside the Object element created by Dreamweaver. The only child contents() element of the Object is [object Text].
    Publishing compositions as Web (not .oam packages), adding the compositions using iFrames, then using jQuery/DOM to get to Comp2 elements using var comp2= $("#Comp2", window.parent.document);  comp2.contents().find("blahblah"); (in Actions panel of Comp1)... Then you have to play with HTML5 iframe sandbox settings. Works but is not so elegant.
    Publishing compositions as Web (not .oam packages), adding the compositions using the methodology explained in documentation section Advanced Topics > Multiple Compositions In A Page, which entails opening each composition's html file and adding specific code by hand to the Dreamweaver html file to  the <head> and then adding each composition's <div>, being sure to change the div's id (stage id). Then using jQuery/DOM to get to Comp2 elements (I have a text element called 'comp2DynText') using $("#stageTwo_comp2DynText").html( "some text" ); or whatever it is you want to do. This works however obviously requires manual changes and not using the easy to use package methodology.
    Bootstrapping. Did not try this, i think it more for people wanting to switch out (show/hide) one compostion with another.
    Hope that is helpful.

Maybe you are looking for