Loading An Edge composition at a certain frame

What I would like to do is to load my Edge composition at a certain frame.
I would like to tell the Edge composition where to stop at, within my html file.
This because I need to load the comp at a different position in the timeline, depending on the html page where I need to place it.
I was able to start playing the comp
<script type="application/javascript">
var comp;
AdobeEdge.bootstrapCallback(function(compId) {
// "comp" is now equivalent to the Stage's "sym" variable.
comp = AdobeEdge.getComposition(compId).getStage();
comp.play();
</script>
but I would actually want to tell the comp to play at a label.. something like
comp.play("label");
but thats not working...
I am not very familiar with js since I come from After Effects, so it would be nice if someone could provide an example or point another discussion where this problem was solved.
Thanks

You will not be able to play from a label on stage timeline from bootstrap callback as the timeline playback has not started.
A workaround is to store the label name you wish to play from in a global variable in bootstrap call back function and using that label to play from in the 0th second trigger
I know the explanation above is bit confusing,so i have attached a example here.
IN main.html i save the label(red) to play from in
AdobeEdge.playFrom = "red";
Than in the 0th second trigger read that label and play from there like
sym.play(AdobeEdge.playFrom);
Sample here playFmor.zip - Google Drive

Similar Messages

Loading an external swf into a target, prompting it to go to a certain frame (loadMovie)

hello,
I am making a website for myself and am having an issue with loading an swf and commanding the swf to go to a certain frame. Bassically I have one page, that has 7 seperate small thumbnail images on it which are buttons, each is commanded to open an swf file labelled slideshow. The slideshow swf showcases the thumbnails seperatly in a much larger scale, then the user can look through the images using previous and next buttons.
this is the code i have so far:
on (release) {
loadMovie("meglarge.swf",target_f);
So each image or Button has this code on it. Then the movie "slideshow.swf" is loaded into the target destination "target_f"
Although each time you click on any button it starts directly on the first frame of the slideshow. Which is always the first pictue. I want the user to be able to click on any image on the main page and it will load that frame of the slideshow first, which can then be navigated to the other pictures using forward and back buttons.
I hope this makes sense, and i thank you in advance for the help

In order to be able to control the loaded file you have to wait until it has fionished loading until you can command it to do anything. Using loadMovie does not support any ability to determine when the file has finished loading. You need to use the MoiveClipLoader class instead, where you can make use of the addListener method to detect when loading is complete. If you look up the MovieClipLoader.addListener method in the help documents there is an example there showing how to use it.

When time line reaches a certain frame load swf into movieclip.

Hi,
I need some help with some actionsscript. When the timeline reaches a certain frame, I want an swf to load into a movieclip in that particular frame. I need this to occur on level 1 as the root of the site is pre loader. Any help would be much appreciated. Cheers

In that frame, on an actions layer, use either the loadMovie method or the MovieClipLoader.loadClip method to load the swf into the movieclip. There should be examples of using either in the help documents and via Google.

Give swipeleft/right gestures to multiple external compositions that are loaded with composition loader by Edge Commons

Hello,
I have multiple external compositions that I load in my Edge project, with the composition loader by Edge Commons.
I would like to connect these external compositions with swipeleft / right gestures.
When I give the containers (where the external compositions are loaded in) the swipe gestures, it
works perfectly. But when the external compositions are loaded, the swipe gestures on the containers doesn't work anymore.
So is it possible to give the external compositions the swipe gestures. And that when they are loaded in my Edge project, the external compositions can communicate with each other.
For Example:
External composition one is loaded and when I swipe to the left, external composition 2 will slide in from right to left.
I think it must be that the external compositions have a function to control the timeline in the Edge Project.
I hope that this is possible and can help me with the code. Or have another solution.
Thanks!

I think I have the same or a similar issue.
I am using a modified version of Edge Commons - Extension Library for Edge Animate and Edge Reflow | EdgeDocks.com
to listen to touch swipe events in an external compositions.
var promise = EC.loadComposition("publish/comp_01.html", sym.getSymbol("content"));
     promise.done(function(comp) {
           var stage = comp.getStage();
       // Listen for events dispatched by the external composition
                stage.$("bg").swipeleft(function() {
                      EC.loadComposition("publish/comp_02.html", sym.getSymbol("content"));
                stage.$("bg").swiperight(function() {
                      EC.loadComposition("publish/test1.html", sym.getSymbol("content"));
This works great for the composition loaded by this script, but the comp.getStage function does not pick up on swipe events on anything other than the .$("bg") in this composition.
For example I have 30 compositions each with a .$("bg") but only the one loaded by this script works with this script. I am looking for a way to universalize the event listener to work with every .$("bg") loaded into my main stage symbol.
Do you or does anyone else have a solution?

Load new swf & goto certain frame #

I have 4 swf files. each file has 4 or 5 frames in it. I have
a button inside swf1 and when clicked I want to go from swf1 to
swf3 or from 3 back to 1. That is no problem with unloadmovie() but
the problem I am having is that I need to go to a certain frame. So
when I go from swf1 - swf3 and within swf 3 I need to go to frame
3. That is where I'm having troubles. I can get the swf 3 to load
but I can't get it to go to frame 3. Any help would be great.
Thanks

Insted of using container.loadMovie("whatever.swf"), use:
container.loadMovieF("whatever.swf",F); where F is the frame number
you want the movie to go to on load. Place the following code
before all of your other code:
MovieClip.prototype.loadMovieF = function(url, frame) {
var obj = {f:frame};
var my_mcl = new MovieClipLoader();
my_mcl.addListener(obj);
obj.onLoadInit = function(targ:MovieClip) {
targ.gotoAndStop(this.f);
my_mcl.loadClip(url, this);
};

Loading scripts - what's the difference between loading into edge via script window and including a script in the html document?

I have a html page that loading in two edge compositions and an external custom javascript file. The javacsript file includes the bootstrapCallback so I can store references to the loaded compositions and can communicate with them. This seems to work well. The problem have is when I also try and load in a custom plugin javascript files into the edge compositions via the script window inside edge - I don't understand how this works, for example if I load in a custom javascript file into one of the compositions can only that composition use it's funcitionality? Is loading in scripts via edge script window the same as including in html document, I'm confused how the two relate, please help me understand.

I have a html page that loading in two edge compositions and an external custom javascript file. The javacsript file includes the bootstrapCallback so I can store references to the loaded compositions and can communicate with them. This seems to work well. The problem have is when I also try and load in a custom plugin javascript files into the edge compositions via the script window inside edge - I don't understand how this works, for example if I load in a custom javascript file into one of the compositions can only that composition use it's funcitionality? Is loading in scripts via edge script window the same as including in html document, I'm confused how the two relate, please help me understand.

Preloader that loads a percentage or specified number of frames, help please

hi,
i've googled and searched the forum here for a (simple) way
to use a preloader that loads a percentage or specified number of
frames. What i find is preloaders that load the total frames.
here is the action script used:
if (_framesloaded>=_totalframes) {
gotoAndPlay("Scene 1",1);
} else {
gotoAndPlay("preload",1);
is there a way to modify this simple script or do i need to
use another script? i tried changing "totalframes" to "300frames".
But it didn't work and i just shooting in the dark here.
help please
thanks
gregory

"why would you not want the whole file to load? "
yes i want the whole file to load.
What i'm asking is how to specify in the preloader how many
frames will load before the file plays.
"although you could start the file after a certain amount of
frames are loaded, but I still do not see the point"
the reason you would be to not have a long wait while the
entire file loads. Flash will stream the rest of the file as the
preloaded section of the file starts playing.

Dynamically loading and unloading compositions

Hi!
So I followed this business right here:
http://www.adobe.com/devnet/edge/articles/bootstrapping-edge-compositions-with-bootstrapca llback.html
What I've found is that my Edge compositions continue to do things while hidden and that all the resources for all of the compositions seem to load at once.
Is there an easy way to unload an entire composition and then reload it again later?
Thanks!

Same here... need to load/unload Compositions and HTML any guidance on how to do that in Edge? Also would there be conflicts with matching naming of elements and symbols?
Thanks to anyone who'll have a minute to weigh in with suggestions/solutions.
Cheers!
tfbkny

Problems with dynamically injecting edge compositions

Is there a way to inject the preloader script and make it fire without the window onload event? I'm assuming that's what it's waiting for, but it will never come because I'm using a single HTML page and dynamically injecting each Edge composition's preloader as needed. I followed this guide but it's useless in my situation. Any pointers would be greatly appreciated!
I'd also like to prevent Edge's preloader from injecting jquery and the edge library every single time it wants to load a new composition (as asked by this fellow). The way it's handled now is superbly inefficient.

The preloader js does in fact wait for window onload, which is silly. I need an option to execute immediately since I dynamically inject the preloader. I'd like to see this option as a function call on AdobeEdge.

Load another Edge project with a symbol timeline trigger

I'm working on an E-book like project that basically every page is an Edge composition.
I make a symbol within a turn-page animation that will play on click.
And I have a timeline trigger in the symbol and I'm hoping there is a way to load another Edge project with that trigger.
Is there a way to do so?
Thanks.

I put together a Composition that I think does what you're asking. it's not elegant, but it works.
in the timeline of Symbol_1
place stop() triggers at the start and end
in the same triggers, set a Symbol variable that states whether the animation has finished i.e. sym.setVariable("isDone", "false");
place a trigger on the rectangle to play() or playReverse() depending on an if() statement about the variable
in the timeline of Symbol_3
place stop() triggers at the start and end
in the same triggers, set a Symbol variable that states whether the animation has finished i.e. sym.setVariable("isDone2", "false");
place a trigger on the rectangle to:
declare 2 new variables, which use sym.getVariable() to get isDone and isDone2 as above,
play() or playReverse() depending on an if() else if() else if() statement about both variables
I used the relative string to get the local variable and absolute string to get the variable from the other Symbol, i.e.
var myVariable = sym.getComposition().getStage().getSymbol("Symbol_1").getVariable("isDone");
var myVariable2 = sym.getVariable("isDone2");
I can send you the entire code if that helps.

Flash html5 - How can i make an internal movie clip slow down and stop when it get to a certain frame?

I am creating an automotive braking system using flash and have a wheel turning. I want the wheel to slow down and stop after the brake pedal is pushed at a certain frame. I know I could do this with frame by frame animation but was hoping there was a short cut - javascript?? If not the slowing down portion then is there code for just making the internal movie clip (wheel turning) to stop when it gets to a frame.? Thanks

you can use the ticker class to create a loop that you use to control the wheel's rotation or frame, TweenJS v0.6.0 API Documentation : Ticker

HTML: How to start playing a swf at a certain frame?

Hi, is it possible to start a swf (test.swf) not in the beginning but at a certain frame (comparable to gotoAndPlay) in between the html-file?
... Or is there any other way to start a swf at a given frame? Thanks, Ute

Hi Ned,
now I found the solution by myself:
on (release) {
     var my_mcl:MovieClipLoader = new MovieClipLoader();
     my_mcl.addListener(mclListener);
     my_mcl.loadClip("ecomo.swf",30);
and in ecomo.fla:
     level30.abatimoaktiv = true;
     level30.kollektion.abatimobtn_inst.gotoAndStop(2);
     _level30.gotoAndPlay("abatimo");
But one more question: what level ist he best one to choose?
Ute

How to stop the animation at a certain frame?

Well, as the title already says, how can I stop my animtation at a certain frame. Is it only possible due setting up a timer, or can I also enter a code that stops at a certain frame?
And when I stop the animation, will my buttons still be able to get clicked?
Greetings,
Coyke

Thanks for the usefull reply, the problem was that i forgot the add a new keyframe that's why I couldnt make it in the frame I wanted.
I will have between 15 and 20 buttons that need to be able to get clicked when my animation is stopped, I first imported them to my library, then placed everything where I wanted it to be. Then created them as a Symbol (Selected Button!). Then I created instance names for every single of them.
With the code that's downstairs I want to let my animation go to frame 200 when I click on the button "Middenknop" while the animation is paused. But now i get this error:
TypeError: Error #1009: Kan geen eigenschap of methode benaderen via een verwijzing naar een object dat null is.
at Animatie2_fla::MainTimeline/frame1()
Here's the code I am currently using:
import flash.events.MouseEvent;
//---Middenknop eigenschap verandering---\\
Middenknop.addEventListener(MouseEvent.CLICK, basisClick);
function basisClick(event:MouseEvent):void{
gotoAndPlay(200);

Is there a way to automatically jump to a certain frame in a stacked sequence?

I am working with stacked sequence structures. I would like to have a condition in some of the frames, such that if the condition is false, the sequence proceeds normally, and if the condition is true, the sequence jumps to a certain frame. Is this possible?

Hi D. Luprek and drewsky,
besides "sequence structures are generally frowned upon": JUMPing around in code is generally frowned upon!
Long long time ago I used BASIC for programming and heard comments like "BASIC is spaghetti code" or "using JUMPs (aka GOTO) isn't programming"
Best regards,
GerdW
CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
Kudos are welcome

Problems in IE -internet explorer- with Adobe web fonts embedded in EDGE compositions

Hi again friends,
For simplifying the problem: Im trying to create compositions, just some animated texts over video, using adobe web fonts in Edge. In this case using muse to insert them.
Everything works fine, but after uploading the result compositions, they always work fine in Chrome or Mozilla, but they dont work always fine in Explorer (tested in diferent versions and OSs).
Frustratingly, sometimes IE display the fonts correctly, some other times changes the font to arial or similar...
Frustrating example: Two instances of the same composition (only text moving over mp4 video) and sometimes one work fine and the other is changed to arial, some other times both ok, some other both arial.... its crazy.. just refresh, and it changes!!
If I create a page with only one composition (text over video) it works fine 90-95% of the times in IE. just refreshing... and after some good attempts.. the arial font apperar smiling to me!!!!!
Any suggestion?
What can I do?
Checked with diferent systems using latest versions of Edge and Muse in my job, only in Windows systems.
Sorry for my english, I hope is well explained...

Hi,
I have prepared for you a basic composition where the problem ALWAYS appear:
The page uses 2 compositions created in edge, inserted in a Muse project via .oam file (note that publishing directly to web structure, the problems occurs too)
1.- The upper element of the page is one composition with only ANIMATED TEXTS over a simple MP4 VIDEO BACKGROUND. The used font is -Fredoka One-
This first composition is inserted in the Muse Master page
In the Muse index main page are the other 2 elements:
2.- Above the first composition there is another Edge composition, that contains 4 video backgrounds with a title over each one. The font of each main title is -Fredoka One- too.
3.-In the bottom there is inserted THE SAME composition than in the upper side of the page.
Yuo can see it in http://www.comunicracia.es/
As you can see, everything is OK using Chrome or Mozilla, BUT PLEASE TAKE A LOOK USING INTERNET EXPLORER.
Using IE I can see every combination of problems with the font, BUT never the 3 elements Fine!!! (The tittles font is replaced by Arial frustratingly without any rule)
(My experience FYI) In this composition I have prepared for you, the bottom composition is usually (90%times) OK, the upper composition is usually (95%times) BAD, and the middle composition usually (70%times) BAD.
If I publish only the first composition in the page, it works fine in IE 95% of the times.
Pleeease, its frustrating..
Any suggestion?
What can I do??
Thank you very very much in advance, my friends!
All the best

Loading An Edge composition at a certain frame

Similar Messages

Maybe you are looking for