Edge Animate CC :: Using An Audio Clip To Control Timeline
Mar 13, 2014
I have a composition which has two pieces of VO. Each has an associated text block.I want to play the first VO when the first text is clicked. Then, when the VO ends, I want the first text block to fade out, the second to fade in and play the second VO when tapped.
I have the timeline set up with labels to play through the transitions at the end of the first VO. No issues there.I have the audio playing when I click on the text blocks. All good.However, I do not know how to make the timeline wait for the audio clip to end before playing.This is the code for the first text block:
sym.$("RUP01_Nar_1")[0].play();
sym.play('Nar2');
This plays the audio but also plays the timeline instantly (so the text blocks fade from one to the other as soon as the audio starts).
I figure I need some sort of code in between which says, essentially, 'wait until the audio finishes then [play timeline]'. But as much i have searched I cannot find anything to do that.
View 3 Replies
ADVERTISEMENT
Mar 11, 2014
how could i control audio in edge animate
View 4 Replies
View Related
Aug 30, 2013
if it's possible to control a html5 video in Edge ?For example, I added a html5 video with the video tag and I want the video to play and stop after 20 seconds. Then, plays some animation on my edge timeline. I suppose the video must be controlled with Javascript ?
View 4 Replies
View Related
Aug 22, 2013
I'm trying to recreate an audio/visual feature that was built in photoshop/indesign (with hundreds of individal frames, that took hours to complete) in Edge. I've started it and gotten about half way, but I've run into a roadblock and can't figure a way around it.
I need the animation to start onclick with a play button that switches to a pause button. This single button needs both play and pause functions associated with it, and the background image has to change accordingly. I've got the animation to go as far as play onclick, and pause, but I can't figure out how to get it to play again after the initial pause.
I'll need to add in an audio track to go over the whole thing, that will also play/pause. The entire thing has to be timed to the audio track. I have never done much javascript.
View 2 Replies
View Related
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
Apr 3, 2014
If I have a symbol with its own timeline, I am familiar with targeting it with otehr elements and symbols and activating that timeline. But the symbol will also have a presence on the stage timeline - how does one play that?
I might be overcomplicating it, I thought it might just be play() on the main stage but that doesn't appear to work, neither does getStage.play() so I am doing something wrong somewhere
View 2 Replies
View Related
Jan 7, 2013
Ive created a box, turned it into a symbol called box,Inside box i have a left to right animation with auto play turned off.I then went back to the main stage, clicked the box, added action, on click to play, yet it does nothing.How do i Play the symbols timeline?
View 1 Replies
View Related
Jun 27, 2013
This is a daily occurrence. As I go along editing, I inevitably come upon some video clip (or audio clip) on my timeline that is missing it's original audio (or video) counterpart. I've previously deleted the audio portion (or video) at some point earlier in the edit, when it made sense to do so. Now, though, I change my mind, or I need to hear the audio to sync other clips, or just hear the audio for reference, etc.
How do I bring back the corresponding media? I love the new "Join Through Edits" command in Premiere Pro CC, it seems that a companion feature would be something like "Restore Original Linked Audio / Video"
Match Frame seems close to what I need, but involves a few more steps than a right-click, or keyboard shortcut (maybe I don't properly understand how it works). Does any command exist that would do what I'm needing? I can't imagine I'm the only one who would need this function DAILY.
View 6 Replies
View Related
Dec 11, 2012
I trimmed a wav audio file with the little yellow markers in the clip by placing the markers where I want them and using the scissors, then saved it, but when I drag it down to the timeline it comes down as the original long file.
View 2 Replies
View Related
Apr 2, 2012
I've just bought VideoStudio Pro X4 and I want to mute the sound on my clips as I'm going to have music playing instead. On page 115 of the manual it says I will find the clip volume control in the Music and Voice tab. I have been all over the program interface and clicked on virtually everything but I cannot find a Music and Voice tab. In the end I had to split the audio for each clip and delete it. how to find the Clip audio volume control?
View 2 Replies
View Related
Jan 9, 2013
I have come across about a dozen similar discussions, but most have presented solutions that worked in earlier versions of Edge and no longer work.
I am trying to use Edge to build animations that can then be integrated into larger non-Edge projects. I would like to then be able to control the Edge timeline or Edge symbols from elements OUTSIDE of Edge, such as another link or button in the page.
I cannot seem to figure out how to properly reference the Edge stage or symbols.
I have come across several proposed solutions for referencing Edge stage, such as:
var comp = AdobeEdge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = $.Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
var comp = Edge.getComposition("EDGE-966604542");
var stage = comp.getStage();
and these either DO NOTHING or throw errors about either AdobeEdge or Edge or comp being undefined.
View 7 Replies
View Related
Feb 6, 2013
Is it possible to nudge a video segment or audio clip in timeline with a short cut key?In FCP7 I used this all the time.
View 4 Replies
View Related
Feb 2, 2013
I´m using Edge for couple of days and start to work with and I love it. Now I´m trying to build a slide animation, so the content moves from right to left and vice versa.The controller goes with buttons.
I'm not very good with JS, but for now I got it to move the content from left to right. Now what I want is, to stop the timeline if a certain label is reached.
This is my code for the buttons if click:
var myLabelLocation = sym.getLabelPosition("");
if (sym.getPosition() < 2000) {
sym.play(myLabelLocation);
}
if (sym.getPosition() > 2000) {
sym.playReverse(myLabelLocation);
}
I like to say if the playhead reached 2000ms oder the label "team", than stop!
View 4 Replies
View Related
Mar 6, 2014
whats the best way to make scollbar timeline?
so when im scrolline to the right or left side , the timeline follows!
id tried some different way ,but i dont think its good.
1 way was. on my stage in scroll:
var animationWidth = 5000;
var stageWidth = sym.$("Stage").width();
var scrollPos = sym.$("Stage").scrollLeft();
var duration = sym.getDuration();
var percent = scrollPos / (animationWidth-stageWidth);
var time = duration * percent;
// Update timeline
sym.stop(time);
it works but is giving me double scroolbar and the second scrollbar is scrolling out of the "stage"!
2- way i tried was:
// insert code for scroll event here
var myCalc = e.currentTarget.scrollLeft/(e.currentTarget.scrollWidth-e.currentTarg et.clientWidth);
var pos = Math.round( myCalc * sym.getDuration() );
sym.stop(pos);
[Code]...
also working but same result as last.
View 1 Replies
View Related
Oct 22, 2013
I need to activate a timeline event on a symbol with a button press on another object, then when the button is pressed again, reverse the timeline event. This will have something sliding in and out of the stage.
If the animation is placed right at 0.00 and there's nothing else, then this code works OK:
if (sym.getPosition() == 0)
{
sym.play();
}
else
{
sym.playReverse();
}
However there is other animation that plays automatically on page load, then a trigger stops all animation. The animation I need to trigger is a couple of seconds later bracketed by labels 'start' and 'stop'. So I need to code the button A to get the symbol B and animate from 'start' to 'stop' and then wait. Then on a further press to animate from 'stop' to 'start'. But I'm damned if I can get anything to work.
View 4 Replies
View Related
May 22, 2013
I have made a 9-second animation but, somewhere along the line, the timeline has acquired another 15 seconds of blank space. Is there any way to cut the timeline back to the 9-second mark?
View 1 Replies
View Related
May 22, 2013
Why when I put a new image (or symbol) in the stage, always appears at the beginning of the timeline? And how can I move it?
View 1 Replies
View Related
Feb 8, 2013
I use edge animate in adobe dps. I searched to control the timeline with touch (or scroll) in the forum. Even some solutions were discussed, i didnt find the perfect one. It could open so many possibilities like slideshows, parallax, diagonal textscroll etc.
I would like to build a wide animation and control the timeline by scrup/swipe with my finger.
I found something which works, but it seems the directions doesnt work in adobe edge animate anymore.
which doesnt work in the latest edge.
[URL]
View 36 Replies
View Related
Jan 30, 2013
I am working on a timeline of out company's work through the past 20 years. I have the base mechanics down by making a "rough layout".
http:[url]......
Going back and forth between "years" (noted as large 1,2,3,4 text blocks) is fine by using the arrows at the bottom.
My problem is that I'd like to be able to jump to any year from any year. So I added the numbers buttons to go to the marker for that year. Here's the script I'm using to do that (in this case I'm going to the label "two"):
sym.play();
// stop the timeline at the given position (ms or label)
sym.stop('two');
The problem is that I want it to play the timeline to the number I've selected. So if I'm on "4" and click on "1" I want it to scroll through 3 and 2 to get to one.
View 1 Replies
View Related
Apr 17, 2014
I believe there is a shortcut key for rolling up the members of a div on the timeline (kind of like you would use folders in Flash, and exactly the way it happens in the edge elements panel.) I need less layers on my timeline to cut down on the scrolling and hunting for specific layers. My coworker accidently hid hers while randomly keysmashing and we can not reproduce it. Since it's a keyboard shortcut--there's probably another way to make it happen but I can't find it. How to toggle between the hide/reveal of elements in a div on the timeline?
View 5 Replies
View Related
May 21, 2012
I am currently playing around with Edge. I'm a designer, not a coder, however I do understand some basic jquery coding, and know html/css, etc. I'm currently looking for a way to have the timeline move a keyframe, as the user moves their scrollbar. There seems to be a lot of canvas scrolling animations being used on the web at the moment, and is definitely a neat effect that is going to catch on - two really neat examples of this are: URLs...
As you can see, when the user scrolls forwards (by click and drag, on Tron -- and on their browser scrollbar, for the ie site), the content moves, animates and reacts. Scrolling back has the same effect, playing the animations backwards.
What I'm wondering is if there's a way of creating a similar effect using Edge? Ideally, you could create the full animation in the timeline, and then as the user scrolls forwards or backwards, it moves the timeline scrub forward a keyframe, therefore creating the effect of animation.
The only thing I found thats close to this is here: URL....However this is an old article using an older version of Edge, and so doesn't seem to work - but shows that it can't be that difficult to do surely!?
View 16 Replies
View Related
Jul 5, 2013
i have recently moved from adobe flash professional to adobe edge animate. But things seem to be more complicated on edge.
I have 2 buttons, "next" and "previous", and they have their own actions to make the timeline plays to a specific point. But I cant reuse the same symbols changing only the code like I used to do on flash.
Ive already looked the whole web, but there are few edge tutorials. How to change the code from the SAME symbol in different parts from the timeline? I dont want to have to create new "next" and "previous" buttons everytime I need to change the code to go to the next page of my project.,
View 11 Replies
View Related
Aug 27, 2013
how can I call a label placed outside of a symbol's timeline in edge animate? I made a droppable symbol and now I need an action (for a button... making click) to return to the principal stage to a specific label.
View 3 Replies
View Related
Aug 26, 2013
i need to control the timeline animation with the mouse wheel.i've tried this code but I've could only make it work with mouse move, unfortunatly the scroll does not work -
composition ready:
this.onMove=function(posX, posY){
timelinecontrol = Number(posX)*30;
console.log(timelinecontrol);
sym.stop(timelinecontrol);
[code]...
View 1 Replies
View Related
Nov 8, 2013
How to make a scrubber/slider to control the Animate timeline.
View a live sample: [URL] .......
I just optimized some stuff and wrapped a blog post around it .
View 2 Replies
View Related
Jun 27, 2013
My timeline looks just fine, and when I was originally working with the file, the publish went well. Now, the preview/publish are shifting elements causing a mess of a presentation and I cannot figure out why.
Here is a screen shot of the timeline:
View 2 Replies
View Related
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
May 12, 2013
Just getting started with Animate and coming to it from Flash, as may be apparent from my question. How do you set a variable to the main timeline from within a symbol?
I have 24 pairs of clickable elements, each in their own symbols, and all 24 of those symbols sit inside another symbol. I want all 24 to be able to set the same global variable when clicked. I can't find that this question is addressed anywhere, which makes me think I may be stuck in a Flash mindset and approaching the task in the wrong way. (There are however MANY discussions of how to address objects at different levels in the hierarchy. That's well covered.)
Relatedly, how do you access a function on the main timeline from within a symbol?
Adobe should consider putting together a support page (or pages) just for folks migrating form Flash. In the materials I've encountered so far there seems to be a studied effort to refrain from mentioning Flash in any way. I imagine there are a lot of people out there like me who have a deep background in Flash coding, but are just getting started with Animate.
View 6 Replies
View Related
Oct 5, 2013
Can i manipulated an audio on Edge Animate? For example, i wanted to start only after 5 seconds?I tried to use trigger, even the play("number") but i don't know if it's possible,Here is the code based on the buzz.js that i am using
var mySound = new buzz.sound( "sound/01", {
formats: [ "ogg", "mp3", "aac" ]
});
mySound.play()
.fadeIn()
[code]...
View 2 Replies
View Related
Aug 12, 2013
What is the maximum number of elements I can have in the timeline? I believe I have about 92 elements now and when trying to add another element it shows up at the top of the elements panel, but isn't showing up at all in the timeline?
I have tried converting some elements to symbols or grouping elements but still the new element I've added to the stage is not showing up in the timeline. I am not EVEN done adding more elements.
View 11 Replies
View Related
Dec 5, 2013
I'm new to edge animate but have a Flash background and I'm working in Edge Animate on a game which is structured in several scenes. Each scene I did put in a symbol. Now I wonder how to build the main timeline or the "story - controller" so to speak. I have all the scenes but I do not know how to connect them.
In Flash it was possible to add keyframes of scenes one after another (like stairs) and jump forward or backward if needed to load the movie clips. In Edge Animate all scenes (or symbols) are in place from the beginning of the timeline and I cannot move the symbol to a later keyframe. Of course I can move animations in the timeline. The only way I think is to hide the symbols first and make them visible if needed. But this does not seem to be the right way and I don't understand the concept of structuring complex animations yet.
I would like to know how to structure several scenes in Edge Animate properly. Something like a scene loader or unloader would be useful.
View 3 Replies
View Related
