Edge Animate CC :: Adding A Play / Pause Button Into An Animation

May 15, 2013

I have an animation that runs for around 2 minutes. I want to add a button that the user can click to pause/play this animation if they want extra time to read the content on screen. I'm not sure how to tell a button to pause at the current frame and resume when clicked by the user. The button will also need to change states from a pause image to a play image when clicked and vice-versa.

View 8 Replies


ADVERTISEMENT

Edge Animate CC :: Clicking Twice On Pause / Play Button

Mar 16, 2014

I have made a pause and a play button to my slideshow.The pause button is just a boks with the click-action code:
 
sym.$('btn').click(function(){
          sym.stop();
});
 
The pause button is a boks with the click-action code:
 
sym.$('btnPlay').click(function(){
var timelinePos = sym.getPosition();
          sym.play(timelinePos);
});
 
It works but in the beginning, I have to click twice before the function works. It is only the first time. After that everything works fine.

View 2 Replies View Related

Edge Animate CC :: Delete Mouse Event Or Pause It After Clicking On The Button

Jan 30, 2013

i have a problem with an animation in Edge Animate. I try to animate a button which spins 45° on mouse over and back on mouse out. So far no problem. Now i want the button to spin 90° when i click on it and let it stay on this position. I made it spin the 90° but it always spins back on mouse out because the event is still there. Is there any possibility to delet the mouse out event or pause it after clicking on the button. I already tried remove it but without any sucess.

View 4 Replies View Related

Edge Animate CC :: Play An Animation By Click And Then Play Reversed By Clicking Again?

Aug 15, 2013

...like a menu popping out and going back again.

View 7 Replies View Related

Edge Animate CC :: Play Button With Audio And With Symbols

Apr 22, 2013

So my animation is a song and I'm doing like a video clip with interactivity (the interactivity is not inside at the moment).I need to have  a play button so we can see (heard) on iPhone, iPad...
 
My problem is that the animation begin immediately behind the play button and before I press it.So the song and the animation are not synchronize.I try many things to stop the animation but nothing is working.

View 2 Replies View Related

Edge Animate CC :: Play Random Symbols When Button Is Clicked

Oct 7, 2013

I have a dozen or so animated symbols on the stage and I'd like a randomly called one to play each time users click a button.

View 6 Replies View Related

Edge Animate CC :: Get Button To Play Timeline For Specified Length Of Time

Feb 27, 2014

I have an animation in Edge, and I'm trying to make a button that can play the timeline for a specified amount of time and then stop, without the aid of labels. So, I figured if i set the button to sym.getSymbol("mysymbol").play(500);  it would make the timeline of that symbol play for 500 milliseconds each time the button is clicked, but it is not working, as this makes the whole thing simply start playing at 500ms. So I then tried adding a stop action after this: 

sym.getSymbol("mysymbol").play();
sym.getSymbol("mysymbol").stop(500);

But this didn't work, because I guess since these events are one after the other, it doesn't wait 500 seconds to stop, and it reads stop(500) immediately after the play instruction, so that didn't work either. I'm pretty new to javascript, but I've been really trying to learn it along with the Edge API for a couple weeks now and still can't seem to solve this problem.

View 14 Replies View Related

Edge Animate CC :: Text Animation Does Not Play In Firefox

Aug 6, 2013

I created an Edge Animate document and it has text animations where the text fades in and out. Now it works fine in IE and Chrome but not FireFox. All the text displays all at once in a jumbled mess.

View 2 Replies View Related

Edge Animate CC :: Insert An Audio While Play Back An Animation?

Dec 30, 2013

How do I insert an audio while you play back an animation?

View 2 Replies View Related

Edge Animate CC :: Symbol Animation Active In Outside Button?

Dec 17, 2012

i created an animation inside symbol.i created a button outside the symbol. the animation only works when the button click?

View 4 Replies View Related

Edge Animate CC :: Can Pause Sounds On Commons

Jan 8, 2014

I don't need Stop, need pause for relaunch the sound in the same time of I make pause.
 
And it's posible play the sound in especific time of sound?

View 1 Replies View Related

Edge Animate CC :: Pause Or Delay In A Loop?

Oct 15, 2013

wondering if there is a way to pause inside a loop.  I am away that jQuery has a delay() function but i can't seem to get it to work.
 
was thinking something like:
 
blob = "This is a test of the emergency broadcast system";
for (i=0; i<blob.length; i++)
{
sym.$("Text").delay(300).html(blob[i]);
}

View 1 Replies View Related

Edge Animate CC :: Play One Symbol After Other

Nov 26, 2013

In my Composition there some cases I have to play one symbol. In a few cases it is necessary two play sequential e.g. symbol A an then symbol B. It have to look like one animation. Is there an easy way of calling?

View 19 Replies View Related

Edge Animate CC :: Won't Play On Older Browsers?

Jun 18, 2013

I've created an Edge animation (marquee) banner for a site I'm working on, but when I check it on older computers (for example XP running IE7), all I see is a large white rectangle where the marquee is supposed to be. A

View 5 Replies View Related

Edge Animate CC :: Play One Symbol And Hide All Others?

Feb 26, 2013

I'm building an animated menu in the latest version of Adobe Animate. There are 5 different animations that happen within the same box on the main stage. I have made each animation it's own symbol. I want to trigger the animations from text boxes to the left of the box where the main animation takes place. The text boxes are not apart of any of the symbols, but are just on the main stage.
 
When someone scrolls over any of the individual text boxes i need to play one symbol's timeline AND hide all of the other symbols from the stage.

View 3 Replies View Related

Edge Animate CC :: How To Play Reverse Between Label A And B

Sep 2, 2013

I have a symbol,some timaline and labels in it.so now I want to play reverse between the Label A and Lable B but the action syntax is like

test1_play.playReverse();
 
so how can I play reverse rom LableB to LableA? 
 
sym.playReverse ( position, executeTriggers )

position defaults to the current playhead position (which defaults to 0); If play is issued and the playhead is at the end of the timeline, play from the end.executeTriggers can be true, false, or null and indicates whether triggers at the starting position are fired:true - all triggers at the starting position are fired.false - no triggers are fired at the start point.null, undefined or omitted - triggers are fired at the starting position only if the timeline is being played for the first time, or if the starting position is different than the current playhead position as returned by getPosition().Description: Play the default timeline in reverse from the given position given in milliseconds (if position is a number) or as a label (if position is a string).

View 1 Replies View Related

Edge Animate CC :: Play Function From External Link?

Dec 13, 2012

I have created an animation and I would like clicking on a button (javascript) that is within the outer body, start the animation.

View 1 Replies View Related

Edge Animate CC :: Play Reverse And Continue From A Point

Jan 15, 2014

I have and element and what I'm trying to do when I click on this element, it starts to play reverse the timeline for 1 sec and after that it continues to playing the timeline from an other point.

View 3 Replies View Related

Edge Animate CC :: Click And Play Action Is Not Working?

Apr 12, 2014

I am creating a slide show and I added a stop and click to play action so it is interactive so the user must click to go to the next slide.  The stop is working but the click an day is not when I preview in the browser?

View 4 Replies View Related

Edge Animate CC :: Play Timeline From Inside Symbol

Oct 13, 2013

I saw a post on this issue but was not sure where to put the code I read there. how exactly to edit this code line to work
 
I am inside a symbol "oneAnimation". At the end of the animation "backBtn1" appears. Inside this button, I have added an event on click. I want the stage timeline to play from the label "startNumber" when this button inside the symbol is clicked.
 
So far it's not jumping back to the main time line.
 
sym.getComposition().getStage().play("startNumber");

View 5 Replies View Related

Edge Animate CC :: How To Hide Symbol On CreationComplete Within VID Play

Oct 16, 2013

All- I have a symbol on the main stage called "Con-main" that has a symbol inside of it called "VID-PLAY".  I have a symbol inside of "VID-PLAY" called "RC-VID"
 
I'm trying to hide this symbol on creationComplete within VID-Play
 
sym.getComposition().getSymbol("CON-MAIN").getSymbol("VID-PLAY").$("RC -VID").hide(); //DOESN'T WORK
 
sym.getComposition().getStage().getSymbol("CON-MAIN").getSymbol("VID-P LAY").$("RC-VID").hide();  //DOES NOT WORK
 
what am i missing?

View 4 Replies View Related

Edge Animate CC :: Flip Symbol Horizontally On Play-reverse

May 29, 2013

I'm doing an animation where I have a 2d side scrolling concept.
 
I have a side scrolling world with road, and the user controls a car driving left or right from one area to the other.  The user controls the direction of the car via keydown (arrow keys).
 
Now the problem is, if the user presses right, then it works fine and the car drives forward to where I want it to stop.  But if the user presses left to go back to a previously visited area...the car reverses to the previous area.
 
The way the keydown events control the timeline is simply if the user presses the right arrow key I simply call sym.play(); and when the user presses the left arrow key I call sym.playReverse();
 
how I can manage to either swap the car symbol with another symbol...or flip the car symbol 180 degrees.
 
The desired effect is, if I call the play action the car must face right > and when I can the playReverse action the car must face left <

View 4 Replies View Related

Edge Animate CC :: Audio Does Not Play On Mobile Phones And IPod?

Jan 28, 2014

I have uploaded an edge animate cc published html with sound. The html file opens perfectly on my mac pro safari browser perfectly with audio. But when I open the same file on my iphone5 the file opens but no the audio does not play.

View 4 Replies View Related

Edge Animate CC :: How To Use Cookies To Control Which Part Of The Timeline To Play From

Nov 4, 2013

I have created an animation with Adobe Edge. My site uses Concrete5 and I am pulling in the Edge content into an IFRAME on my home page. I want the animation to play from the start when someone first visits the site, but if during their browser session they navigate back to the home page, I want the animation to only play a shorter segment of frames near the end.
 
My question is, how do I use cookies to acheive this? I'm new to javascript/jquery.
 
I've included the following code on compositionReady, (found in another post on this forum) but don't have a clue how to continue...
  
// insert code to be run when the composition is fully loaded here yepnope(   {     nope:[       '/js/jquery.cookie.js'     ],   complete: init   } ); function init() { //create your cookie's initial values here } My temp site is here -[URL]
 
On revisting the homepage, I only want to play from when the green button drops in.

View 3 Replies View Related

Edge Animate CC :: The Sound Will Only Play On Firefox And Not Internet Explorer?

May 16, 2013

Ive made my entire web page its work great in Mozilla firefox broswer. Although when  I  view the page in Internet Explorer the sound and music dont play. heres a link to my page.
 
http:[url].....
 
heres the link to download the Edge files of my project.
 
https:[url].....

View 2 Replies View Related

Edge Animate CC :: Video Won't Play In IE10 Or Safari 5.1.7 - Plays Fine In Chrome And Firefox

May 22, 2013

I'm trying to embed a video into my project and although the initial setup was simple, getting it to play in all browsers is proving to be very difficult. I've read more articles and forum threads than I care to recall, but just can't seem to find the right combination. Safari wil play audio only and IE10 gives me "Error: Unsupported video type or invalid file path".
 
I've contacted my host provider to ensure that the server is compatible with all video formatts and I've had other people from different locations try to play the video with slightly varied results, but ultimately the video doesn't play for them either. Here is the code I'm using:
 
I started with this code that I picked up from an online tutorial:
 
var vid = sym.$("Holder");
vid.html('<video width= "838" height="609" src = "video/tester.mp4" poster = "video/DFC5.jpg" type = "video/mp4" controls ="controls" </video>');
 
I eventually moved to this in order to attempt to accommodate multiple video formats/browsers:
 
var vid = sym.$("Holder");
vid.html("<video width='838' height='609' preload='auto' poster = 'video/DFC5.jpg' controls ='controls'>" +
"<source src='video/tester.mkv' type='video/mkv' />" +
"<source src='video/tester.mov' type='video/mov' />" +
"<source src='video/tester.mpg' type='video/mpg' />" +
"<source src='video/tester.webm' type='video/webm' />" +
"<source src='video/tester.mp4' type='video/mp4' />" +
"<source src='video/tester.avi' type='video/avi' />" +
"<source src='video/tester.wmv' type='video/wmv' />" +
"<source src='video/tester.ogv' type='video/ogg' />" +
"</video>");

View 2 Replies View Related

Premiere Pro :: 12 Second Pause When Pressing Play

Feb 8, 2014

After I press "Space" to play a clip, there is a 12-second pause before the clip actually starts playing.

View 18 Replies View Related

Edge Animate CC :: On Button That Navigates Slideshow

Apr 20, 2013

i am working on a slide show with photos, each show is marked with a title (slide1, slide 2...etc) i know how to simpy click on each photo and have it go to the next slide but i am having an issue with a button thet says (next).

View 4 Replies View Related

Edge Animate CC :: Button Overlay Not Showing On Top Of Placed Oam

Mar 18, 2014

UPDATE: 3-18

I am working on my first DPS project for iPad(s). I had a lot of flash experience in the past and I really like the workflow of Edge Animate. I have created an OAM and placed it in Indesign in it's own (cover - page 1) folio. I planned to just place an InDesign Hyperlink button on top of the OAM inside of the InDesign document and publish it. When I download and open the file on the iPad using the Adobe Content Viewer,  the button for the web url does not appear (doesn't work on the local viewer either).
 
Is it not possible to place other overlay items on top of Edge Animate files? Do I need to include the button in the Edge Animate OAM?
 
I also saw on another post where having trouble with a white FLASH using the autoplay... I am having that too, but I also see a rough-jaggy version of the poster image for a split second between the loading stage and the main stage during INITIAL playback.

View 2 Replies View Related

Edge Animate CC :: Mute Button For Video?

Sep 30, 2013

I am using this code:
 
var vid=sym.$("Holder");vid.html('<video width="444" height="250" src="video/video4.mp4" type="video/mp4" controls ="controls" autoplay ="autoplay" muted ="muted"</video>');
 
to bring a video in. What I want to do is turn the controls on and have  mute button on the stage that will mute and unmute the video.

View 2 Replies View Related

Edge Animate CC :: Publish Button Grayed Out

Apr 23, 2013

I've just started working with Edge Animate and have been building some animated buttons for a website. My problem is that I can't publish what I've created, the 'publish' button is greyed out and I cant use it. I can access the publish settings without any problems.

View 1 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved