I 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
I'm looking for a method to load images into an animate animation shortly before they are needed? My animation is (and has to be) really big (already 7mb and growing) so I want to find a way to load my images just before they are showing up in the animation. The process is sometimes known as lazy load and I would like to do something like this to my animation.
The standard preloader is not really an option as it takes ages till the users can see the start screen's content.Are there any preloading alternatives?
I've seen a number of ways to dynamically load the retina version of an image (with @2x appended to the filename), but none of them seem to work with Edge animations. I'm guessing this is because these solutions work within CSS and not within embedded javascript. Any method to dynamically load retina images based on the device?
View 5 Replies View RelatedI 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.
My project will never touch the internet and we aren't allowed to install any webservers or any software.
View 3 Replies View RelatedDo I have to write a CSS rule for every symbol and element in a presentation or can I just specify a general rule for the whole thing?For example, how can I specify that all images should have a red border, or all links should change color on hover?
Shouldn't I be able to create a separate CSS file as in Dreamweaver and just attach it?
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 RelatedI need a few animations on one page but want them to load when scrolled into view.
View 3 Replies View RelatedIs it possible to target adobe edge build from an external Javascript file? For instance, I click a button outside of the edge animate project and javascript tells Edge animate to "play()". What would that syntax be?
View 1 Replies View RelatedI'm trying to create all kinds of functions on an external .js file, so I can just call them in Edge multiple times with less coding. The thing is, after importing jQuery and my external Javascript file, some code works, but I get stuck at this part: changing the .css property of a symbol, more specifically, the "font-size" property. My current function is:
function setFont(textid,fontsize,originalWinWidth){ //textid: symbol's name; fontsize: current font size of this symbol; originalWinWidth: window size at the start of the animation
console.log("Set Font:");
//set the original font size
var originalFontSize = Math.round(originalWinWidth/fontsize);
console.log("Original Font Size: " + originalFontSize);
console.log("Text ID: " + textid);
//set the font size using jquery
sym.$(textid).css("font-size", originalFontSize); }
I get an error at the last line, all other parts of the code works.
How to load and execute sticky plugin
View 4 Replies View Relatedthe project I am working on is using a default.css and I would like to assign styles from the file to elements in edge - how can I do that?I already tried the "class" setting in the GUI next an element but the elements do not use the styles defined in the default.css.The default.css is linked in the html file properly. In the js file which edge creates I see that the value userClass: 'slideTitle' is assigned and slideTitle is defined in the default.css.
View 3 Replies View RelatedIt is possible to create a sort of news ticker and displaying an external text source, can i load this one: [URL].... in my composition?
View 2 Replies View RelatedI 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 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.
I'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 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.
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 put my Edge Animation on a website I have made hotspots to show images and text when you click them.Sometimes it shows the text ,but the images don't show up.
View 14 Replies View RelatedI'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>");
find a way to delete succesfuly unused images from the library and can find no way to do this.Is this really the case? if so it needs to be addressed immediately. Its very common to try many images in this sort of composition and the auto renamimg protocol makes it virtually impossible to weed out unused images at publish time.
View 5 Replies View RelatedI'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 created an animation which was working just fine within animate and which I was also able to successfully export as an oam file to then be used on Wordpress.However when I reloaded the animation within edge the next day to make some adjustments, the majority of svg images I used are not showing on the canvas. Theyre present on the stage, elements and assets but when I select, only the box is visible and not the image. Theyre set to be visible (the little eye thingy) but aside from that, theyre a no-show.
View 2 Replies View RelatedTrying to use Adobe Edge to get faded header images on my website. Was referred to Adobe Edge because it is supposed to be easy for beginners. I was able to upload my images, but then there was no instruction/direction on what to do next. Everything I clicked just brought me somewhere else. Every time I tried adding coding to my page, it messed it up.
View 3 Replies View Relatedis there a way to preview images on what they look like without having to drag the asset out onto the stage? If I have even two or three versions of a file imported into my library, I constantly need to leave the program to check which is which.
View 1 Replies View Related
