Re: Placing Edge animations into an article in DPS

I am trying to place an interactive info graphic — created in EDGE animate — on a page of an article in DPS. I would like the reader to be able to click on the animation graphic and have it launch full screen and then be interactive — for the reader to be able to move thru the various screens, charts and graphs. I've tried placing it as an imbedded HTML document, as an animation, etc. but I'm not having any luck. Is this possible to do and if so, how? I am a DPS Pro user, creating my articles/folios in InDesignCC on a Mac running OSX 10.9.2. I have had success placing videos, audio, slide shows, scrolling frames, etc. just not the EDGE animation. BTW the file I'm placing has an .oam extention. The interactivity works great in EDGE. Any ideas? THX

AFAIK, that’s not possible. When you place an OAM file you are creating a web content overlay and the frame is going to act as a view port.
You could I suppose create an MSO and then use a full screen size Edge file that would launch as the second state when you tap a button.

Similar Messages

How do I insert my Edge Animation into Wordpress as an animated/interactive graphic

How do I insert my Edge Animation into Wordpress as an animated/interactive graphic?

Hi ColleenSyron,
Can you check out this video: http://tv.adobe.com/watch/create-like-crazy-with-adobe-edge/episode-5-spice-up-your-wordpr ess-site-with-edge-animate/
Thanks,
Preran

How to integrate Edge Animation into a Joomla-CMS page?

I tried to integrate an Edge animation into a Joomla site, but there appears just a white page...

Hi,
I guess I have two answer on two levels. The wordpress plugin (EdgeSuite) allows you to place compositions inline or use iframes, so it is not really plugin vs. iframes.
EdgeSuite brings various benefits (if you ask me):
First of all, it comes down to just uploading stuff, place it, done. No ftp upload, filehandling or whatsoever.
More over that the plugin enables sharing of core edge libraries. E.g. if you place two compositions on a page without modifying them, all the edge libraries (edge.js, jquery, yep, easings...) will be loaded twice as they sit in different directories. Same with viewing compositions on different pages, each composition loads its own set of libraries. 10 different compositions results in 10x loading of all libs. Edge Suite on the other hand alters the path for the resources and places them in one directory. Libs are only loaded once, for the whole page.
If you have a simple website cluttering your webspace at root level might be an option. If you are using a CMS and have 10 compositions that is just awful. EdgeSuite places all composition files in a clean file structure within subfolders, no cluttering.
That's just from the top of my head.
The iframe topic is a bit more difficult. Personally I think iframes are mostly bad practice. It's like in the early days of the web with table layouts and framesets. There are cases where iframes make total sense and are the best way to go and that's why EdgeSuite can also render iframes. But I personally only want to "see" an iframe when there is no other option. If you can do it inline, do it inline. Bad SEO, loading times, semantic fragmentation... security aspects, sandboxing on the other hand are just a couple of the most common arguments. Most of the arguments don't directly apply to the context of Edge Animate, but still... decide for yourself
Hope that answers your question to some degree.

Integrating edge animations into Premiere to add audio

I want to add and synch an audio track to an edge animation. Is there a known workflow for getting edge animations into video (mp4) format so that I can then add audio?

Hi Jim, there is currently no built-in way to convert the html/javascript output of Edge Animate, to mp4 video.
What is your end goal? Are you trying to add audio to an Edge animation, which will live as html on the web? Or is your end goal a video piece?
If your end goal is a video piece, you could use screen capture software to record your Edge animation in-browser, then import that video to Premiere.
Depending on your use-case, it might make more sense to use a much more advanced, purpose-built animation application like After Effects as your animation tool, rather than Edge Animate.

Inclusion of an edge animation into Dreamweaver which was created outside of Dreamweaver

I have created an animated banner that I would llike to insert into a Div on an existing web page. Here is what was created:
Can some one give me an example of how to insert this animation into a web page div container? I see no examples on how to do this anywhere.
Thank you!

If you are having problems opening your files in Edge
There is script that does not belong or is incorrect...
http://pharmacure.businesscatalyst.com/Index_Desktop_Animation_1.html
Here is what your file looks like:
<!DOCTYPE html>
<html style="height:100%;">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled</title>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link href="/StyleSheets/ModuleStyleSheets.css" type="text/css" rel="StyleSheet" />
<script type="text/javascript">var jslang='EN';</script>
<script type="text/javascript" charset="utf-8" src="Index_Desktop_Animation_1_edgePreload.js"></script>

<style>
.edgeLoad-EDGE-311633456 { visibility:hidden; }
</style>

</head>
<body style="margin:0;padding:0;height:100%;">
<div id="Stage" class="EDGE-311633456">
</div>
</body>
</html>
There are several items in your code that were not generated by Edge.
For one your <html> tag has script in there that does not belong...

How do I export an Edge Animation into a single folder? (no subfolders)

I need to export an Edge Animation so that all of the javascript, html, and images are located in one folder. (no subfolders)
Is this possible?
Thanks

unless you feel like hacking the exported edge code, no..
if you do.
open [you comp name]preloader.js in an editor look for "aloader" and remove the paths from edge.*.min.js and the jquery1-7...
open [your comp name]-edge.js and edit " var im='images/'; " to var im=''";
then cut paste all your files to the sinle folder

I need linkability on an placed edge animation

I brought in an edge animation that needs to link (on click) to a page within the site. the animation has some interactive features that I established in Edge (and they are working fine) so I can't put a 0 opacity linking object over the top of it because I lose this interactivity. It seems strange to me that the OAM file is not a linkable object.

Well, you basically answered your own question: Just like you cannot determine what to click when adding an overlay, so couldn't the code you add on top of it. There is simply no way to distinguish whether your click was meant to hit the invisible layer or the red ball in your Edge animation. You need to think of something else like including the links in the Edge animation or using a separate link.
Mylenium

Embed an adobe edge animation into CMS?

I'm looking to create a dynamic map for my organizations' website which can be clicked and open a new link from various parts. The map will either be produced with Edge Animate or maybe Muse (or both depending). Or I can strictly code the HTML?
Here's the shtick - we don't have FTP back-end access. I'd love to be able to get into the source view of the CMS and embed what I need right in that frame - is that even possible? I might be able to link outside of the CMS and place potential sub-folders elsewhere.
I am coming from a hefty design background and the extent of my coding is CSS and HTML - the easier way to do this the better.
Thank you mucho!
- S.

Hi Martin,
I take it you use DW to edit your BC site, and since you have access to the code directly there are a few steps you need to take in order to make you banner show on your site.
(Yes, no import feature that will do the following actions autmatically but if you follow the steps you should have your banner on your site in a few minutes.)
1st - When you use Edge you have the possibility to publish your site project, which is then saved under a folder you define.
2nd - Take the project folder (copy) and upload it (paste) into your site (at the root level or where you find it convenient)
3rd - Add an iframe like this: <iframe src="/path/your_project.html" width="500" height="200" frameborder="0" scrolling="no"></iframe> configuring the path to your .html file which will run the animation, the width, height, etc as you need them.
Add the iframe where you need the banner to show up, a page or template.
I hope this answers your question.
Cheers,
Cristian

Edge Animation not showing up on server?

I put my Edge animation into Dreamweaver and it was working, but when I uploaded it to the server, it wasn't showing up. I uploaded all of the Edge animate assets for the animations in the Site Root folder. What files are needed for edge animations to upload successfully when they are placed in Dreamweaver?

I inserted the .oam fie that I published from Edge into Dreamweaver. I got it to work finally, but the slideshow takes a long time to load or sometimes doesn't load. I've never used an iframe before, would that be a better solution?
here is a link to my site:
http://www.danekuhn.com/design.html

Edge animation not working good on ipad

Hallo there,
I have a problem with my slides on contact viewer on my ipad.
I imported in every slide a simple edge animation.
But al the animation are working.
Here is my problem.
When I start the animation on slide 1 then is it working. But when I go the the second slide. Then the animation don't work.
But when I go to the 4th slide then it is working again. I don't really know what is the problem with that.
Can you guys mabye help me out?
Greetings,
Thomas

There is a limit to how much you can do with this and best practice is to
not jam too much HTML animation into one article. Do you have a delay set
for the Edge files? Try .125 seconds.

Insert more then one animation into dreamweaver

how do I insert more then one adobe edge animation into dreamweaver via html code?

Hi, bullydog2009-
You should be able to insert multiple iframes into your HTML document. Try this post for syntax:
http://forums.adobe.com/message/4741310
Hope that helps!
-Elaine

I cannot publish a large Edge Animation as an .oam in Dreamweaver

The Animation is 135mb and I can see it OK in Edge. When I publish to an Animate Deployment Package it also arrives as expected - but when I insert it as an Edge Animation into Dreamweaver it does not pick up the height and the width - and when I change those dimensions in the property inspector - and then publish - it does not send anything to the server.
Please help.

Hi both of you and Elaine,
I am fully aware how large the file is - I am not that naive.
It is a long time back since I sent this post - and it is also sorted a long time ago by putting it into an iFrame.
…but I understood that I from inside Edge Animation could export an .oam file and use it integrated in Dreamweaver. (I followed a tutorial from Edge Animate.) But it did not work and the only explanation that I can think of is the file size. ….but there was no problems using an iFrame - so why use an .oam at all?
regards
TJ Helle
[email protected]
FSteer Limited
55A Fairlight Road
London SW17 0JE, UK
Phone: +44 20 8672 2403
Mobile: +44 7906 128 717

EDGE animation plays before I come to the page in an Article

Hello,
I have created an EDGE animation, and, it plays before I get to the page in an Article.
I have created other animations and placed them into articles and other folios, but, on this, it does not play correctly. I would like it to play upon entering the page or going to the page. but, when I enter the page it has already palyed. Might you have some hints or answers?
Thank you,
L

Need to set a delay on it with Folio Overlays panel I believe, little tricky if
its in a smooth scrolling page as that maybe loaded in one go, even
though it should tile.

Issue with multiple Edge animations in the same article. Please help!

We have 3 edge animations in our 3 page article, one in eache page. The first edge animation you view autoplays great, however when you swipe down or up the other animations just wont play. All of them set to autoplay 0.125 with transparent background. It seems that no matter which one you see first, it kills the other two. We tried importing HTML and DPS from Edge with the same results.
Thank you in advance!
al3nai

I just did a quick test and experienced mixed results. I placed a single edge animation on the first page of a horizontal article, then placed the same edge animation on three pages of the vertical orientation (dual-orientation folio). The edge animation shows up perfectly on the horizontal layout, but only displays on pages 1 and 3 of the vertical orientation. It does not load on page 2.
I also placed an additional Web Content Overlay on page two connecting to a website which loads fine. The edge animation shows the spinning/loading icon but nothing loads.
Sorry, not much help here just sharing similar bugs.

Is it possible to drop animated files from edge cc into premier pro cc ?

is it possible to drop animated files from edge cc into premier pro cc ?

Hi paddymaxg,
As far as I know, there is no such workflow.
Thanks,
Preran

Re: Placing Edge animations into an article in DPS

Similar Messages

Maybe you are looking for