About Bootstrapping Animate Compositions

Hello!
I want to make slideshow with several compositions.
Problem: animations require more and more system resources and after a moment the ventilation of the client computer is at maximum. After a moment, the animations do not play properly and get blocked.
I wanted to limit the number of loops that scrolling is not infinite, but it is not so easy to stop the script I use.
Here is the script I use :
http://blogs.adobe.com/edge/2012/05/15/bootstrapping-edge-compositions/
If you have an idea to solve the problem, that would be great. Thank you!
VO (fr) : Bonjour! Je souhaite réaliser des slideshow avec plusieurs compositions. Problème : les animations demandent de plus en plus de ressources système et au bout d'un moment la ventilation de l'ordinateur du client est au maximum. Au bout d'un moment, les animations ne se jouent pas correctement et se bloquent. J'ai voulu à limiter le nombre de boucles pour que le défilement ne soit pas infini; mais ce n'est pas si simple de stopper le script que j'utilise. Voici le script que j'utilise : http://blogs.adobe.com/edge/2012/05/15/bootstrapping-edge-compositions/ . Si vous avez une idée pour résoudre le problème, ce serait super. Merci!

Here is a walkthrough on Adobe Dev Connectings - http://www.adobemarketing.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-fo lios-with-edge-animations.html
The only difference in that walthrough is the reference to in the Publish Settings: in Adobe Edge Animate v1, its now called 'Animate Deployment Package' instead of 'Indesign/DPS'.
Darrell

Similar Messages

Responsive scaling of Edge Animate composition in Dreamweaver Fluid Grid Layout

I have created an animation in Edge Animate and have placed it in the header of a Dreamweaver Fluid Grid Layout. I have put it in a div by itself so it can be turned off in the mobile layout. When I test the layout in a browser, the Edge Animate composition scales responsively to the window size, but the height of the div it is in does not. The width of the div changes with the width of the window, but the height of the div remains the same. Because the height of the div doesn't change, as the animation responds and resizes it leaves a large empty space between the bottom of the animation and the content that follows it on the page.
The div itself does not have a rule for it's height associated with it. It seems to me that the div is getting its height from the original size of the html object which is the animation. I tried removing the height rule for the object, but then the div clips the bottom of the animation, and again, it doesn't resize with the window.
Is there a way I can get the div's height to resize with the size of the animation as it changes?

Thanks for your reply. You're right about most people not resizing their viewport during a session, but unfortunately the problem exists whether the screen is being resized or not. Refreshing the screen doesn't solve the problem.
The width of the div adjusts to the width of the screen as expected and the Edge Animate composition inside it does too, but the height of the div doesn't adjust. As the animation gets smaller to fit the width, the height of the div that contains it remains the same, leaving empty space at the bottom of the div. What is needed is for the div to scale to fit the page width proportionally. Instead, only the width is adjusting.
So I guess I need to know if there's either a way to force the div to scale proportionally or a way to tell it to adjust to the animation that it contains.

How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. Do I use .png or svg?

I want to use Edge Animate to create native app in PhoneGap Build. How do I know if my Edge Animate compositions will scale up or down to fit each mobile phone platform's resolution? iPhone 3s, 4, 4s, 5, and 5s all have different resolutions. And do I use .png or svg?

If you use responsive scaling it will definitely scale .
For best practises regarding graphics refer
Edge Animate Help | Best practices for graphics in Adobe Edge Animate

Import Edge Animate compositions into In Design

Hi, how do I import Edge Animate compositions into In Design..? Cheers
p.s. perhaps i should have added: my main interest is to have the animate project imported to have it load in the adobe viewer for digital publishing. up until now I'd linked the html overlay from the standard Edge app. One of the things that caught my eye under the features for Edge animate was:
Digital Publishing support
Import Edge Animate compositions into the Adobe Digital Publishing Suite with Adobe InDesign CS6, or into Apple iBooks Author.
How I proceed: as per the help/resources:
Publish as Animate Deployment Package (.oam)
Select this export option to create a package file of your project for use in other Adobe tools. The following tools support Animate Deployment Packages: Adobe Digital Publishing Suite (DPS), InDesign CS6, Dreamweaver CS6, and Muse.
Select File > Publish Settings.
In the Publish Settings dialog box, make sure Animate Deployment Package is selected as the publish target.
Note or change the target directory.
(Optional) Specify a poster image.
Click Save to save the publish settings, or click Publish.
but all i get is
Content generation error.
[Error: Invalid URL for Web Content Overlay]

Here is a walkthrough on Adobe Dev Connectings - http://www.adobemarketing.com/devnet/digitalpublishingsuite/articles/enhancing-your-dps-fo lios-with-edge-animations.html
The only difference in that walthrough is the reference to in the Publish Settings: in Adobe Edge Animate v1, its now called 'Animate Deployment Package' instead of 'Indesign/DPS'.
Darrell

Edge animate composition is not an option on insert media menu, and I subscribe to the cloud

edge animate composition is not an option on insert>media menu, and I subscribe to the cloud

If your product was installed via the Creative Cloud, you should be able to update it using the Creative Cloud. If your product was installed via other media (like from the DVD), you will not be able to update it using the Creative Cloud. Now that CC has launched, you might want to look at upgrading now and try it out now.
Thanks,
-Elaine

Select Insert Media Edge Animate Composition ????

no me sale la opcion "
Select Insert > Media > Edge Animate Composition"
no aparece en el menu de dreamweaver, no puedo importar edge desde dreamweaver
alguna solucion gracias

Insert > Media > Edge Animate Composition is in Creative Cloud versions of CS6.
Nancy O.

Edge animate composition not working properly on bc

Hi,
I have placed an adge animate composition into the home page of a bc template site (www.w-o-o.me). When i view the home page in safari, the animation can take up to ten seconds before it loads. The business owner says they cannot see it at all. The same with a site i built in muse, (www.thisiscrap.co.uk) the home page marquee is an edge composition, this does not show at all sometimes and is just a blank space at the top of the screen.
Has anyone had a similar problem and if so how did you fix it?
Thank you.

Hi Liam,
Thank you very much yes that what i thought too, sorry i can't leave a link out in the forum coz the client wants to keep the project confidential at this stage, but i can PM you a link...
So you mean i have to edit the links in edge animate too? at first i couldn't get the shop template's css to load in subcategories, so i changed the links like that (/filename.css) and it worked but the edge animation wouldn't load when changing the paths for the files referred in the edge code that you put inside the head tag. So i'm guessing there must be some other paths that can't find its way around... and i found the below link last night, maybe this will work but I'm not sure how to put the javascripts and how to add the variable declaration to the root of my website like how they have mention in the below article, I'm more of a designer then a programer, but I'm learning on it, it would be great if you could tell me exactly whats that code and how to do it properly.
Adobe Edge: Embedding Animations in a Page | Daniel Hanly

Tip: resolve Bootstrap & Animate conflict

I built a wee navigation system for a set of pages showing Edge Animate (EA) compositions. The system was built using Twitter Bootstrap 3.
When I drew circles, they appeared smaller and slightly offset when in the browser as compared to EA.
The issue was a piece of CSS that comes with Bootstrap that has to be overridden:
Original CSS:
*:before,
*:after {
-moz-box-sizing: border-box;
box-sizing: border-box;
Override CSS:
*:before,
*:after {
-moz-box-sizing: inherit;
box-sizing: inherit;

as this post is rather old, I don't know if it would help original poster, but maybe someone in desperate need for a solution to this issue:
http://www.gwr.no/?p=593

Insert Edge Animate Compositions Unavailable

I don't have an option to import Edge Animate Compostitions in Dreamweaver's 'Insert' menu.
Was this an update to CS6 only available in the cloud and not to boxed versions?
I have CS6 master collection. DW 12.0 Build 5861 for Windows.

This feature of inserting Edge compositions directly into DW is available only to Creative Cloud subscribers (at the moment, since Creative Cloud brings in all the new features as soon as they're released). See here: http://helpx.adobe.com/dreamweaver/using/import-edge-files.html
However, you can manually insert your Edge compositions into your code with a div tag and a unique Identifier to the div, also adding a few supporting Edge files. You should publish your Edge composition for 'Web'. You can possibly decode the published index.html file source code after that. If you need more help doing this, do post back!
-ST

Still having issues with animate composition showing in chrome

I created a wonderful childrens activity page using animate. For some reason everything shows up in the local preview, but once put onto a live host for public consumption, the animate portion of the paqe does not show up in Chrome. It takes a few seconds in Firefox, IE, and Safari due to 4 Audio files but the composition is displayed once they are done loading. It won't show period in Chrome.
When I first starting having the issue I noticed two 404 errors related to min.map files for jquery and edge. I had a friend tell me that it had something to do with Chrome's unwillingness to work with local jquery hosted libraries. I changed the publish settings so that the runtime files would refer to CDNs. Even with this I'm still having issues.
the 404 still exists for the edge file, but the jquery file is returning a 304 error now. What is the deal with this and why isn't my work being displayed in Chrome? Is this a bug? Or is there some kind of workaround for Chrome's inconcsistancy with this? I really need this page viewable yesterday, so any and all assistance with this will be supererbly appreciated.
The page in referenece is http://steamcurriculum.com/whatsmissing/index.html and as you will see, only Chrome does not display the edge composition.

Have you removed the page as i get redirected to http://steamcurriculum.blogspot.in/p/home.html/whatsmissing/index.html
I do not see any edge realted content even in the source of this page

Animate composition not previewing in Dreamweaver browser (IE10)

I am developing an animated logo within Edge and inserting it into my web page in Dreamweaver CC. It displays perfectly in Edge Animate's browser (IE10) but not in Dreamweaver's IE10 browser. It does play perfectly from DW if I use Chrome. Any ideas as to why it will not play using Internet Explorer from within Dreamweaver?

Darrell,
I really appreciate your interest in this. I am not too well versed in web design, so I hope I’m just doing or overlooking something silly.
Here is the link to the test I posted on my website. I hope this is what you were asking for.
http://www.thehorneagency.com/test_site/test_index.html
It is an extremely simple page consisting of a short text and a very brief Edge composition.
Yes, I am referring to the in-app previews, Edge (preview) and DW (live mode).
I will be extremely grateful for any ideas or suggestions you might have. I hope I haven’t bitten off more than I can chew with all of this.
Thanks,
Bob Horne
Dallas, TX

Avoid downloading vídeos from adobe edge animate compositions

Hi friends,
Is it possible to disable the possibility of download the videos used in the compositions created in Adobe Edge?
As I can see now, every video displayed in the web can be easyly downloaded righclicking over it. (mp4 in this case)
Thanks in advance.

You can disable the context menu for the video by adding the below code in the compositionReady :
sym.$('video1').bind('contextmenu',function(e) { e.preventDefault(); } );
This will disable the whole of contextMenu on the video. But still people can download the video using video downloader browser extension, you can't really prevent in all scenario, but definitely make it harder.
hth,
Vivkeuma

Can anyone give me a detailed explanation of how to upload my Edge Animate Composition into Godaddy?

I have a godaddy.com Domain and hosting acc. I have uploaded my composition into the FTP File Manager for my domain. I placed them in the html folder GoDaddy has in there by default. All the files are included, as well as the edge_includes folder and the Images folder (Not that I have imported any..) and when i attempt to view the page I get nothing but an error 404 message. I attempted to place a regular html file into the folder to see if the issue was with godaddy.com but it worked just fine. Any help would be greatly appreciated as I need this site up within the next two weeks. Thanks in advance.

A thought:
You guys are 'uploading' or 'publishing' the files to the public_html directory yes? ... when you log into GoDaddy FTPs you are presented with a lot of backend folders ... you need to select the public_html folder then put ALL of your website files in that folder ...
Also ... delete the default files and put your new files up ...
cheers
GemBro

Annoying stuff about Edge animate to report.

It is really annoying how every time you export or preview your work, edge returns to the stage layer all the way to the top so you have to make your way inside symbols all over again every single time.

Also edge animate does not support pageInit functions so using it with jquery mobile and ajax is impossible.

Swap Edge Animate composition for image

Hello,
Is there a way to swap out an Edge composition for a static image when the viewport is at a certain size?

There must be a trigger or event action somewhere in your project/ code that is firing it off.
To help pinpoint it, go to the Window > Code and from the Actions Panel on the left you should see a list of 'actionable' elements. Look for something like
     Stage
          { } elementName.mouseout
Select them to review any code that is triggering a
           window.open("http://www.adobe.com", "_self");
Modify or remove the above where it is no longer needed.
Darrell

About Bootstrapping Animate Compositions

Similar Messages

Maybe you are looking for