I have an embedded video in my animation , in an earlier state on my timeline I have a back button.
When the back button is pressed teh animaiton returns to this state but the video still plays in the backround.
The video cant be seen as its only appears at a later stage on the time line but the audio can still clearly be heard.
just started using Edge Animate. I have some experience with Flash and After Effect so the layout is pretty familiar to me. I have no background in coding so I am very happy that it generates codes for me.
My goal is to make a simple html5 site with links / embedded videos to my contents (500 and vimeo). I copied some codes used for Youtube embedding, sub'd the url with vimeo url, and it worked fine. I used a "play video" button on the main page to trigger loading the video page (see my code below).
It worked great the first time I clicked the button and went to the video page. However, upon returning to the main page, and click the "play video" button again, a duplicate copy of the video is loaded right below the video loaded upon first click. This occurs for as many times as I click the play video button.
I start with several items on the stage, each an iteration of the same symbol. When I click on one, it performs an opening animation, then pauses. When I click on another, the first symbol un-pauses on its timeline, animating back to original position, while the second one I clicked plays its opening animation till its pause. Each of the symbols can tell the already deployed symbol to "play itself off."I'm sure this was done in Flash all the time, and there's a Javascript solution.
View 3 Replies View RelatedI play audio with the following code:
var a = new Audio();
a.src = "xxx.mp3"; //.ogg if IE
a.play();
It works on different browsers including IE, firefox and chrome, but have no sound on Safari. I tried Safari 5.1 on PC and on iPod 4.3.3. I tried .wav, .ogg, .mp3.
I have created an animation where the objects move left to right.Is there a simple way of 'flipping' the timeline so that the animation effectively plays in reverse, rather than redoing the animation altogether?
View 3 Replies View RelatedI have multiple pieces on animation elements on my site. I'd like the animations to play when the user has scrolled to that position on the page and not beforehand. Right now, page loads, user is at the top of the page and all animations load and start playing. By the time I scroll down, the animations have ended.
View 1 Replies View RelatedI have two symbols nested. On mouse over, the first symbol saturates the image, and moves it down. The second symbol makes the image cycle through three pictures. On mouse off, the slideshow stops, the image desaturates and moves up. This works really good!
I have a button below it, that when pressed, starts the timeline of the first symbol (saturates the image, and moves it down). This works great...but when I hover over the image, (after clicking the button), it snaps back up, and is desaturated. I'm not sure why it does that...I want the image to stay where it is!
I have started to work on an animation which will work as a splash-screen before the users see the actual site. (Yes I know... but the client wants it like this...)
The problem I have now is that the animation plays after a few seconds and that during these seconds it shows the content of the website. Besides that I still find it pretty difficult to actually position the animation the way I want.
I am using a plug-in for wordpress.
I tried fixing this with a pre-loader but this is also too slow. Is there any way I can force the animation to play sooner or to make sure they can't see the content before the animation has played?
You can find the concept of the website on: [URL]
I have two compositions on a page and I identify them within the AdobeEdge.bootstrapCallback. As soon as the user scrolls to the first animation I want to start it with an external call (compId.play()). If this is the only composition on the page it does work correctly. But as soon as the second one is added to the page it doesn't play at all. If I trigger the first animation via the console (e.g. compId.play(1000)) the animation jumps to the 1000 ms mark but then it stops immediately and doesn't play on.
View 4 Replies View Relatedhe problem im having is that the google map will not start at the target address when I place the code for it in creationcomplete. It only loads properly when I place the code in a trigger on the timeline . Although it loads slow when in a trigger.This is the code im using in the creationcomplete and in the trigger.
var container = sym.$("container");var map = '<iframe width="'+container.width()+'" height="'+container.height()+'" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=7120+Boul +St+Laurent,+Montreal,+QC,+Canada&aq=0&oq=7120+boul+st&sll=45.534114, 73.617124&sspn=0.006907,0.016512&ie=UTF8&
[code]....
this is what it looks like when I place the code in creation complete..you see the map is thier but it doesnt start at the target. It doesnt start at the right address..This is what the map looks like when I place it in a trigger on the timeline.you see it loads correctly on the target address.
This is a tricky one, but it may just be that I don't understand the syntax,
Situation:I have an Edge Animate composition that is acting as an interface and container into which other content is embedded using an iFrame. I have several functions in Stage > creationComplete, and for one of the embedded content pieces, I want to include a button that calls one of the Edge functions.
Challenge: I have read about referencing elements within Edge when it is the Edge file that is embedded on an HTML page, but I cannot figure out how to reference Edge in the reverse.
I have tried these options where headerselect(page) is my function:
AdobeEdge.getComposition("EDGE-531849691").getStage().headerSelect("co mmunity");
window.top.Edge.getComposition("EDGE-531849691").getStage().headerSele ct("community");
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!
I have made several Adobe Edge Animate projects and have inserted a stop trigger for the "home" arrival after animation intro. I just created a new project and can't get the stop trigger function to work. When I preview it plays through the entire timeline. I've tried several different combinations of triggers - sym.play from () at the beggining of the timeline and then adding a sym.stop at () and no matter what, it plays through the entire timeline.
View 3 Replies View RelatedI think I've found a bug via Adobe Edge.
If you have a symbol that has some labels as such
then you add that symbol to stage and have the following code in document.compositionReady
var mySymbolObject = sym.getSymbol("HoverExample");
var targetElement = mySymbolObject.$("backing");
targetElement.css({"background-color":"#111111"});
where mySymbolObject is the symbol on the stage, backing is a rectangle div and the color is different than the original color in the symbol then you add the following code for hitbox (rectangle div that is alpha 0) under Hitbox.mouseover
sym.stop("over");
the end result is that the css from the project, in this case the red background color, gets reapplied on mouseover despite me changing the color on startup.
Is there a way to stop all actions once a hotspot has been pressed? I have loaded an mp4 video into my presentation. I have created a slide menu that goes right to left. I made sure to turn the buttons on only in the areas that they are needed. Once I play the movie, it works fine, but when I select my navigation to go to another page the video is still playing in the background.
View 2 Replies View Related I have the following
STAGE
SYMBOL_1
DIV_PLAY
MOUSEUP(COMMAND)
DIV_STOP
MOUSEUP (COMMAND)
[Code]...
I would like to do the following:
play "SYMBOL_2" - "DIV_ANIMATION_1" - "ANIMATION_1_START" from within "SYMBOL1" - "DIV_PLAY" with the mouseup command
URL....I know that i can sym.getComposition().getStage().getSymbol("div_animation_1").play(); from within "div_play" but how do i access a point on the timeline and play from there...
Having some trouble with the oppacity on my projects. As you can see from the screenshot, I've clearly clicked something because any text or images that I try to add to my project and set the oppacity at 0% - to then build over a few seconds to 100%, will not do this.Yet previous elements that I've added will.
Is there something I need to click to stop the new text and images from changing oppacity immediately. I want them to build over time - I can see that the added keyframe looks different also.
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.
What is the best way to add video and audio in Edge ANimate project?
View 1 Replies View RelatedI 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) [URL] . 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..
View 2 Replies View RelatedI've created a new video player for my client who has bounced the job as the subs are overlaid by the controls of the video - he still wants the full screen option but does not want to see the controls once you play the video.
[URL]
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 RelatedI am looking into edge instead of flash. My question is how do you load external images and videos from an external server?To clarify, I need to insert a link from where the images can load into the stage, so they don´t take up any of the final weight.
View 5 Replies View RelatedI have received a request to convert an Adobe Edge Animate animation output to a video format such as .mov
View 2 Replies View RelatedI'm working on a project that requires some interaction controlling video. I've used the piece of code from this thread [URL] and it works like a charm. But I'm looking at option of using youTube video for the same interaction.
So on creationComplete, I've added,
var vid = sym.$("holder");
vid.html('<iframe width="640" height="360" id="video1" src="//www.youtube.com/embed/o2l_zZOpSxk" frameborder="0" allowfullscreen="0" controls="controls"></iframe>');
How to make a centered background scaled image/video in Edge Animate. Can't code, so I'm trying to use the properties panels.
1. Have the image centered in the middle of the stage
2. Have it scale to fill the screen always so there are no black bars (ie, I want a stage with only picture on it)
[URL]...
(This project is only aimed for iPad and above - desktop, so don't need mobile resolutions)
My work around is to do this via manual CSS, but there has to be a better way to keep it within the Edge compositiion
I also tried to import this Edge stage into Reflow after seeing this demo [URL]...
but just got blank screens : [URL].....
(I do like Reflow's ability to target specific resolutions but I don't quite need it for this project).
I am trying to create a page in Adobe Edge that loads a video without any controls (play, slider bar, volume, full screen) and then displays a replay button after the video finishes which will start it from the beginning.
Currently I am able to load the video file and have it play to the end and stop, but I can't seem to get a replay button working. I also can't find a way to disable controls on the video so they do not show.
Here is the code I am using to load the video:
// insert code to be run when the composition is fully loaded here
$("#Stage").css("margin","auto")
sym.stop();
[Code]....
As you can see, I tried a few ways of disabling the controls, and I also tried adding the replay function to the button itself, but neither of those worked. controlling the video control display and replay function in Adobe Edge would be very useful.
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>");
I'm trying to create animations to use with iBooks Author for an ebook. Unfortunately I am not a coder. Is there a way to make an animation in Edge that, when clicked, it plays a song? Or a video? I don't know how to connect Edge and Author in this way. How can I do something in Edge that references something in author?
View 1 Replies View RelatedI started a project and watch a lot of files in the source monitor to set IN and OUT points. When the file playes f.e. more than a minute the sound gets muted while the film is still running. First I thought it wood be a matter of my external HD from where I loaded the files. Now that I take the same or any other files from my internal sata 3 harddrive the behaviour is still the same.
When i scroll the mouse wheel to move some frames back and forth the sound is back when i hit the space bar. It's the same if i just hit the space bar once to pause and then hit it again to resume.
The effect shows after different amount of times, sometimes after 45 sec. and sometimes after 2 minutes +
I am running Pr Pro CS6 (latest update installed some days ago) on a windows 7 ultimate x64, 16 GB of ram, Nvidia GTX 670, i7 3770, HD is a WD caviar black
The movie clips come from a Panasonic Lumix FZ 150 in FullHD resolution as h.264 MP4 files.
I am quite sure that some months ago this behaviour was not present. I did not change anything on Premiere CS6 but running the updates.
Any solution regarding why video is not playing LR 5.2? In the past video worked fine until this update. I have looked thru the threads and see that other people have had a similar problem. One person said she reinstalled numerous times and then suddenly it began working?!?! I have downloaded all updates and it does not work. Yet I have confirmed that i can go to the files directly and open/play them using other programs.
View 2 Replies View Related